70
UNIVERSIDADE FEDERAL DE UBERLÂNDIA FACULDADE DE ENGENHARIA ELÉTRICA - FEELT NÚCLEO DE INTELIGÊNCIA ARTIFICIAL Carlos Anibal Vieira Araújo Júnior Projeto e Implementação de um Montador Mobile de Autoria para Conteúdo Multimídia, Multiplataforma e Multidevice para M-Learning Utilizando a Plataforma Corona SDK Aderente aos Processos Humanos de Cognição UBERLÂNDIA - MG 2017

UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

  • Upload
    others

  • View
    11

  • Download
    0

Embed Size (px)

Citation preview

Page 1: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

UNIVERSIDADE FEDERAL DE UBERLAcircNDIA

FACULDADE DE ENGENHARIA ELEacuteTRICA - FEELT

NUacuteCLEO DE INTELIGEcircNCIA ARTIFICIAL

Carlos Anibal Vieira Arauacutejo Juacutenior

Projeto e Implementaccedilatildeo de um Montador Mobile de Autoria

para Conteuacutedo Multimiacutedia Multiplataforma e Multidevice

para M-Learning Utilizando a Plataforma Corona SDK

Aderente aos Processos Humanos de Cogniccedilatildeo

UBERLAcircNDIA - MG

2017

Dados Internacionais de Catalogaccedilatildeo na Publicaccedilatildeo (CIP) Sistema de Bibliotecas da UFU MG Brasil

A663p2017

Arauacutejo Juacutenior Carlos Anibal Vieira 1986-Projeto e implementaccedilatildeo de um montador mobile de autoria para

conteuacutedo multimiacutedia multiplataforma e multidevice para M-Learning utilizando a plataforma corona SDK aderente aos processos humanos de cogniccedilatildeo Carlos Anibal Vieira Araujo Junior - 2017

68 f il

Orientador Luciano Vieira LimaDissertaccedilatildeo (mestrado) - Universidade Federal de Uberlacircndia

Programa de Poacutes-Graduaccedilatildeo em Engenharia EleacutetricaInclui bibliografia

1 Engenharia eleacutetrica - Teses 2 Sistemas de comunicaccedilatildeo moacutevel - Teses 3 Ensino a distacircncia - Teses 4 Inteligencia artificial - Aplicaccedilotildees educacionais - Teses I Lima Luciano Vieira 1960- II Universidade Federal de Uberlacircndia Programa de Poacutes-Graduaccedilatildeo em Engenharia Eleacutetrica III Tiacutetulo

Carlos Anibal Vieira Arauacutejo Juacutenior

PROJETO E IMPLEMENTACcedilAtildeO DE UM MONTADOR MOBILE DE AUTORIA PARA CONTEUacuteDO MULTIMIacuteDIA MULTIPLATAFORMA

E MULTIDEVICE PARA M-LEARNING UTILIZANDO A PLATAFORMA CORONA SDK ADERENTE AOS PROCESSOS

HUMANOS DE COGNICcedilAtildeO

Dissertaccedilatildeo apresentada ao Programa de Poacutes-Graduaccedilatildeo em Engenharia Eleacutetrica - Mestrado da Faculdade de Engenharia Eleacutetrica da Universidade Federal de Uberlacircndia como requisito parcial agrave obtenccedilatildeo do Tiacutetulo de Mestre em Engenharia Eleacutetrica

Aacuterea de Concentraccedilatildeo Inteligecircncia Artificial

Orientador Luciano Vieira Lima

UBERLAcircNDIA - MG

2017

CARLOS ANIBAL VIEIRA ARAUacuteJO JUacuteNIOR

PROJETO E IMPLEMENTACcedilAtildeO DE UM MONTADOR MOBILE DE AUTORIA

PARA CONTEUacuteDO MULTIMIacuteDIA MULTIPLATAFORMA E MULTIDEVICE

PARA M-LEARNING UTILIZANDO A PLATAFORMA CORONA SDK ADERENTE

AOS PROCESSOS HUMANOS DE COGNICcedilAtildeO

Dissertaccedilatildeo final apresentada agrave Universidade Federal de Uberlacircndia como requisito parcial agrave obtenccedilatildeo do tiacutetulo de Mestre em Engenharia Eleacutetrica

Banca Examinadora

Prof Dr Luciano Vieira Lima (orientador) Universidade Federal de Uberlacircndia

Prof Dr Luciano Martins Neto Universidade Federal de Uberlacircndia

Prof Dr Reny Cury Filho PMU

Uberlacircndia 13 de julho de 2017

DEDICATOacuteRIA

Dedico esse trabalho a Deus a minha amada esposa aos meus pais e irmatildeos pelo apoio incondicional ao meu tio por ter me incentivado a seguir este caminho e ao meu filho por jaacute estar me motivando a realizar grandes feitos

AGRADECIMENTOS

A Deus por estar continuamente ao meu lado durante esta caminhada

Aos meus amados pais Luciacutelia e Carlos pelo amor apoio carinho e inestimaacutevel ajuda que

me proporcionaram

Agradeccedilo tambeacutem aos meus queridos irmatildeos Thaiacutes Leandro e Lucas pela torcida

incondicional e pelos momentos de alegria e as minhas sobrinhas Nathaacutelia e Maria Luciacutelia

que vibram a cada conquista do titio

Agrave minha famiacutelia que contribuiacuteram com conversas reflexotildees e pensamentos Obrigada pelo

apoio e carinho

A minha esposa Lorrana por ser quem esteve sempre ao meu lado neste tempo de estudo me

ajudando na realizaccedilatildeo desta conquista e que em todos os momentos me forneceu carinho

motivaccedilatildeo e conforto para cada obstaacuteculo que encontrei

Ao meu orientador Luciano pelo apoio ensinamentos e ter me incentivado a seguir este

caminho e estado presente sempre que necessitei de sua ajuda

Aos membros da banca examinadora pela dedicaccedilatildeo em avaliar este trabalho e pelas

contribuiccedilotildees e consideraccedilotildees

RESUMO

O uso crescente de tecnologia mobile antes pela geraccedilatildeo Y hoje pelos nativos digitais

tambeacutem pelo puacuteblico da terceira idade vem abrindo uma lacuna uma distacircncia entre

professores e alunos quanto ao material didaacutetico disponibilizado de forma impressa e ateacute

mesmo na nuvem Os e-books principalmente para em plataformas de ensinoaprendizagem

em AVAs EAD nos formatos epub mobi e pdf cujos dispositivos mobiles jaacute possuem

aplicativos para leitura causam desinteresse principalmente nos nativos digitais que estatildeo

acostumados com conteuacutedo multimiacutedia Esta pesquisa apresenta uma soluccedilatildeo de uma

plataforma mobile para montagem de autoria com intuito de implementaacute-la e efetivaacute-la

totalmente atraveacutes do celular ou tablet o que atende as aspiraccedilotildees intriacutensecas desta geraccedilatildeo

seguindo os fundamentos de se evitar a sobrecarga cognitiva

Palavras - chave AVA EAD plataforma de ensino mobile autoria sobrecarga cognitiva

m-Learning

ABSTRACT

The increasing use of mobile technology before by the generation Y today by digital natives

also by the public of the third age has opened a gap a gap between teachers and students

about the available educational materials in hard copy and even in the cloud E-books

especially for teaching platforms learning in VLEs EAD in epub format mobi and pdf

whose mobiles devices already have applications for reading cause disinterest especially in

digital natives who are accustomed to multimidia content This research presents a solution of

a mobile platform assembly authoring with the intention of implementing it and making it

fully through the mobile phone or tablet that meets the intrinsic aspirations of this generation

following the fundamentals of avoiding cognitve overhead

Key words VLE EAD teaching platform mobile authoring cognitive overload m-

Learning

LISTA DE ILUSTRACcedilOtildeES

FIGURA 1 - The FRAME Model 22

FIGURA 2 - Coacutedigo em Corona 25

FIGURA 3 - Coacutedigo em Objective-C 26

FIGURA 4 - Coacutedigo em Java 27

FIGURA 5 - Codificaccedilatildeo Colocar Imagem 37

FIGURA 6 - Codificaccedilatildeo Colocar 38

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo 39

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo 40

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo 41

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo 42

FIGURA 11 - Codificaccedilatildeo Colocar Texto 44

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo 46

FIGURA 13 - Codificaccedilatildeo Criar Curso 48

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo 49

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares 50

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca 50

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca 50

FIGURA 18 - Ferramenta Inicial Montador 52

FIGURA 19 - MCE Estrutura do Montador de Curso 52

FIGURA 20 - Ferramenta Colocar Texto 53

FIGURA 21 - Ferramenta Colocar Questatildeo 54

FIGURA 22 - MCE Colocar um Texto 55

FIGURA 23 - Ferramenta Colocar Imagem 55

FIGURA 24 - MCE Colocar uma Imagem 56

FIGURA 25 - Ferramenta Colocar Som 57

FIGURA 26 - MCE Colocar um Som 57

FIGURA 27 - Ferramenta Colocar Viacutedeo 58

FIGURA 28 - MCE Colocar um Viacutedeo 58

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo 59

FIGURA 30 - MCE Colocar Animaccedilatildeo 60

FIGURA 31 - Dispositivos Mobiles Corona60

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK 61

SUMAacuteRIO

1 INTRODUCcedilAtildeO 11

11 Contextualizaccedilatildeo 11

111 Tecnologia e ensino a distacircncia 12

112 Processo cognitivo com aprendizagem em ambiente virtual 12

113 Nativos digitais e os seus dispositivos moacuteveis 14

12 Caracterizaccedilatildeo geral do estudo 14

121 Questotildees de investigaccedilatildeo e objetivos do estudo 15

122 A importacircncia de um montador de autoria 18

123 Apresentaccedilatildeo do m-Learning18

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo 19

13 Terminologia usada 23

2 CORONA SDK 25

3 PLATAFORMAS 29

31 E-books - Kindle29

32 Tablets - iOS e Android30

33 iOS 3134 Android32

35 Windows Phone 32

36 Natildeo existe sistema ideal 33

4 METODOLOGIA E PESQUISA 34

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD) 35

411 Funccedilatildeo Colocar Imagem36

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)37

412 Funccedilatildeo Colocar Som 37

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)38

413 Funccedilatildeo Colocar Botatildeo 38

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)39

414 Funccedilatildeo Colocar Viacutedeo 40

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 2: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

Dados Internacionais de Catalogaccedilatildeo na Publicaccedilatildeo (CIP) Sistema de Bibliotecas da UFU MG Brasil

A663p2017

Arauacutejo Juacutenior Carlos Anibal Vieira 1986-Projeto e implementaccedilatildeo de um montador mobile de autoria para

conteuacutedo multimiacutedia multiplataforma e multidevice para M-Learning utilizando a plataforma corona SDK aderente aos processos humanos de cogniccedilatildeo Carlos Anibal Vieira Araujo Junior - 2017

68 f il

Orientador Luciano Vieira LimaDissertaccedilatildeo (mestrado) - Universidade Federal de Uberlacircndia

Programa de Poacutes-Graduaccedilatildeo em Engenharia EleacutetricaInclui bibliografia

1 Engenharia eleacutetrica - Teses 2 Sistemas de comunicaccedilatildeo moacutevel - Teses 3 Ensino a distacircncia - Teses 4 Inteligencia artificial - Aplicaccedilotildees educacionais - Teses I Lima Luciano Vieira 1960- II Universidade Federal de Uberlacircndia Programa de Poacutes-Graduaccedilatildeo em Engenharia Eleacutetrica III Tiacutetulo

Carlos Anibal Vieira Arauacutejo Juacutenior

PROJETO E IMPLEMENTACcedilAtildeO DE UM MONTADOR MOBILE DE AUTORIA PARA CONTEUacuteDO MULTIMIacuteDIA MULTIPLATAFORMA

E MULTIDEVICE PARA M-LEARNING UTILIZANDO A PLATAFORMA CORONA SDK ADERENTE AOS PROCESSOS

HUMANOS DE COGNICcedilAtildeO

Dissertaccedilatildeo apresentada ao Programa de Poacutes-Graduaccedilatildeo em Engenharia Eleacutetrica - Mestrado da Faculdade de Engenharia Eleacutetrica da Universidade Federal de Uberlacircndia como requisito parcial agrave obtenccedilatildeo do Tiacutetulo de Mestre em Engenharia Eleacutetrica

Aacuterea de Concentraccedilatildeo Inteligecircncia Artificial

Orientador Luciano Vieira Lima

UBERLAcircNDIA - MG

2017

CARLOS ANIBAL VIEIRA ARAUacuteJO JUacuteNIOR

PROJETO E IMPLEMENTACcedilAtildeO DE UM MONTADOR MOBILE DE AUTORIA

PARA CONTEUacuteDO MULTIMIacuteDIA MULTIPLATAFORMA E MULTIDEVICE

PARA M-LEARNING UTILIZANDO A PLATAFORMA CORONA SDK ADERENTE

AOS PROCESSOS HUMANOS DE COGNICcedilAtildeO

Dissertaccedilatildeo final apresentada agrave Universidade Federal de Uberlacircndia como requisito parcial agrave obtenccedilatildeo do tiacutetulo de Mestre em Engenharia Eleacutetrica

Banca Examinadora

Prof Dr Luciano Vieira Lima (orientador) Universidade Federal de Uberlacircndia

Prof Dr Luciano Martins Neto Universidade Federal de Uberlacircndia

Prof Dr Reny Cury Filho PMU

Uberlacircndia 13 de julho de 2017

DEDICATOacuteRIA

Dedico esse trabalho a Deus a minha amada esposa aos meus pais e irmatildeos pelo apoio incondicional ao meu tio por ter me incentivado a seguir este caminho e ao meu filho por jaacute estar me motivando a realizar grandes feitos

AGRADECIMENTOS

A Deus por estar continuamente ao meu lado durante esta caminhada

Aos meus amados pais Luciacutelia e Carlos pelo amor apoio carinho e inestimaacutevel ajuda que

me proporcionaram

Agradeccedilo tambeacutem aos meus queridos irmatildeos Thaiacutes Leandro e Lucas pela torcida

incondicional e pelos momentos de alegria e as minhas sobrinhas Nathaacutelia e Maria Luciacutelia

que vibram a cada conquista do titio

Agrave minha famiacutelia que contribuiacuteram com conversas reflexotildees e pensamentos Obrigada pelo

apoio e carinho

A minha esposa Lorrana por ser quem esteve sempre ao meu lado neste tempo de estudo me

ajudando na realizaccedilatildeo desta conquista e que em todos os momentos me forneceu carinho

motivaccedilatildeo e conforto para cada obstaacuteculo que encontrei

Ao meu orientador Luciano pelo apoio ensinamentos e ter me incentivado a seguir este

caminho e estado presente sempre que necessitei de sua ajuda

Aos membros da banca examinadora pela dedicaccedilatildeo em avaliar este trabalho e pelas

contribuiccedilotildees e consideraccedilotildees

RESUMO

O uso crescente de tecnologia mobile antes pela geraccedilatildeo Y hoje pelos nativos digitais

tambeacutem pelo puacuteblico da terceira idade vem abrindo uma lacuna uma distacircncia entre

professores e alunos quanto ao material didaacutetico disponibilizado de forma impressa e ateacute

mesmo na nuvem Os e-books principalmente para em plataformas de ensinoaprendizagem

em AVAs EAD nos formatos epub mobi e pdf cujos dispositivos mobiles jaacute possuem

aplicativos para leitura causam desinteresse principalmente nos nativos digitais que estatildeo

acostumados com conteuacutedo multimiacutedia Esta pesquisa apresenta uma soluccedilatildeo de uma

plataforma mobile para montagem de autoria com intuito de implementaacute-la e efetivaacute-la

totalmente atraveacutes do celular ou tablet o que atende as aspiraccedilotildees intriacutensecas desta geraccedilatildeo

seguindo os fundamentos de se evitar a sobrecarga cognitiva

Palavras - chave AVA EAD plataforma de ensino mobile autoria sobrecarga cognitiva

m-Learning

ABSTRACT

The increasing use of mobile technology before by the generation Y today by digital natives

also by the public of the third age has opened a gap a gap between teachers and students

about the available educational materials in hard copy and even in the cloud E-books

especially for teaching platforms learning in VLEs EAD in epub format mobi and pdf

whose mobiles devices already have applications for reading cause disinterest especially in

digital natives who are accustomed to multimidia content This research presents a solution of

a mobile platform assembly authoring with the intention of implementing it and making it

fully through the mobile phone or tablet that meets the intrinsic aspirations of this generation

following the fundamentals of avoiding cognitve overhead

Key words VLE EAD teaching platform mobile authoring cognitive overload m-

Learning

LISTA DE ILUSTRACcedilOtildeES

FIGURA 1 - The FRAME Model 22

FIGURA 2 - Coacutedigo em Corona 25

FIGURA 3 - Coacutedigo em Objective-C 26

FIGURA 4 - Coacutedigo em Java 27

FIGURA 5 - Codificaccedilatildeo Colocar Imagem 37

FIGURA 6 - Codificaccedilatildeo Colocar 38

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo 39

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo 40

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo 41

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo 42

FIGURA 11 - Codificaccedilatildeo Colocar Texto 44

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo 46

FIGURA 13 - Codificaccedilatildeo Criar Curso 48

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo 49

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares 50

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca 50

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca 50

FIGURA 18 - Ferramenta Inicial Montador 52

FIGURA 19 - MCE Estrutura do Montador de Curso 52

FIGURA 20 - Ferramenta Colocar Texto 53

FIGURA 21 - Ferramenta Colocar Questatildeo 54

FIGURA 22 - MCE Colocar um Texto 55

FIGURA 23 - Ferramenta Colocar Imagem 55

FIGURA 24 - MCE Colocar uma Imagem 56

FIGURA 25 - Ferramenta Colocar Som 57

FIGURA 26 - MCE Colocar um Som 57

FIGURA 27 - Ferramenta Colocar Viacutedeo 58

FIGURA 28 - MCE Colocar um Viacutedeo 58

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo 59

FIGURA 30 - MCE Colocar Animaccedilatildeo 60

FIGURA 31 - Dispositivos Mobiles Corona60

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK 61

SUMAacuteRIO

1 INTRODUCcedilAtildeO 11

11 Contextualizaccedilatildeo 11

111 Tecnologia e ensino a distacircncia 12

112 Processo cognitivo com aprendizagem em ambiente virtual 12

113 Nativos digitais e os seus dispositivos moacuteveis 14

12 Caracterizaccedilatildeo geral do estudo 14

121 Questotildees de investigaccedilatildeo e objetivos do estudo 15

122 A importacircncia de um montador de autoria 18

123 Apresentaccedilatildeo do m-Learning18

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo 19

13 Terminologia usada 23

2 CORONA SDK 25

3 PLATAFORMAS 29

31 E-books - Kindle29

32 Tablets - iOS e Android30

33 iOS 3134 Android32

35 Windows Phone 32

36 Natildeo existe sistema ideal 33

4 METODOLOGIA E PESQUISA 34

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD) 35

411 Funccedilatildeo Colocar Imagem36

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)37

412 Funccedilatildeo Colocar Som 37

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)38

413 Funccedilatildeo Colocar Botatildeo 38

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)39

414 Funccedilatildeo Colocar Viacutedeo 40

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 3: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

Carlos Anibal Vieira Arauacutejo Juacutenior

PROJETO E IMPLEMENTACcedilAtildeO DE UM MONTADOR MOBILE DE AUTORIA PARA CONTEUacuteDO MULTIMIacuteDIA MULTIPLATAFORMA

E MULTIDEVICE PARA M-LEARNING UTILIZANDO A PLATAFORMA CORONA SDK ADERENTE AOS PROCESSOS

HUMANOS DE COGNICcedilAtildeO

Dissertaccedilatildeo apresentada ao Programa de Poacutes-Graduaccedilatildeo em Engenharia Eleacutetrica - Mestrado da Faculdade de Engenharia Eleacutetrica da Universidade Federal de Uberlacircndia como requisito parcial agrave obtenccedilatildeo do Tiacutetulo de Mestre em Engenharia Eleacutetrica

Aacuterea de Concentraccedilatildeo Inteligecircncia Artificial

Orientador Luciano Vieira Lima

UBERLAcircNDIA - MG

2017

CARLOS ANIBAL VIEIRA ARAUacuteJO JUacuteNIOR

PROJETO E IMPLEMENTACcedilAtildeO DE UM MONTADOR MOBILE DE AUTORIA

PARA CONTEUacuteDO MULTIMIacuteDIA MULTIPLATAFORMA E MULTIDEVICE

PARA M-LEARNING UTILIZANDO A PLATAFORMA CORONA SDK ADERENTE

AOS PROCESSOS HUMANOS DE COGNICcedilAtildeO

Dissertaccedilatildeo final apresentada agrave Universidade Federal de Uberlacircndia como requisito parcial agrave obtenccedilatildeo do tiacutetulo de Mestre em Engenharia Eleacutetrica

Banca Examinadora

Prof Dr Luciano Vieira Lima (orientador) Universidade Federal de Uberlacircndia

Prof Dr Luciano Martins Neto Universidade Federal de Uberlacircndia

Prof Dr Reny Cury Filho PMU

Uberlacircndia 13 de julho de 2017

DEDICATOacuteRIA

Dedico esse trabalho a Deus a minha amada esposa aos meus pais e irmatildeos pelo apoio incondicional ao meu tio por ter me incentivado a seguir este caminho e ao meu filho por jaacute estar me motivando a realizar grandes feitos

AGRADECIMENTOS

A Deus por estar continuamente ao meu lado durante esta caminhada

Aos meus amados pais Luciacutelia e Carlos pelo amor apoio carinho e inestimaacutevel ajuda que

me proporcionaram

Agradeccedilo tambeacutem aos meus queridos irmatildeos Thaiacutes Leandro e Lucas pela torcida

incondicional e pelos momentos de alegria e as minhas sobrinhas Nathaacutelia e Maria Luciacutelia

que vibram a cada conquista do titio

Agrave minha famiacutelia que contribuiacuteram com conversas reflexotildees e pensamentos Obrigada pelo

apoio e carinho

A minha esposa Lorrana por ser quem esteve sempre ao meu lado neste tempo de estudo me

ajudando na realizaccedilatildeo desta conquista e que em todos os momentos me forneceu carinho

motivaccedilatildeo e conforto para cada obstaacuteculo que encontrei

Ao meu orientador Luciano pelo apoio ensinamentos e ter me incentivado a seguir este

caminho e estado presente sempre que necessitei de sua ajuda

Aos membros da banca examinadora pela dedicaccedilatildeo em avaliar este trabalho e pelas

contribuiccedilotildees e consideraccedilotildees

RESUMO

O uso crescente de tecnologia mobile antes pela geraccedilatildeo Y hoje pelos nativos digitais

tambeacutem pelo puacuteblico da terceira idade vem abrindo uma lacuna uma distacircncia entre

professores e alunos quanto ao material didaacutetico disponibilizado de forma impressa e ateacute

mesmo na nuvem Os e-books principalmente para em plataformas de ensinoaprendizagem

em AVAs EAD nos formatos epub mobi e pdf cujos dispositivos mobiles jaacute possuem

aplicativos para leitura causam desinteresse principalmente nos nativos digitais que estatildeo

acostumados com conteuacutedo multimiacutedia Esta pesquisa apresenta uma soluccedilatildeo de uma

plataforma mobile para montagem de autoria com intuito de implementaacute-la e efetivaacute-la

totalmente atraveacutes do celular ou tablet o que atende as aspiraccedilotildees intriacutensecas desta geraccedilatildeo

seguindo os fundamentos de se evitar a sobrecarga cognitiva

Palavras - chave AVA EAD plataforma de ensino mobile autoria sobrecarga cognitiva

m-Learning

ABSTRACT

The increasing use of mobile technology before by the generation Y today by digital natives

also by the public of the third age has opened a gap a gap between teachers and students

about the available educational materials in hard copy and even in the cloud E-books

especially for teaching platforms learning in VLEs EAD in epub format mobi and pdf

whose mobiles devices already have applications for reading cause disinterest especially in

digital natives who are accustomed to multimidia content This research presents a solution of

a mobile platform assembly authoring with the intention of implementing it and making it

fully through the mobile phone or tablet that meets the intrinsic aspirations of this generation

following the fundamentals of avoiding cognitve overhead

Key words VLE EAD teaching platform mobile authoring cognitive overload m-

Learning

LISTA DE ILUSTRACcedilOtildeES

FIGURA 1 - The FRAME Model 22

FIGURA 2 - Coacutedigo em Corona 25

FIGURA 3 - Coacutedigo em Objective-C 26

FIGURA 4 - Coacutedigo em Java 27

FIGURA 5 - Codificaccedilatildeo Colocar Imagem 37

FIGURA 6 - Codificaccedilatildeo Colocar 38

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo 39

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo 40

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo 41

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo 42

FIGURA 11 - Codificaccedilatildeo Colocar Texto 44

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo 46

FIGURA 13 - Codificaccedilatildeo Criar Curso 48

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo 49

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares 50

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca 50

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca 50

FIGURA 18 - Ferramenta Inicial Montador 52

FIGURA 19 - MCE Estrutura do Montador de Curso 52

FIGURA 20 - Ferramenta Colocar Texto 53

FIGURA 21 - Ferramenta Colocar Questatildeo 54

FIGURA 22 - MCE Colocar um Texto 55

FIGURA 23 - Ferramenta Colocar Imagem 55

FIGURA 24 - MCE Colocar uma Imagem 56

FIGURA 25 - Ferramenta Colocar Som 57

FIGURA 26 - MCE Colocar um Som 57

FIGURA 27 - Ferramenta Colocar Viacutedeo 58

FIGURA 28 - MCE Colocar um Viacutedeo 58

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo 59

FIGURA 30 - MCE Colocar Animaccedilatildeo 60

FIGURA 31 - Dispositivos Mobiles Corona60

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK 61

SUMAacuteRIO

1 INTRODUCcedilAtildeO 11

11 Contextualizaccedilatildeo 11

111 Tecnologia e ensino a distacircncia 12

112 Processo cognitivo com aprendizagem em ambiente virtual 12

113 Nativos digitais e os seus dispositivos moacuteveis 14

12 Caracterizaccedilatildeo geral do estudo 14

121 Questotildees de investigaccedilatildeo e objetivos do estudo 15

122 A importacircncia de um montador de autoria 18

123 Apresentaccedilatildeo do m-Learning18

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo 19

13 Terminologia usada 23

2 CORONA SDK 25

3 PLATAFORMAS 29

31 E-books - Kindle29

32 Tablets - iOS e Android30

33 iOS 3134 Android32

35 Windows Phone 32

36 Natildeo existe sistema ideal 33

4 METODOLOGIA E PESQUISA 34

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD) 35

411 Funccedilatildeo Colocar Imagem36

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)37

412 Funccedilatildeo Colocar Som 37

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)38

413 Funccedilatildeo Colocar Botatildeo 38

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)39

414 Funccedilatildeo Colocar Viacutedeo 40

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 4: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

CARLOS ANIBAL VIEIRA ARAUacuteJO JUacuteNIOR

PROJETO E IMPLEMENTACcedilAtildeO DE UM MONTADOR MOBILE DE AUTORIA

PARA CONTEUacuteDO MULTIMIacuteDIA MULTIPLATAFORMA E MULTIDEVICE

PARA M-LEARNING UTILIZANDO A PLATAFORMA CORONA SDK ADERENTE

AOS PROCESSOS HUMANOS DE COGNICcedilAtildeO

Dissertaccedilatildeo final apresentada agrave Universidade Federal de Uberlacircndia como requisito parcial agrave obtenccedilatildeo do tiacutetulo de Mestre em Engenharia Eleacutetrica

Banca Examinadora

Prof Dr Luciano Vieira Lima (orientador) Universidade Federal de Uberlacircndia

Prof Dr Luciano Martins Neto Universidade Federal de Uberlacircndia

Prof Dr Reny Cury Filho PMU

Uberlacircndia 13 de julho de 2017

DEDICATOacuteRIA

Dedico esse trabalho a Deus a minha amada esposa aos meus pais e irmatildeos pelo apoio incondicional ao meu tio por ter me incentivado a seguir este caminho e ao meu filho por jaacute estar me motivando a realizar grandes feitos

AGRADECIMENTOS

A Deus por estar continuamente ao meu lado durante esta caminhada

Aos meus amados pais Luciacutelia e Carlos pelo amor apoio carinho e inestimaacutevel ajuda que

me proporcionaram

Agradeccedilo tambeacutem aos meus queridos irmatildeos Thaiacutes Leandro e Lucas pela torcida

incondicional e pelos momentos de alegria e as minhas sobrinhas Nathaacutelia e Maria Luciacutelia

que vibram a cada conquista do titio

Agrave minha famiacutelia que contribuiacuteram com conversas reflexotildees e pensamentos Obrigada pelo

apoio e carinho

A minha esposa Lorrana por ser quem esteve sempre ao meu lado neste tempo de estudo me

ajudando na realizaccedilatildeo desta conquista e que em todos os momentos me forneceu carinho

motivaccedilatildeo e conforto para cada obstaacuteculo que encontrei

Ao meu orientador Luciano pelo apoio ensinamentos e ter me incentivado a seguir este

caminho e estado presente sempre que necessitei de sua ajuda

Aos membros da banca examinadora pela dedicaccedilatildeo em avaliar este trabalho e pelas

contribuiccedilotildees e consideraccedilotildees

RESUMO

O uso crescente de tecnologia mobile antes pela geraccedilatildeo Y hoje pelos nativos digitais

tambeacutem pelo puacuteblico da terceira idade vem abrindo uma lacuna uma distacircncia entre

professores e alunos quanto ao material didaacutetico disponibilizado de forma impressa e ateacute

mesmo na nuvem Os e-books principalmente para em plataformas de ensinoaprendizagem

em AVAs EAD nos formatos epub mobi e pdf cujos dispositivos mobiles jaacute possuem

aplicativos para leitura causam desinteresse principalmente nos nativos digitais que estatildeo

acostumados com conteuacutedo multimiacutedia Esta pesquisa apresenta uma soluccedilatildeo de uma

plataforma mobile para montagem de autoria com intuito de implementaacute-la e efetivaacute-la

totalmente atraveacutes do celular ou tablet o que atende as aspiraccedilotildees intriacutensecas desta geraccedilatildeo

seguindo os fundamentos de se evitar a sobrecarga cognitiva

Palavras - chave AVA EAD plataforma de ensino mobile autoria sobrecarga cognitiva

m-Learning

ABSTRACT

The increasing use of mobile technology before by the generation Y today by digital natives

also by the public of the third age has opened a gap a gap between teachers and students

about the available educational materials in hard copy and even in the cloud E-books

especially for teaching platforms learning in VLEs EAD in epub format mobi and pdf

whose mobiles devices already have applications for reading cause disinterest especially in

digital natives who are accustomed to multimidia content This research presents a solution of

a mobile platform assembly authoring with the intention of implementing it and making it

fully through the mobile phone or tablet that meets the intrinsic aspirations of this generation

following the fundamentals of avoiding cognitve overhead

Key words VLE EAD teaching platform mobile authoring cognitive overload m-

Learning

LISTA DE ILUSTRACcedilOtildeES

FIGURA 1 - The FRAME Model 22

FIGURA 2 - Coacutedigo em Corona 25

FIGURA 3 - Coacutedigo em Objective-C 26

FIGURA 4 - Coacutedigo em Java 27

FIGURA 5 - Codificaccedilatildeo Colocar Imagem 37

FIGURA 6 - Codificaccedilatildeo Colocar 38

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo 39

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo 40

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo 41

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo 42

FIGURA 11 - Codificaccedilatildeo Colocar Texto 44

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo 46

FIGURA 13 - Codificaccedilatildeo Criar Curso 48

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo 49

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares 50

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca 50

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca 50

FIGURA 18 - Ferramenta Inicial Montador 52

FIGURA 19 - MCE Estrutura do Montador de Curso 52

FIGURA 20 - Ferramenta Colocar Texto 53

FIGURA 21 - Ferramenta Colocar Questatildeo 54

FIGURA 22 - MCE Colocar um Texto 55

FIGURA 23 - Ferramenta Colocar Imagem 55

FIGURA 24 - MCE Colocar uma Imagem 56

FIGURA 25 - Ferramenta Colocar Som 57

FIGURA 26 - MCE Colocar um Som 57

FIGURA 27 - Ferramenta Colocar Viacutedeo 58

FIGURA 28 - MCE Colocar um Viacutedeo 58

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo 59

FIGURA 30 - MCE Colocar Animaccedilatildeo 60

FIGURA 31 - Dispositivos Mobiles Corona60

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK 61

SUMAacuteRIO

1 INTRODUCcedilAtildeO 11

11 Contextualizaccedilatildeo 11

111 Tecnologia e ensino a distacircncia 12

112 Processo cognitivo com aprendizagem em ambiente virtual 12

113 Nativos digitais e os seus dispositivos moacuteveis 14

12 Caracterizaccedilatildeo geral do estudo 14

121 Questotildees de investigaccedilatildeo e objetivos do estudo 15

122 A importacircncia de um montador de autoria 18

123 Apresentaccedilatildeo do m-Learning18

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo 19

13 Terminologia usada 23

2 CORONA SDK 25

3 PLATAFORMAS 29

31 E-books - Kindle29

32 Tablets - iOS e Android30

33 iOS 3134 Android32

35 Windows Phone 32

36 Natildeo existe sistema ideal 33

4 METODOLOGIA E PESQUISA 34

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD) 35

411 Funccedilatildeo Colocar Imagem36

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)37

412 Funccedilatildeo Colocar Som 37

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)38

413 Funccedilatildeo Colocar Botatildeo 38

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)39

414 Funccedilatildeo Colocar Viacutedeo 40

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 5: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

DEDICATOacuteRIA

Dedico esse trabalho a Deus a minha amada esposa aos meus pais e irmatildeos pelo apoio incondicional ao meu tio por ter me incentivado a seguir este caminho e ao meu filho por jaacute estar me motivando a realizar grandes feitos

AGRADECIMENTOS

A Deus por estar continuamente ao meu lado durante esta caminhada

Aos meus amados pais Luciacutelia e Carlos pelo amor apoio carinho e inestimaacutevel ajuda que

me proporcionaram

Agradeccedilo tambeacutem aos meus queridos irmatildeos Thaiacutes Leandro e Lucas pela torcida

incondicional e pelos momentos de alegria e as minhas sobrinhas Nathaacutelia e Maria Luciacutelia

que vibram a cada conquista do titio

Agrave minha famiacutelia que contribuiacuteram com conversas reflexotildees e pensamentos Obrigada pelo

apoio e carinho

A minha esposa Lorrana por ser quem esteve sempre ao meu lado neste tempo de estudo me

ajudando na realizaccedilatildeo desta conquista e que em todos os momentos me forneceu carinho

motivaccedilatildeo e conforto para cada obstaacuteculo que encontrei

Ao meu orientador Luciano pelo apoio ensinamentos e ter me incentivado a seguir este

caminho e estado presente sempre que necessitei de sua ajuda

Aos membros da banca examinadora pela dedicaccedilatildeo em avaliar este trabalho e pelas

contribuiccedilotildees e consideraccedilotildees

RESUMO

O uso crescente de tecnologia mobile antes pela geraccedilatildeo Y hoje pelos nativos digitais

tambeacutem pelo puacuteblico da terceira idade vem abrindo uma lacuna uma distacircncia entre

professores e alunos quanto ao material didaacutetico disponibilizado de forma impressa e ateacute

mesmo na nuvem Os e-books principalmente para em plataformas de ensinoaprendizagem

em AVAs EAD nos formatos epub mobi e pdf cujos dispositivos mobiles jaacute possuem

aplicativos para leitura causam desinteresse principalmente nos nativos digitais que estatildeo

acostumados com conteuacutedo multimiacutedia Esta pesquisa apresenta uma soluccedilatildeo de uma

plataforma mobile para montagem de autoria com intuito de implementaacute-la e efetivaacute-la

totalmente atraveacutes do celular ou tablet o que atende as aspiraccedilotildees intriacutensecas desta geraccedilatildeo

seguindo os fundamentos de se evitar a sobrecarga cognitiva

Palavras - chave AVA EAD plataforma de ensino mobile autoria sobrecarga cognitiva

m-Learning

ABSTRACT

The increasing use of mobile technology before by the generation Y today by digital natives

also by the public of the third age has opened a gap a gap between teachers and students

about the available educational materials in hard copy and even in the cloud E-books

especially for teaching platforms learning in VLEs EAD in epub format mobi and pdf

whose mobiles devices already have applications for reading cause disinterest especially in

digital natives who are accustomed to multimidia content This research presents a solution of

a mobile platform assembly authoring with the intention of implementing it and making it

fully through the mobile phone or tablet that meets the intrinsic aspirations of this generation

following the fundamentals of avoiding cognitve overhead

Key words VLE EAD teaching platform mobile authoring cognitive overload m-

Learning

LISTA DE ILUSTRACcedilOtildeES

FIGURA 1 - The FRAME Model 22

FIGURA 2 - Coacutedigo em Corona 25

FIGURA 3 - Coacutedigo em Objective-C 26

FIGURA 4 - Coacutedigo em Java 27

FIGURA 5 - Codificaccedilatildeo Colocar Imagem 37

FIGURA 6 - Codificaccedilatildeo Colocar 38

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo 39

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo 40

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo 41

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo 42

FIGURA 11 - Codificaccedilatildeo Colocar Texto 44

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo 46

FIGURA 13 - Codificaccedilatildeo Criar Curso 48

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo 49

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares 50

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca 50

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca 50

FIGURA 18 - Ferramenta Inicial Montador 52

FIGURA 19 - MCE Estrutura do Montador de Curso 52

FIGURA 20 - Ferramenta Colocar Texto 53

FIGURA 21 - Ferramenta Colocar Questatildeo 54

FIGURA 22 - MCE Colocar um Texto 55

FIGURA 23 - Ferramenta Colocar Imagem 55

FIGURA 24 - MCE Colocar uma Imagem 56

FIGURA 25 - Ferramenta Colocar Som 57

FIGURA 26 - MCE Colocar um Som 57

FIGURA 27 - Ferramenta Colocar Viacutedeo 58

FIGURA 28 - MCE Colocar um Viacutedeo 58

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo 59

FIGURA 30 - MCE Colocar Animaccedilatildeo 60

FIGURA 31 - Dispositivos Mobiles Corona60

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK 61

SUMAacuteRIO

1 INTRODUCcedilAtildeO 11

11 Contextualizaccedilatildeo 11

111 Tecnologia e ensino a distacircncia 12

112 Processo cognitivo com aprendizagem em ambiente virtual 12

113 Nativos digitais e os seus dispositivos moacuteveis 14

12 Caracterizaccedilatildeo geral do estudo 14

121 Questotildees de investigaccedilatildeo e objetivos do estudo 15

122 A importacircncia de um montador de autoria 18

123 Apresentaccedilatildeo do m-Learning18

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo 19

13 Terminologia usada 23

2 CORONA SDK 25

3 PLATAFORMAS 29

31 E-books - Kindle29

32 Tablets - iOS e Android30

33 iOS 3134 Android32

35 Windows Phone 32

36 Natildeo existe sistema ideal 33

4 METODOLOGIA E PESQUISA 34

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD) 35

411 Funccedilatildeo Colocar Imagem36

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)37

412 Funccedilatildeo Colocar Som 37

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)38

413 Funccedilatildeo Colocar Botatildeo 38

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)39

414 Funccedilatildeo Colocar Viacutedeo 40

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 6: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

AGRADECIMENTOS

A Deus por estar continuamente ao meu lado durante esta caminhada

Aos meus amados pais Luciacutelia e Carlos pelo amor apoio carinho e inestimaacutevel ajuda que

me proporcionaram

Agradeccedilo tambeacutem aos meus queridos irmatildeos Thaiacutes Leandro e Lucas pela torcida

incondicional e pelos momentos de alegria e as minhas sobrinhas Nathaacutelia e Maria Luciacutelia

que vibram a cada conquista do titio

Agrave minha famiacutelia que contribuiacuteram com conversas reflexotildees e pensamentos Obrigada pelo

apoio e carinho

A minha esposa Lorrana por ser quem esteve sempre ao meu lado neste tempo de estudo me

ajudando na realizaccedilatildeo desta conquista e que em todos os momentos me forneceu carinho

motivaccedilatildeo e conforto para cada obstaacuteculo que encontrei

Ao meu orientador Luciano pelo apoio ensinamentos e ter me incentivado a seguir este

caminho e estado presente sempre que necessitei de sua ajuda

Aos membros da banca examinadora pela dedicaccedilatildeo em avaliar este trabalho e pelas

contribuiccedilotildees e consideraccedilotildees

RESUMO

O uso crescente de tecnologia mobile antes pela geraccedilatildeo Y hoje pelos nativos digitais

tambeacutem pelo puacuteblico da terceira idade vem abrindo uma lacuna uma distacircncia entre

professores e alunos quanto ao material didaacutetico disponibilizado de forma impressa e ateacute

mesmo na nuvem Os e-books principalmente para em plataformas de ensinoaprendizagem

em AVAs EAD nos formatos epub mobi e pdf cujos dispositivos mobiles jaacute possuem

aplicativos para leitura causam desinteresse principalmente nos nativos digitais que estatildeo

acostumados com conteuacutedo multimiacutedia Esta pesquisa apresenta uma soluccedilatildeo de uma

plataforma mobile para montagem de autoria com intuito de implementaacute-la e efetivaacute-la

totalmente atraveacutes do celular ou tablet o que atende as aspiraccedilotildees intriacutensecas desta geraccedilatildeo

seguindo os fundamentos de se evitar a sobrecarga cognitiva

Palavras - chave AVA EAD plataforma de ensino mobile autoria sobrecarga cognitiva

m-Learning

ABSTRACT

The increasing use of mobile technology before by the generation Y today by digital natives

also by the public of the third age has opened a gap a gap between teachers and students

about the available educational materials in hard copy and even in the cloud E-books

especially for teaching platforms learning in VLEs EAD in epub format mobi and pdf

whose mobiles devices already have applications for reading cause disinterest especially in

digital natives who are accustomed to multimidia content This research presents a solution of

a mobile platform assembly authoring with the intention of implementing it and making it

fully through the mobile phone or tablet that meets the intrinsic aspirations of this generation

following the fundamentals of avoiding cognitve overhead

Key words VLE EAD teaching platform mobile authoring cognitive overload m-

Learning

LISTA DE ILUSTRACcedilOtildeES

FIGURA 1 - The FRAME Model 22

FIGURA 2 - Coacutedigo em Corona 25

FIGURA 3 - Coacutedigo em Objective-C 26

FIGURA 4 - Coacutedigo em Java 27

FIGURA 5 - Codificaccedilatildeo Colocar Imagem 37

FIGURA 6 - Codificaccedilatildeo Colocar 38

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo 39

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo 40

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo 41

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo 42

FIGURA 11 - Codificaccedilatildeo Colocar Texto 44

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo 46

FIGURA 13 - Codificaccedilatildeo Criar Curso 48

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo 49

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares 50

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca 50

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca 50

FIGURA 18 - Ferramenta Inicial Montador 52

FIGURA 19 - MCE Estrutura do Montador de Curso 52

FIGURA 20 - Ferramenta Colocar Texto 53

FIGURA 21 - Ferramenta Colocar Questatildeo 54

FIGURA 22 - MCE Colocar um Texto 55

FIGURA 23 - Ferramenta Colocar Imagem 55

FIGURA 24 - MCE Colocar uma Imagem 56

FIGURA 25 - Ferramenta Colocar Som 57

FIGURA 26 - MCE Colocar um Som 57

FIGURA 27 - Ferramenta Colocar Viacutedeo 58

FIGURA 28 - MCE Colocar um Viacutedeo 58

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo 59

FIGURA 30 - MCE Colocar Animaccedilatildeo 60

FIGURA 31 - Dispositivos Mobiles Corona60

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK 61

SUMAacuteRIO

1 INTRODUCcedilAtildeO 11

11 Contextualizaccedilatildeo 11

111 Tecnologia e ensino a distacircncia 12

112 Processo cognitivo com aprendizagem em ambiente virtual 12

113 Nativos digitais e os seus dispositivos moacuteveis 14

12 Caracterizaccedilatildeo geral do estudo 14

121 Questotildees de investigaccedilatildeo e objetivos do estudo 15

122 A importacircncia de um montador de autoria 18

123 Apresentaccedilatildeo do m-Learning18

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo 19

13 Terminologia usada 23

2 CORONA SDK 25

3 PLATAFORMAS 29

31 E-books - Kindle29

32 Tablets - iOS e Android30

33 iOS 3134 Android32

35 Windows Phone 32

36 Natildeo existe sistema ideal 33

4 METODOLOGIA E PESQUISA 34

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD) 35

411 Funccedilatildeo Colocar Imagem36

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)37

412 Funccedilatildeo Colocar Som 37

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)38

413 Funccedilatildeo Colocar Botatildeo 38

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)39

414 Funccedilatildeo Colocar Viacutedeo 40

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 7: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

RESUMO

O uso crescente de tecnologia mobile antes pela geraccedilatildeo Y hoje pelos nativos digitais

tambeacutem pelo puacuteblico da terceira idade vem abrindo uma lacuna uma distacircncia entre

professores e alunos quanto ao material didaacutetico disponibilizado de forma impressa e ateacute

mesmo na nuvem Os e-books principalmente para em plataformas de ensinoaprendizagem

em AVAs EAD nos formatos epub mobi e pdf cujos dispositivos mobiles jaacute possuem

aplicativos para leitura causam desinteresse principalmente nos nativos digitais que estatildeo

acostumados com conteuacutedo multimiacutedia Esta pesquisa apresenta uma soluccedilatildeo de uma

plataforma mobile para montagem de autoria com intuito de implementaacute-la e efetivaacute-la

totalmente atraveacutes do celular ou tablet o que atende as aspiraccedilotildees intriacutensecas desta geraccedilatildeo

seguindo os fundamentos de se evitar a sobrecarga cognitiva

Palavras - chave AVA EAD plataforma de ensino mobile autoria sobrecarga cognitiva

m-Learning

ABSTRACT

The increasing use of mobile technology before by the generation Y today by digital natives

also by the public of the third age has opened a gap a gap between teachers and students

about the available educational materials in hard copy and even in the cloud E-books

especially for teaching platforms learning in VLEs EAD in epub format mobi and pdf

whose mobiles devices already have applications for reading cause disinterest especially in

digital natives who are accustomed to multimidia content This research presents a solution of

a mobile platform assembly authoring with the intention of implementing it and making it

fully through the mobile phone or tablet that meets the intrinsic aspirations of this generation

following the fundamentals of avoiding cognitve overhead

Key words VLE EAD teaching platform mobile authoring cognitive overload m-

Learning

LISTA DE ILUSTRACcedilOtildeES

FIGURA 1 - The FRAME Model 22

FIGURA 2 - Coacutedigo em Corona 25

FIGURA 3 - Coacutedigo em Objective-C 26

FIGURA 4 - Coacutedigo em Java 27

FIGURA 5 - Codificaccedilatildeo Colocar Imagem 37

FIGURA 6 - Codificaccedilatildeo Colocar 38

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo 39

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo 40

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo 41

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo 42

FIGURA 11 - Codificaccedilatildeo Colocar Texto 44

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo 46

FIGURA 13 - Codificaccedilatildeo Criar Curso 48

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo 49

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares 50

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca 50

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca 50

FIGURA 18 - Ferramenta Inicial Montador 52

FIGURA 19 - MCE Estrutura do Montador de Curso 52

FIGURA 20 - Ferramenta Colocar Texto 53

FIGURA 21 - Ferramenta Colocar Questatildeo 54

FIGURA 22 - MCE Colocar um Texto 55

FIGURA 23 - Ferramenta Colocar Imagem 55

FIGURA 24 - MCE Colocar uma Imagem 56

FIGURA 25 - Ferramenta Colocar Som 57

FIGURA 26 - MCE Colocar um Som 57

FIGURA 27 - Ferramenta Colocar Viacutedeo 58

FIGURA 28 - MCE Colocar um Viacutedeo 58

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo 59

FIGURA 30 - MCE Colocar Animaccedilatildeo 60

FIGURA 31 - Dispositivos Mobiles Corona60

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK 61

SUMAacuteRIO

1 INTRODUCcedilAtildeO 11

11 Contextualizaccedilatildeo 11

111 Tecnologia e ensino a distacircncia 12

112 Processo cognitivo com aprendizagem em ambiente virtual 12

113 Nativos digitais e os seus dispositivos moacuteveis 14

12 Caracterizaccedilatildeo geral do estudo 14

121 Questotildees de investigaccedilatildeo e objetivos do estudo 15

122 A importacircncia de um montador de autoria 18

123 Apresentaccedilatildeo do m-Learning18

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo 19

13 Terminologia usada 23

2 CORONA SDK 25

3 PLATAFORMAS 29

31 E-books - Kindle29

32 Tablets - iOS e Android30

33 iOS 3134 Android32

35 Windows Phone 32

36 Natildeo existe sistema ideal 33

4 METODOLOGIA E PESQUISA 34

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD) 35

411 Funccedilatildeo Colocar Imagem36

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)37

412 Funccedilatildeo Colocar Som 37

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)38

413 Funccedilatildeo Colocar Botatildeo 38

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)39

414 Funccedilatildeo Colocar Viacutedeo 40

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 8: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

ABSTRACT

The increasing use of mobile technology before by the generation Y today by digital natives

also by the public of the third age has opened a gap a gap between teachers and students

about the available educational materials in hard copy and even in the cloud E-books

especially for teaching platforms learning in VLEs EAD in epub format mobi and pdf

whose mobiles devices already have applications for reading cause disinterest especially in

digital natives who are accustomed to multimidia content This research presents a solution of

a mobile platform assembly authoring with the intention of implementing it and making it

fully through the mobile phone or tablet that meets the intrinsic aspirations of this generation

following the fundamentals of avoiding cognitve overhead

Key words VLE EAD teaching platform mobile authoring cognitive overload m-

Learning

LISTA DE ILUSTRACcedilOtildeES

FIGURA 1 - The FRAME Model 22

FIGURA 2 - Coacutedigo em Corona 25

FIGURA 3 - Coacutedigo em Objective-C 26

FIGURA 4 - Coacutedigo em Java 27

FIGURA 5 - Codificaccedilatildeo Colocar Imagem 37

FIGURA 6 - Codificaccedilatildeo Colocar 38

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo 39

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo 40

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo 41

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo 42

FIGURA 11 - Codificaccedilatildeo Colocar Texto 44

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo 46

FIGURA 13 - Codificaccedilatildeo Criar Curso 48

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo 49

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares 50

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca 50

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca 50

FIGURA 18 - Ferramenta Inicial Montador 52

FIGURA 19 - MCE Estrutura do Montador de Curso 52

FIGURA 20 - Ferramenta Colocar Texto 53

FIGURA 21 - Ferramenta Colocar Questatildeo 54

FIGURA 22 - MCE Colocar um Texto 55

FIGURA 23 - Ferramenta Colocar Imagem 55

FIGURA 24 - MCE Colocar uma Imagem 56

FIGURA 25 - Ferramenta Colocar Som 57

FIGURA 26 - MCE Colocar um Som 57

FIGURA 27 - Ferramenta Colocar Viacutedeo 58

FIGURA 28 - MCE Colocar um Viacutedeo 58

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo 59

FIGURA 30 - MCE Colocar Animaccedilatildeo 60

FIGURA 31 - Dispositivos Mobiles Corona60

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK 61

SUMAacuteRIO

1 INTRODUCcedilAtildeO 11

11 Contextualizaccedilatildeo 11

111 Tecnologia e ensino a distacircncia 12

112 Processo cognitivo com aprendizagem em ambiente virtual 12

113 Nativos digitais e os seus dispositivos moacuteveis 14

12 Caracterizaccedilatildeo geral do estudo 14

121 Questotildees de investigaccedilatildeo e objetivos do estudo 15

122 A importacircncia de um montador de autoria 18

123 Apresentaccedilatildeo do m-Learning18

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo 19

13 Terminologia usada 23

2 CORONA SDK 25

3 PLATAFORMAS 29

31 E-books - Kindle29

32 Tablets - iOS e Android30

33 iOS 3134 Android32

35 Windows Phone 32

36 Natildeo existe sistema ideal 33

4 METODOLOGIA E PESQUISA 34

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD) 35

411 Funccedilatildeo Colocar Imagem36

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)37

412 Funccedilatildeo Colocar Som 37

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)38

413 Funccedilatildeo Colocar Botatildeo 38

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)39

414 Funccedilatildeo Colocar Viacutedeo 40

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 9: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

LISTA DE ILUSTRACcedilOtildeES

FIGURA 1 - The FRAME Model 22

FIGURA 2 - Coacutedigo em Corona 25

FIGURA 3 - Coacutedigo em Objective-C 26

FIGURA 4 - Coacutedigo em Java 27

FIGURA 5 - Codificaccedilatildeo Colocar Imagem 37

FIGURA 6 - Codificaccedilatildeo Colocar 38

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo 39

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo 40

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo 41

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo 42

FIGURA 11 - Codificaccedilatildeo Colocar Texto 44

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo 46

FIGURA 13 - Codificaccedilatildeo Criar Curso 48

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo 49

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares 50

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca 50

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca 50

FIGURA 18 - Ferramenta Inicial Montador 52

FIGURA 19 - MCE Estrutura do Montador de Curso 52

FIGURA 20 - Ferramenta Colocar Texto 53

FIGURA 21 - Ferramenta Colocar Questatildeo 54

FIGURA 22 - MCE Colocar um Texto 55

FIGURA 23 - Ferramenta Colocar Imagem 55

FIGURA 24 - MCE Colocar uma Imagem 56

FIGURA 25 - Ferramenta Colocar Som 57

FIGURA 26 - MCE Colocar um Som 57

FIGURA 27 - Ferramenta Colocar Viacutedeo 58

FIGURA 28 - MCE Colocar um Viacutedeo 58

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo 59

FIGURA 30 - MCE Colocar Animaccedilatildeo 60

FIGURA 31 - Dispositivos Mobiles Corona60

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK 61

SUMAacuteRIO

1 INTRODUCcedilAtildeO 11

11 Contextualizaccedilatildeo 11

111 Tecnologia e ensino a distacircncia 12

112 Processo cognitivo com aprendizagem em ambiente virtual 12

113 Nativos digitais e os seus dispositivos moacuteveis 14

12 Caracterizaccedilatildeo geral do estudo 14

121 Questotildees de investigaccedilatildeo e objetivos do estudo 15

122 A importacircncia de um montador de autoria 18

123 Apresentaccedilatildeo do m-Learning18

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo 19

13 Terminologia usada 23

2 CORONA SDK 25

3 PLATAFORMAS 29

31 E-books - Kindle29

32 Tablets - iOS e Android30

33 iOS 3134 Android32

35 Windows Phone 32

36 Natildeo existe sistema ideal 33

4 METODOLOGIA E PESQUISA 34

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD) 35

411 Funccedilatildeo Colocar Imagem36

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)37

412 Funccedilatildeo Colocar Som 37

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)38

413 Funccedilatildeo Colocar Botatildeo 38

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)39

414 Funccedilatildeo Colocar Viacutedeo 40

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 10: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

FIGURA 21 - Ferramenta Colocar Questatildeo 54

FIGURA 22 - MCE Colocar um Texto 55

FIGURA 23 - Ferramenta Colocar Imagem 55

FIGURA 24 - MCE Colocar uma Imagem 56

FIGURA 25 - Ferramenta Colocar Som 57

FIGURA 26 - MCE Colocar um Som 57

FIGURA 27 - Ferramenta Colocar Viacutedeo 58

FIGURA 28 - MCE Colocar um Viacutedeo 58

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo 59

FIGURA 30 - MCE Colocar Animaccedilatildeo 60

FIGURA 31 - Dispositivos Mobiles Corona60

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK 61

SUMAacuteRIO

1 INTRODUCcedilAtildeO 11

11 Contextualizaccedilatildeo 11

111 Tecnologia e ensino a distacircncia 12

112 Processo cognitivo com aprendizagem em ambiente virtual 12

113 Nativos digitais e os seus dispositivos moacuteveis 14

12 Caracterizaccedilatildeo geral do estudo 14

121 Questotildees de investigaccedilatildeo e objetivos do estudo 15

122 A importacircncia de um montador de autoria 18

123 Apresentaccedilatildeo do m-Learning18

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo 19

13 Terminologia usada 23

2 CORONA SDK 25

3 PLATAFORMAS 29

31 E-books - Kindle29

32 Tablets - iOS e Android30

33 iOS 3134 Android32

35 Windows Phone 32

36 Natildeo existe sistema ideal 33

4 METODOLOGIA E PESQUISA 34

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD) 35

411 Funccedilatildeo Colocar Imagem36

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)37

412 Funccedilatildeo Colocar Som 37

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)38

413 Funccedilatildeo Colocar Botatildeo 38

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)39

414 Funccedilatildeo Colocar Viacutedeo 40

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 11: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

SUMAacuteRIO

1 INTRODUCcedilAtildeO 11

11 Contextualizaccedilatildeo 11

111 Tecnologia e ensino a distacircncia 12

112 Processo cognitivo com aprendizagem em ambiente virtual 12

113 Nativos digitais e os seus dispositivos moacuteveis 14

12 Caracterizaccedilatildeo geral do estudo 14

121 Questotildees de investigaccedilatildeo e objetivos do estudo 15

122 A importacircncia de um montador de autoria 18

123 Apresentaccedilatildeo do m-Learning18

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo 19

13 Terminologia usada 23

2 CORONA SDK 25

3 PLATAFORMAS 29

31 E-books - Kindle29

32 Tablets - iOS e Android30

33 iOS 3134 Android32

35 Windows Phone 32

36 Natildeo existe sistema ideal 33

4 METODOLOGIA E PESQUISA 34

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD) 35

411 Funccedilatildeo Colocar Imagem36

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)37

412 Funccedilatildeo Colocar Som 37

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)38

413 Funccedilatildeo Colocar Botatildeo 38

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)39

414 Funccedilatildeo Colocar Viacutedeo 40

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 12: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 40

415 Funccedilatildeo Colocar Animaccedilatildeo 40

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 41

416 Funccedilatildeo Colocar Plano de Fundo42

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 42

417 Funccedilatildeo Colocar Texto 43

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 44

418 Funccedilatildeo Colocar Questatildeo 44

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua) 46

419 Criar Curso 47

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)48

4110 Funccedilatildeo Criar Paginaccedilatildeo48

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)49

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca noPrograma Principal 50

41111 Funccedilotildees Auxiliares 50

41112 Cabeccedilalho da Biblioteca 50

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua) 50

5 MONTADORES 51

51 Etapa inicial do montador de autoria 51

52 Apresentaccedilatildeo de textos 53

53 Inserir imagem 55

54 Colocar som 56

55 Inserir viacutedeo 58

56 Gerar Animaccedilatildeo 59

57 Finalizar e preacute-visualizar o trabalho 6 0

6 CONCLUSAtildeO E RELEVAcircNCIA 62

61 Trabalhos futuros 6 3

REFEREcircNCIAS 64

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 13: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

11

1 INTRODUCcedilAtildeO

Este capiacutetulo inicia-se com uma introduccedilatildeo em que se procede agrave contextualizaccedilatildeo do

tema (11) aborda o uso da tecnologia para Ensino a Distacircncia (EAD) (111) apresentam-se

os princiacutepios do processo cognitivo de aprendizagem em ambiente virtual (112) e

caracterizam-se os nativos digitais e os seus dispositivos moacuteveis (113) Segue-se a

caracterizaccedilatildeo geral do estudo (12) a apresentaccedilatildeo das questotildees de investigaccedilatildeo e os

objetivos da pesquisa (121) a importacircncia de um montador de autoria a ser proposto (122)

a apresentaccedilatildeo do m-Learning (123) e a sua adaptaccedilatildeo junto ao processo cognitivo (124)

Enfim encerra-se o capiacutetulo expondo a terminologia usada (13)

11 Contextualizaccedilatildeo

Com o desenvolvimento e proliferaccedilatildeo de novas tecnologias muita investigaccedilatildeo tem

sido realizada nos uacuteltimos tempos sobre como as pessoas usam as inovaccedilotildees tecnoloacutegicas

Em virtude da evoluccedilatildeo das tecnologias moacuteveis surgiu uma preocupaccedilatildeo em explorar a forma

como estas tecnologias podem ser mais bem utilizadas como ferramentas de aprendizagem

(KUKULSKA-HULME 2009) e como o seu desenvolvimento e utilizaccedilatildeo tecircm sido moldados por fatores sociais e culturais (WAYCOTT HULME 2003)

O foco deste estudo eacute adaptar essa inovaccedilatildeo para o Ensino a Distacircncia (EAD) e

proporcionar o melhor entendimento ao aprendiz atraveacutes de um conteuacutedo que possa ser

passado de forma simples e inovadora pelo educador Para obtenccedilatildeo de resultados a

elaboraccedilatildeo de um motor para cursos de EAD realizou-se atraveacutes de uma ferramenta de

desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona

SDK Como seraacute abordado mais a frente trata-se de um recurso em que se oferece um

ambiente de desenvolvimento para programar aplicativos para dispositivos mobiles Atraveacutes

desta plataforma foi proposta uma biblioteca criada para este trabalho que iraacute compor todas

as funccedilotildees baacutesicas servindo como ldquoengrenagensrdquo deste motor para apresentaccedilatildeo de um

modelo de ensino que atenda o propoacutesito desta dissertaccedilatildeo

Para tanto seraacute abordado neste trabalho desde as inovaccedilotildees tecnoloacutegicas com

dispositivos moacuteveis com ferramentas que nos auxiliam no ensino ateacute a maneira de como

podem ser utilizadas pela forma cognitivamente mais eficaz

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 14: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

12

111 Tecnologia e ensino a distacircncia

O aprendizado com quadro negro livros e uma sala de aula ateacute hoje eacute eficiente e

proliferado em todo mundo mas constantemente procura-se inovar a sua abordagem de

ensino frente ao aluno para que este possa interagir com o que esta sendo ensinado e

assimilar o conhecimento apresentado Para isto com forte frente agrave educaccedilatildeo tem-se no

mundo todo tecnologias plausiacuteveis em sistemas virtuais que atendem a esses requisitos de

inovaccedilatildeo ao ensino

A EAD consolidou-se com sucessivas inovaccedilotildees na aquisiccedilatildeo de softwares e

plataformas de gerenciamento que sustentam o crescimento e o desenvolvimento de cursos

cada vez mais elaborados dentro da proacutepria organizaccedilatildeo O que promove este crescimento satildeo

os Sistemas Virtuais de Aprendizagens (AVA) identificados como softwares que auxiliam na

montagem de cursos acessiacuteveis sejam eles comumente na internet elaborados para ajudar

educadores na gestatildeo de conteuacutedos aos aprendizes e presencialmente para complementaccedilatildeo

em salas de aulas

Importante levantar a questatildeo de como um ambiente de aprendizagem virtual pode

agregar as pessoas por meio da EAD pois dentre muitos alguns objetivam somente o

entretenimento seguidos de outros voltados agrave divulgaccedilatildeo de notiacutecias e ateacute que por fim

surgem aqueles focados no sistema de ensino e aprendizagem pela internet Para potencializar

um sistema de aprendizado virtual eacute necessaacuterio explorar estes ambientes que satildeo definidos da

seguinte forma

Ambientes digitais de aprendizagem satildeo sistemas computacionais disponiacuteveis na internet destinados ao suporte de atividades mediadas pelas tecnologias de informaccedilatildeo e comunicaccedilatildeo Permitem integrar muacuteltiplas miacutedias linguagens e recursos apresentar informaccedilotildees de maneira organizada desenvolver interaccedilotildees entre pessoas e objetos de conhecimento elaborar e socializar produccedilotildees tendo em vista atingir determinados objetivos (ALMEIDA 2003 p 331)

No entanto natildeo haacute restriccedilatildeo quanto ao uso destas ferramentas por educadores e nem

um caminho da melhor forma de utilizaacute-las Assim eacute possiacutevel considerar o processo cognitivo

como ponto central para trabalhar em um sistema adequado a estes ambientes

112 Processo cognitivo com aprendizagem em ambiente virtual

Uma das grandes vantagens de um Sistema Virtual de Aprendizagem (AVA m-

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 15: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

13

Learning ou EAD) eacute que se pode controlar especificamente o que se deseja que o aprendiz

veja a cada momento O conceito baacutesico eacute implementar um sistema que tutele direcione o

profissional do ensino a montar sistemas de apresentaccedilatildeo de conteuacutedo multimiacutedia que

favoreccedila o processo de representaccedilatildeo mental adequada (MAYER 2001) de forma que o

aprendiz tenha um foco definido a cada apresentaccedilatildeo evitando a sobrecarga multimiacutedia

(PAAS RENKL SWELLER 2003) A virtualizaccedilatildeo do ambiente de aprendizagem vem

agregar agrave aquisiccedilatildeo de conhecimento com maior dinamismo rapidez e com foco nos objetivos

entre seus participantes (LEVY 1996)

Entretanto isto precisa estar alinhado com o processo cognitivo do ser humano o

qual se refere ao estudo do processamento humano de informaccedilotildees ou seja o estudo de como

os seres humanos percebem processam codificam estocam recuperam e utilizam as

informaccedilotildees A estrutura cognitiva humana inclui trecircs sistemas de memoacuteria a memoacuteria

sensorial a memoacuteria de curta duraccedilatildeo e a memoacuteria de longa duraccedilatildeo as quais trabalham em

conjunto (NUNES GIRAFFA 2003) Dessa maneira eacute importante que um sistema AVA

caminhe junto com este processo

Segundo Santos e Tarouco (2007) os materiais educacionais que fazem uso de

recursos digitais frequentemente sobrecarregam a memoacuteria de trabalho dos aprendizes e

dificultam a aquisiccedilatildeo de esquemas que requerem reflexatildeo Uma anaacutelise baseada nos

princiacutepios da Teoria da Carga Cognitiva em que Paas Renkl e Sweller (2003) definem como

um conjunto universal de princiacutepios que resultam em um ambiente de aprendizagem eficiente

e que consequentemente promovem um aumento na capacidade do processo de cogniccedilatildeo

humana soacute reforccedila a ideia de que os recursos tecnoloacutegicos por mais atraentes que possam

parecer nem sempre estatildeo de acordo com o processo cognitivo humano e por isto nem

sempre qualificam o processo de aprendizagem

Essa teoria de acordo com Santos e Tarouco (2007) aplica-se a todos os tipos de

conteuacutedos todos os tipos de miacutedias e agrave todos os estudantes visto que ela tem como fim

elaborar as ferramentas de ensino - texto imagens e aacuteudio - e aplicaacute-las a todo o conteuacutedo de

ensino bem como agraves plataformas de aprendizagem a distacircncia no intuito de potencializar a

aprendizagem e desenvolver habilidades flexiacuteveis atraveacutes da criaccedilatildeo e uso de recursos e

ambientes de aprendizagem que estejam em sintonia com o processo cognitivo humano

Segundo Paas Renkl e Sweller (2003) a aprendizagem acontece de maneira melhor

quando o processo de informaccedilatildeo estaacute alinhado com o processo cognitivo humano ou seja

quando o volume de informaccedilotildees oferecidas ao aprendiz for compatiacutevel com a capacidade de

compreensatildeo humana Assim eacute necessaacuterio considerar conforme Miller (1956) aponta a

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 16: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

14

impossibilidade natural do ser humano em processar muitas informaccedilotildees na memoacuteria a cada

momento

113 Nativos digitais e os seus dispositivos moacuteveis

Eacute importante esclarecer mesmo brevemente como os aparelhos digitais estatildeo sendo

usados pelos estudantes para facilitar ou obstruir seu processo de aquisiccedilatildeo de conhecimento e

entender como eles estatildeo interagindo com colegas e educadores quando a relaccedilatildeo eacute mediada

por tais aparelhos

Identificar como a nova geraccedilatildeo de aprendizes (Geraccedilatildeo Y) aprende e utiliza as

tecnologias digitais de informaccedilatildeo e comunicaccedilatildeo e analisar como o domiacutenio desses processos

afeta a aprendizagem escolar desta geraccedilatildeo satildeo accedilotildees indispensaacuteveis que poderatildeo auxiliar o

docente a reprogramar conteuacutedos e a planejar sua praacutetica pedagoacutegica a fim de satisfazer agraves

necessidades e expectativas dos aprendizes contemporacircneos (XAVIER 2011)

O termo nativos digitais atualmente condiz mais com a caracterizaccedilatildeo desta

geraccedilatildeo Arauacutejo Juacutenior et al (2016) explica o motivo de natildeo utilizarmos o termo Geraccedilatildeo Y

pois esta natildeo nasceu com a tecnologia no berccedilo mas a adquiriu desde jovem jaacute os Nativos

Digitais nascem com um tablet como babaacute em um espaccedilo jaacute pronto para uso no proacuteprio berccedilo

As soluccedilotildees mobiles fazem parte do corpo do nativo digital como um braccedilo ou uma perna ou

como algo imprescindiacutevel na vida destes

Dessa forma essa geraccedilatildeo ldquodigitalizadardquo estaacute voltada para o uso de

microcomputadores utilizando os aparelhos digitais com muita desenvoltura em especial o

computador e o celular cotidianamente durante vaacuterias horas tanto que para muitos eles se

tornaram um apecircndice em seu dia a dia Desvelar a influecircncia desses aparelhos de uso

frequente na vida e na aprendizagem dessa geraccedilatildeo configura uma motivaccedilatildeo suficiente e

necessaacuteria para a realizaccedilatildeo de um empreendimento acadecircmico

12 Caracterizaccedilatildeo geral do estudo

Consideradas as pequenas fraccedilotildees de tempo ao final de um dia pode-se perceber que

grande parte dele foi dedicado ao uso do proacuteprio smartphone Brasileiros estatildeo no ranking dos

que mais acessam dispositivos moacuteveis em todo o mundo Segundo uma pesquisa feita em

2013 pelo IBOPE em parceria com o Instituto Conecta e a Worldwide Independent Network

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 17: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

15

of Market Research (WIN) o brasileiro passa em meacutedia cerca de 84 minutos por dia usando

o smartphone e 79 minutos usando tablets (HECKE 2013) Este nuacutemero supera a meacutedia

global que eacute de 10 minutos e vem aumentando anualmente

A tecnologia mobile cresce mais raacutepido do que a internet cresceu na deacutecada de 90

Algumas estatiacutesticas apontam que jaacute existem mais smartphones do que televisores no mundo

e em alguns paiacuteses o nuacutemero de aparelhos jaacute eacute maior do que a sua populaccedilatildeo No Brasil os

smartphones estatildeo entre os produtos de consumo mais vendidos

Atualmente 15 do traacutefego global na internet satildeo provenientes de dispositivos

moacuteveis e cerca de 50 das buscas acontecem via mobile Por ano satildeo investidos cerca de 22

bilhotildees de doacutelares em propagandas para o puacuteblico mobile e este nuacutemero soacute aumenta

principalmente porque mais de 15 das compras de varejo jaacute satildeo realizadas atraveacutes destes dispositivos (OLIVEIRA 2016)

Diante disso eacute conveniente aproveitar os dispositivos mobiles celulares e tablets

cada vez mais disponiacuteveis para possibilitar novas formas de aprendizado Assim eacute

importante o desenvolvimento de novas formas que permitam o estudo tatildeo vantajoso quanto

estudar a partir de um computador Muitas universidades cursos e empresas estatildeo apostando

no ensino atraveacutes de dispositivos moacuteveis como atualmente eacute conhecido o mobile learning

(m-Learning)

Natildeo se pode prescindir atualmente da multimiacutedia jaacute que os dispositivos mobiles

abusam desta tecnologia e se natildeo utilizadas causam desinteresse nos alunos nativos digitais

e ateacute mesmo na geraccedilatildeo Y que satildeo a maioria dos alunos de quatro a trinta e cinco anos (FERREIRA et al 2014)

Em uma sociedade competitiva na qual se interage diariamente com os mais

variados recursos tecnoloacutegicos seja em casa no trabalho ou no lazer em que a valorizaccedilatildeo do

conhecimento estaacute cada vez mais significativa pode-se fazer uso dos princiacutepios da Teoria da

Carga Cognitiva Maacutexima (que natildeo cause sobrecarga) proposta por Paas Renkl e Sweller

(2003) para potencializar o processo de aprendizagem e de interaccedilatildeo com a tecnologia

A disponibilizaccedilatildeo de vaacuterios dispositivos moacuteveis e o faacutecil acesso que atualmente satildeo

ofertados ajudam a impulsionar a utilizaccedilatildeo destes para auxiliar na disseminaccedilatildeo da educaccedilatildeo

Assim o bom aproveitamento da tecnologia eacute fundamental para a EAD

121 Questotildees de investigaccedilatildeo e objetivos do estudo

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 18: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

16

Com o crescente nuacutemero da utilizaccedilatildeo de smartphones jaacute se tem mais de um por

habitante do planeta e o Brasil com aproximadamente 210 milhotildees de habitantes natildeo eacute

exceccedilatildeo com aproximadamente 256 milhotildees de celulares de acordo com a TELECO

(Inteligecircncia em Telecomunicaccedilotildees) tornando-se uma miacutedia desejaacutevel e oportuna para a EAD

Os celulares e tablets jaacute possuem aplicativos para leitura de e-books em formatos de

arquivos mais comuns como epub mobi e pdf existindo um vasto material educacional

nesses tipos Entretanto mesmo com a portabilidade e a facilidade de ter em matildeos o material

quando desejar existe alguns fatores que natildeo atraem tanto o puacuteblico almejado pois

infelizmente os formatos citados satildeo limitados quanto aos recursos multimiacutedia e fracos na

interatividade com o leitor

Para se dotar os e-books um detalhe que faz toda a diferenccedila refere-se ao conteuacutedo

multimiacutedia (DIAS COSTA LIMA 2009) pois um material com maior interaccedilatildeo exige o

desenvolvimento de um sistema que gere um novo formato de e-book acessiacutevel a todas as

plataformas mobile e desktop contendo os recursos desejados e imprescindiacuteveis para atrair a

atenccedilatildeo dos leitores (alunos) e para repassar a informaccedilatildeo de uma forma mais completa

possiacutevel (aacuteudio viacutedeo imagens links animaccedilotildees hipertextos)

Pode-se pensar que jaacute existem tais recursos para serem utilizados principalmente em

plataformas desktop e nuvem o que eacute verdade mas a maior lacuna estaacute no preparo de novos

profissionais de autoria para programaccedilatildeo mobile multi-device e multi-plataforma O recurso

de usar a nuvem nem sempre eacute viaacutevel uma triste realidade brasileira uma vez que com

exceccedilatildeo de algumas capitais a internet eacute lenta e a banda larga acima de dois Megabytess natildeo

estaacute ao alcance para a maioria da populaccedilatildeo Para tanto um sistema multimiacutedia para conteuacutedo

necessitaria para trabalhar em nuvem satisfatoriamente que se tivessem links com ou acima

de 10 Megabytess

A criaccedilatildeo (projeto e implementaccedilatildeo) de uma soluccedilatildeo de um montador de autoria

multimiacutedia mobile com motor de autoria instalado via applet no proacuteprio dispositivo

viabilizaria o processo e evitaria a dependecircncia da largura de banda e acesso agrave internet tanto

para a montagem dos cursos quanto para quem fosse fazecirc-los

Objetiva-se em uma visatildeo mais macro permitir que autores geradores de autoria

possam desenvolver seus cursos direto dos celulares e tablets produzindo conteuacutedo que possa

ser acessado em tempo real pelos internautas como tem sido almejado nas m-Learnings

Aleacutem disso propotildee-se um sistema no qual o motor processaraacute somente a informaccedilatildeo

necessaacuteria para potencializar o aprendizado da informaccedilatildeo fornecida Os autores dessa forma

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 19: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

17

geraratildeo somente o que for relevante para a carga cognitiva eficaz Assim o princiacutepio baacutesico

que motiva e justifica o sistema a ser proposto como sendo efetivo no apoio ao ensino apoia-

se no Princiacutepio da Navalha de Ockham (Lex Parsinomiae) (OCKHAM 1999) que conclui

pelas entidades e accedilotildees natildeo devem ser multiplicadas aleacutem da necessidade O princiacutepio revela

que a explicaccedilatildeo para qualquer fenocircmeno deve assumir apenas as premissas estritamente

necessaacuterias agrave explicaccedilatildeo do mesmo e eliminar todas as que natildeo causariam qualquer diferenccedila

aparente nas prediccedilotildees da hipoacutetese ou teoria

Essa lex parsimoniae diz que o nuacutemero de regras de inferecircncia (no caso accedilotildees

metodoloacutegicas e ferramentas de ensino) somado ao nuacutemero de axiomas (premissas) deve ser

miacutenimo portanto para o nosso objetivo de propor um montador que permite oferecer um

material que explore da melhor forma o processo cognitivo restringir apenas as informaccedilotildees

necessaacuterias a cada etapa eacute fundamental para evitar a sobrecarga multimiacutedia

O montador visa obedecer a Lei de Miller na qual uma pessoa natildeo consegue ao

mesmo tempo memorizar e prestar atenccedilatildeo a mais de 7+- 2 chuncks de informaccedilatildeo na

memoacuteria de curto prazo (MILLER 1956) e a restriccedilatildeo imposta por Cowan (2000) em que

reduz os Chunks de Miller (7+-2) a quatro para adultos e jovens e menos para crianccedilas

Ao seguir esta linha para a implementaccedilatildeo de um material digital o aprendiz teraacute

mais facilidade na assimilaccedilatildeo da informaccedilatildeo apresentada adquirindo o conhecimento Estes

estudos satildeo comprovados tambeacutem pelas experiecircncias em degradaccedilatildeo cognitiva realizadas

pelo neurocientista Raz Fan e Posner (2005) e pelas experiecircncias de Strayer et al (2013) em

laboratoacuterios da Universidade de Utah (USA) em que afirmam que natildeo se pode esquecer que

apenas um processo cognitivo pode ser disparado no aluno a cada etapa do curso jaacute que o

ceacuterebro natildeo foi feito para ser multitarefas (MEDINA 2009)

Isso elimina a arbitrariedade e quebra da transparecircncia referencial no processo

cognitivo analogamente um conceito comum na matemaacutetica em que dada uma funccedilatildeo ou

meacutetodo podemos substituiacute-la pelo seu valor de retorno sem causar impacto na aplicaccedilatildeo ou

seja um processo cognitivo disparado em uma etapa eacute como um resultado determinado

unicamente pelos seus valores de entrada ou seja nada no mundo externo aleacutem da entrada

pode afetar sua saiacuteda A informaccedilatildeo natildeo sofreraacute desvio no seu resultado para quem estaacute

recebendo-a

Ao focar estes conceitos voltados ao ensino significa que as informaccedilotildees contidas no

material didaacutetico tangiacutevel ou digital a cada passo nunca devem evocar no aluno mais de uma

inferecircncia mais de um processo cognitivo ou seja sempre deve evocar o mesmo aprendizado

em qualquer pessoa que o tenha de posse para estudo

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 20: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

18

122 A importacircncia de um montador de autoria

Um dos intuitos desta pesquisa como jaacute foi apresentado eacute gerar um montador de

autoria mobile que tutele de forma transparente ao conteudista a montagem de um curso que

efetive os objetivos de aprendizagem traccedilados inicialmente no curso evitando resultados

arbitraacuterios e ambiacuteguos isto eacute obtendo resultados matematicamente ortogonais (um ponto em

um dos eixos natildeo tem projeccedilatildeo nos demais ou seja possui apenas uma interpretaccedilatildeo

portanto natildeo arbitraacuteria)

Ao visualizar de uma forma mais simples um ponto no espaccedilo natildeo apresenta uma

soluccedilatildeo ortogonal apenas mas projeccedilotildees nos eixos x y e z Desta forma um mesmo ponto

pode apresentar visotildees distintas em cada eixo e tambeacutem nos planos xy xz e yz Cada uma

das projeccedilotildees satildeo parcelas da informaccedilatildeo do que se quer transmitir com visotildees diferentes

mas que sozinhas natildeo traduzem a realidade como um todo No que diz respeito ao ensino

soluccedilotildees ortogonais devem ser aquelas que pontuam apenas nos eixos assim um ponto no

eixo x natildeo tem projeccedilatildeo no eixo y e no eixo z bem como nos planos xy xz e yz

Consequentemente soacute se pode abstrair um e apenas um conhecimento do que se estaacute

ensinando sem dualidades de interpretaccedilatildeo eou resultados arbitraacuterios

O sistema projetado visa de uma forma transparente ao conteudista como jaacute dito

conduzir o montador a produzir conteuacutedos ortogonais e sem sobrecarga multimiacutedia cognitiva

simultaneamente atrativos e interativos conforme aderecircncia aos nativos digitais usuaacuterios de

soluccedilotildees mobiles

123 Apresentaccedilatildeo do m-Learning

O Mobile Learning tambeacutem conhecido como m-Learning eacute derivado do ensino a

distacircncia e pode ser definido como o uso de tecnologias moacuteveis como smartphones tablets e

iPods para obter uma experiecircncia de aprendizado

Esse modelo proporciona aos alunos a capacidade de aprender utilizando a

mobilidade ao seu favor com acesso imediato e ilimitado agrave informaccedilatildeo na hora e no local em

que necessitam Concomitantemente eacute uma experiecircncia caracterizada que permite trabalhar

em condiccedilotildees adequadas para o aprendizado eficaz

Para destacar as vantagens e o motivo da utilizaccedilatildeo do modelo apresentam-se alguns

dos pontos fortes do m-Learning de acordo com a empresa Sambatech (2013)

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 21: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

19

bull Portabilidade Tecnologia que permite ser executada de qualquer tipo de

device e pode ser usada em diferentes tipos de sistema

bull Interatividade daacute ao aluno a possibilidade de interagir ou seja de realizar

uma accedilatildeo integrada e se envolver na busca do conhecimento e na experiecircncia

de aprendizado

bull Sensibilidade ao contexto haacute uma grande quantidade de recursos que o

mobile possui e oferece aos educadores a possibilidade de exploraacute-los

bull Conectividade Capacidade de se conectar a internet realizar accedilotildees ou fazer

operaccedilotildees em um ambiente de rede

bull Individualidade Cada aluno constroacutei a sua experiecircncia individual

respeitando o seu tempo espaccedilo e tambeacutem a sua forma de aprender

Com esses pontos elaborou-se para esta pesquisa uma prototipaccedilatildeo adequada em

repassar a melhor ideia do conhecimento a ser aprendido pelo estudante Para tanto foram

consideradas a familiaridade e o acesso a dispositivos moacuteveis destes estudantes o tipo de

conteuacutedo a ser passado duraacutevel e denso para memorizaccedilatildeo (o que eacute uma caracteriacutestica do

eLearning) e propiacutecio para que alunos o tenham sempre agrave disposiccedilatildeo quando precisarem

outra vantagem do m-Learning

Atraveacutes desses pontos um curso poderaacute ser criado por um App para um modelo de

EAD e facilitar o aprendizado e engajamento dos educandos O m-Learning natildeo se limita

apenas a pensar em cursos treinamentos e aulas realizadas atraveacutes de dispositivos mobile Ele

abrange o vasto ambiente do EAD poreacutem adaptado aos dispositivos moacuteveis Eacute importante

entender que o conteuacutedo deve ser pensado desde o iniacutecio em atender a realidade do mobile e

para o modo como as pessoas iratildeo consumi-lo

124 A adaptaccedilatildeo do m-Learning junto ao processo cognitivo

Os alunos hoje estatildeo pouco interessados em passar uma parte do seu tempo

sentados numa cadeira dentro de uma sala de aula preferindo substituir as aulas por

discussotildees formais ou informais com os seus colegas em pequenos grupos em ambientes virtuais (JOHNSON 2008 JOHNSON LOMAS 2005)

Quando se investe em tecnologia para a sala de aula eacute necessaacuterio mudar a arquitetura

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 22: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

20

do ensino baseado na transmissatildeo ou exposiccedilatildeo em que o professor transmite informaccedilatildeo

para uma audiecircncia de alunos Os ambientes com uma estrutura tradicional por vezes

dificultam a interatividade a colaboraccedilatildeo o trabalho de grupo e a construccedilatildeo colaborativa que

as tecnologias propiciam Natildeo eacute possiacutevel adaptar um modelo tecnoloacutegico e continuar a

funcionar de forma tradicional porque na opiniatildeo de Johnson (2008) e Johnson e Lomas

(2005 p 22) ldquoNew technologies and their adoption have always had an influence on what

happens in the classroomrdquo Para os autores ainda as tecnologias com wireless permitem a

alunos e professores encontrar novas formas de comunicar colaborar e interagir Por isso eacute

necessaacuterio apostar mais em espaccedilos de aprendizagem do que em salas de aulas

As atividades educativas suportadas por tecnologia permitem aos alunos maior

autonomia e participaccedilatildeo e exigem novos espaccedilos de aprendizagem Para isso Johnson (2008)

e Johnson e Lomas (2005) consideraram os seguintes princiacutepios

bull As atividades de aprendizagem ocorrem em maior proporccedilatildeo fora da sala de

aula

bull A sala de aula deve ser flexiacutevel com mobiliaacuterio moacutevel para permitir

configuraccedilotildees adequadas agraves diferentes atividades e disciplinas

bull Os espaccedilos de aprendizagem devem ser pensados como um ecossistema

interconectado

bull A tecnologia deve ser padronizada para facilitar a operaccedilatildeo

bull Devem-se criar espaccedilos de aprendizagem tanto informais como virtuais

Na educaccedilatildeo para o seacuteculo XXI a aposta deve ser num curriacuteculo atual jaacute que os

papeacuteis de alunos e professores podem-se inverter porque em determinado momento o aluno

tambeacutem pode ser o expositor (conteuacutedo criado) ou planificador da sua proacutepria aprendizagem

Conforme corroboram Johnson (2008) e Johnson e Lomas (2005) muitos dos alunos estatildeo

mais confortaacuteveis com a tecnologia do que os seus professores e alguns alunos parecem

preferir comunicar usando mensagens instantacircneas a estar nas aulas Frente aos novos modos

de interaccedilatildeo comunicaccedilatildeo e socializaccedilatildeo novos modelos educacionais devem ser pensados e

consequentemente impotildee-se em repensar espaccedilos como a escola universidades ou qualquer

centro de ensino

Com uma raacutepida observaccedilatildeo podem-se perceber como muitos indiviacuteduos estatildeo

sempre com os celulares agrave matildeo Dessa maneira este trabalho levanta a questatildeo de como tirar

vantagem desta tendecircncia e oferecer novas formas de aprendizado utilizando a estrateacutegia de

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 23: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

21

mobile learning

Muitas universidades e instituiccedilotildees de ensino estatildeo em busca de um meacutetodo capaz de

engajar alunos e o mobile learning modelo de ensino atraveacutes de dispositivos moacuteveis oferece

a capacidade de aprender utilizando a mobilidade ao seu favor com acesso imediato e

ilimitado agrave informaccedilatildeo na hora e no local em que necessitam

Para explorar de forma mais detalhada o mobile learning levantaram-se as seguintes

diretrizes para elaborar um projeto que busque atingir o objetivo de propagar a informaccedilatildeo

neste processo

bull Implantar o mobile learning como um curso

bull Otimizar resultados associando o microlearning com o mobile learning

bull Aproveitar o maacuteximo do processo cognitivo do aluno

bull Melhorar o engajamento com os alunos

bull Qualquer educador implementar em sua realidade com uso de mobile

Com estes pontos busca-se alterar o tempo de estudo do aluno pois a retenccedilatildeo deste

seraacute menor uma vez que o curso seraacute trabalhado no formato microlearning ou seja pequenas

unidades de conteuacutedo possibilitaratildeo que o aluno possa estudar em curtos intervalos de tempo

com maior foco Atraveacutes deste meacutetodo novos espaccedilos de aprendizagem emergem tornando-o mais longo durante a vida (INNSBRUCK 2005)

O modelo de Koole (2009) PhD in E-Research and Technology-Enhanced

Learning 2013 Centre for Technology-Enhanced Learning Lancaster University UK aborda

questotildees pedagoacutegicas contemporacircneas de sobrecarga de informaccedilotildees conhecimentos de

navegaccedilatildeo e colaboraccedilatildeo na aprendizagem Este modelo eacute uacutetil para guiar o desenvolvimento

de futuros dispositivos moacuteveis de materiais de aprendizagem e o desenho de estrateacutegias de

ensino e de educaccedilatildeo moacutevel de aprendizagem Sua proposta estaacute voltada para um Framework

de Anaacutelise Reacional de Educaccedilatildeo Mobile (FRAME)

O modelo FRAME leva em consideraccedilatildeo as caracteriacutesticas teacutecnicas dos dispositivos

mobile bem como os aspectos sociais e pessoais de aprendizagem (KOOLE 2009) Neste

modelo experiecircncias com mobile learning satildeo vistas como existentes dentro de um contexto

de informaccedilatildeo em que coletivamente e individualmente os alunos consomem e criam

informaccedilatildeo Dentro deste contexto de informaccedilatildeo o modelo FRAME eacute representado por um

diagrama de Venn em que trecircs aspectos se interceptam

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 24: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

22

A Model for Framing Mobile Learning

(DL)Device

Usability LearnerAspect

(DLS)Mobile

Learning(LS)

InteractionLearning

(DS) Social

Technology

SocialAspect

(D)DeviceAspect

InformationContext

FIGURA 1 - The FRAME Model (Fonte KOOLE 2009)

Foram considerados aqui os trecircs aspectos bases e o mobile learning process (DLS)

bull Aspecto do Dispositivo (D)O aspecto do dispositivo (D Device aspect) referem-se aos aspectos fiacutesico teacutecnico e

caracteriacutesticas funcionais de um dispositivo mobile

bull Aspecto do Aprendiz (L)

O aspecto do Aprendiz (L Learner aspect) leva em consideraccedilatildeo uma habilidade

cognitiva individual como memoacuteria conhecimento preacutevio emoccedilotildees e possiacuteveis motivaccedilotildees

bull Aspecto Social (S)O aspecto social (S Social aspect) leva em consideraccedilatildeo o processo de interaccedilatildeo

social e cooperaccedilatildeo

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 25: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

23

bull Mobile Learning Process (DLS)

Koole (2009) afirma que uma aprendizagem moacutevel eficaz consiste na interseccedilatildeo

principal do modelo FRAME resultante da integraccedilatildeo do dispositivo (D Device) aprendiz

(L Learner) e aspectos sociais (S Social) Assim eacute possiacutevel inferir que a aprendizagem com

o uso de dispositivos moacuteveis proporciona uma maior colaboraccedilatildeo entre os alunos acesso agrave

informaccedilatildeo e uma contextualizaccedilatildeo mais profunda de aprendizado

Hipoteticamente a aprendizagem moacutevel efetiva pode capacitar os alunos

permitindo-lhes avaliar e selecionar melhor uma informaccedilatildeo relevante redefinir seus

objetivos e reconsiderar a sua compreensatildeo de conceitos dentro de um inconstante e

crescente quadro de referecircncia (o contexto da informaccedilatildeo) Contudo eacute importante fornecer

um ambiente cognitivo melhorado em que alunos a distacircncia possam interagir uns com os

outros com seus instrutores com os materiais do curso e com seus ambientes sejam fiacutesicos

ou virtuais

13 Terminologia usada

Como este estudo se insere num campo de pesquisa ainda recente natildeo haacute traduccedilatildeo

para a liacutengua portuguesa de grande parte dos termos utilizados em inglecircs por isso optou-se

por mantecirc-los nas suas expressotildees originais

Ao longo desta dissertaccedilatildeo os termos ferramentas tecnologias e dispositivos satildeo

usados diferentemente para designar um aparelho eletrocircnico moacutevel como celulares

(smartphones) tablets e-books e outros dispositivos que as pessoas usam na sua vida pessoal

eou para apoiar atividades de aprendizagem Embora neste trabalho preferiu-se utilizar o

termo dispositivo moacutevel para designar o celular cabe frisar que natildeo eacute o celular em si que se

pretendeu avaliar nesta investigaccedilatildeo mas sim os celulares em uso enquanto ferramentas de

aprendizagem

Ademais adotou-se nesta dissertaccedilatildeo a expressatildeo mobile learning ou m-Learning

em virtude de ainda natildeo haver uma expressatildeo em portuguecircs que melhor traduza a expressatildeo inglesa Alguns estudos realizados no Brasil (MEIRELLES et al 2006 REINHARD et al

2005 apud ANDRADE et al 2013) usam a expressatildeo ldquoaprendizagem com mobilidaderdquo para

designar o termo mobile learning todavia considerou-se que haacute uma dificuldade de adesatildeo ao

termo Assim ao discorrer sobre o assunto as duas expressotildees foram empregadas contudo

privilegiou-se o uso da expressatildeo curta m-Learning por analogia com o termo eLearning (eshy

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 26: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

24

learning) comumente visto na literatura no acircmbito da tecnologia educativa e ensino a

distacircncia

Por uacuteltimo vale destacar que a expressatildeo ldquodispositivos moacuteveisrdquo refere-se aos

aparelhos moacuteveis que podem ser carregados na matildeo ou guardados no bolso e utilizados em

qualquer lugar ou contexto Uma seacuterie de dispositivos estaacute incluiacuteda nesta terminologia como

os celulares Tablets Pockets PC (Laptops Notbooks Netbooks) e-books (Kindles) PSP

entre outros

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 27: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

25

2 CORONA SDK

Corona eacute uma ferramenta de cross-compile e multi-plataforma usada para

rapidamente criar aplicativos (apps) ou jogos O que significa que pode ser criado um projeto

e este poderaacute ser publicado e distribuiacutedo para diversos tipos de dispositivos incluindo Apple

(iPhone e iPad) Android (telefones e tablets) Amazon Fire Mac desktop Windows Desktop

e dispositivos para TVs tais como Apple TV Fire TV e Android TV

Diferentemente da maioria das ferramentas de desenvolvimento de softwares que

exigem uma programaccedilatildeo distinta para cada projeto o Corona oferece uma maneira adequada

para ensinar o desenvolvimento de aplicativos pois com um uacutenico projeto e uma uacutenica

programaccedilatildeo diferentes plataformas como IOS Android e Windows Phone podem ser

utilizadas Entre tantas opccedilotildees para o desenvolvimento de aplicaccedilotildees multi-plataforma como

PhoneGap e Xamarin o Corona claramente se destaca sobre os outros

A decisatildeo de usar Corona foi requerida pela capacidade da plataforma ser flexiacutevel e

gerar aplicativos para tantas plataformas diferentes enquanto outras SDKs concorrentes soacute

permitem fazer apenas aplicativos ou jogos natildeo ambos Usuaacuterios podem desenvolver

aplicativos sofisticados e jogos em pouco tempo (httpscoronalabscomproductscorona-is-

10x-faster) como pode ser exemplificado nos trechos de coacutedigo nas figuras 2 3 e 4

1 mdashDisplay mylmagepng

displaynewImageCmylmagepng)

FIGURA 2 - Coacutedigo em Corona (Fonte Corona Labs)

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 28: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

26

Display nylnagfpnccedil

OpenGLESTextureApp

dimport ldquoOpenGLESTextureAppOelegatehdimport ldquoEAGLViewhldquodimport ldquoOpenGLESTextureViewControUerh

^implementation OpenGLESTextureAppOelegate

^synthesize windowlaquo_window

^synthesize viewtontroller=_viewController

- (BOOL)application(UIApplication laquo(application didFinishlaunchingWithOptions(NSOictionary laquo)launchOptions

It Override point for customization after application launchselfwindowrootViewControllcr laquo selfviewController

return YESgt

- (void)applleationDidBeconcActlveIUIApplicatlon laquo(application

glClearColorlOOf OOf OOf lOf) glClear(GL_COLOR_BUFFER_BIT)

glHatrixHode(GL_PROJECTICN) glLoadldentityltI glHat rixMode(GL_MOOELVIEW) glLoadldentitylI

glVertcxPomtcr(2 GL_FLOAT 0 sguareVertices) glEnablcClicntStatc(GL_VERTEX_ARRAY) glTexCoordPointer(2 GL_FL0AT 8 texCoordsi glEnableClientState(GL_TEXTURE_COORD_ARRAY)

glDrawArrays(GL_TRIANGLE_STRIP 0 41

((EAGLView laquo(selfview presentFramebuffer|gt

end

FIGURA 3 - Coacutedigo em Objective-C (Fonte Corona Labs)

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 29: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

27

raquo The draw rethod for the square with the GL context public void drawtGLIO gl) lt

85 bind the previously generated textureglglBindTexture(GL10Gl_TEXTURE_2D textures[0])

88 Point to our buffersglglEnableClientState(GL10GL_VERTEX_ARRAY)glgIEn ableC1ient St ate(G L10GL_TEXTURE_COORD_ARRAY gt

9192 Set the face rotation

glglFrontFacetGL10GL_GW)9495 Point to our vertex buffer

glglVertexPointer(3 GL10GL_FL0AT 0 vertcxBuffer) glglTexCoordPointer(2 GL10GL_FL0AT 0 textureBuffer)

9899 Draw the vertices as triangle strip

glglDrawArrays(GL10GL_TRIANGlE_STRIP( 0 verticeslength 3gtJ

102 Disable the client state before leavingglglDisablcClicntStatc(GL10GL_VERTEX_ARRAY) glglDisableClientState(GL10GL_TEXTURE_COORD_ARRAY)

105 106 gt

FIGURA 4 - Coacutedigo em Java (Fonte Corona Labs)

A linguagem utilizada pelo Corona eacute a linguagem de script Lua que fornece uma

grande opccedilatildeo de APIs e plugins permitindo que os desenvolvedores raacutepido e facilmente

criem aplicativos que possam ser executados em diversos tipos de dispositivos

Na plataforma de desenvolvimento do Corona utiliza-se o Corona Simulator o qual

permite que se possa visualizar como uma app ficaraacute em diferentes tipos de dispositivos e

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 30: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

28

como responderaacute em cada um dispensando realizar um deploy do aplicativo em um

dispositivo real para testaacute-la Uma vez que o app estiver pronto para um teste em um

dispositivo real poderaacute ser gerado um build do aplicativo compilando o coacutedigo desenvolvido

para a plataforma desejada e instalando no respectivo dispositivo para no final ser testado

antes de submetecirc-lo as marketplaces() de apps

A ferramenta tambeacutem conta com diversos plug-ins() os quais podem ser

adicionados para especiacuteficas funcionalidades e ajudar na evoluccedilatildeo do desenvolvimento de um

aplicativo com inovaccedilotildees de tecnologia para cada dispositivo como GPS Cacircmera e Viacutedeo

ou ateacute mesmo em facilitar o desenvolvimento para um determinado componente

Para a monetizaccedilatildeo de um app eacute possiacutevel incluir propagandas para aplicativos

atraveacutes do simples uso do Corona Ads ou um de seus diversos plug-ins A ferramenta fornece

ainda o Corona Cloud em que serviccedilos nas nuvens satildeo utilizados para armazenar dados de

jogos de usuaacuterios e ateacute mesmo de cursos online como os que seratildeo propostos neste trabalho

Aleacutem disso a ferramenta sugerida fornece plug-ins para integraccedilatildeo com redes Sociais como

Facebook e Twitter

Essencialmente a plataforma Corona tem como objetivo auxiliar no

desenvolvimento de uma aplicaccedilatildeo com agilidade e eficiecircncia com o benefiacutecio de escrever

uma codificaccedilatildeo uma uacutenica vez e realizar o deploy() para muacuteltiplas plataformas Diante

disso a plataforma Corona foi uma escolha natural para o desenvolvimento deste trabalho

O desenvolvimento na plataforma Corona com a linguagem Lua adere as

necessidades desta pesquisa uma vez que eacute uma linguagem escalaacutevel e de faacutecil aprendizado e

possui as funcionalidades para elaboraccedilatildeo de um montador de autoria As bibliotecas do

Corona nesta mesma linguagem permitem prototizarmos um montador com faacutecil acesso a

inserccedilatildeo de miacutedias sons viacutedeos e imagens aleacutem da formalizaccedilatildeo de textos Com todo o

recurso disponiacutevel para compilaccedilatildeo em multi-plataformas a utilizaccedilatildeo dos componentes de

dispositivos moacuteveis eacute possiacutevel implementar um montador de um curso no qual objetiva-se a

instruir e facilitar para o tutor a elaboraccedilatildeo de um material com a melhor forma de apresentar

a informaccedilatildeo ao conteudista

Para essas apresentaccedilotildees diversas satildeo as plataformas mobile em que eacute possiacutevel

aplicar o montador e o proacuteprio aplicativo do curso gerado por ele que seratildeo descritas no

proacuteximo capiacutetulo

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 31: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

29

3 PLATAFORMAS

Seguindo o conceito de m-Learning o processo de ensino - aprendizagem deve ser

idealizado de forma a permitir uma perfeita integraccedilatildeo entre as ferramentas tecnoloacutegicas e as

accedilotildees de aprendizagem utilizadas na educaccedilatildeo Existe uma composiccedilatildeo harmoniosa entre o

modelo conceitual de aprendizagem e as ferramentas tecnoloacutegicas utilizadas para atingir os

objetivos da aprendizagem (RUGGIERO et al 2005) Entre essas ferramentas sobressaem os

celulares tablets e e-books utilizados em larga escala pela populaccedilatildeo

Cada um desses meios de dispositivos moacuteveis possuem caracteriacutesticas peculiares e

diferentes sistemas operacionais Assim procurou-se detalhar as caracteriacutesticas dos mais

importantes e portanto dos mais utilizados nos toacutepicos abaixo

31 E-books - Kindle

Os livros eletrocircnicos ou e-books satildeo uma realidade no mundo atual ou seja eacute

possiacutevel encontrar na Web uma gama muito variada de exemplares disponiacuteveis para consulta

eou aquisiccedilatildeo Estes recursos potencializam uma maior difusatildeo da informaccedilatildeo e possibilitam

a acessibilidade ao conhecimento nas partes mais remotas do planeta De fato os livros

digitais podem ser acessados atraveacutes de qualquer dispositivo eletrocircnico seja o computador o

PDA (Patron Driven Acquisition) o telefone moacutevel os smartphones os iPhones e possuem

alta portabilidade jaacute que podem ser armazenados num uacutenico dispositivo

Segundo Mesquita e Conde (2008) o termo E-book tem origem inglesa e eacute uma

abreviaccedilatildeo para ldquoelectronic bookrdquo ou livro eletrocircnico pois se trata de uma obra com o

mesmo conteuacutedo da versatildeo impressa com a exceccedilatildeo de ser uma miacutedia digital O modelo

eletrocircnico tem suas vantagens e portabilidade eacute uma de suas principais caracteriacutesticas por

exemplo uma obra chinesa pode ser adquirida no Brasil em questatildeo de segundos Se for

considerada ainda a facilidade de transporte enquanto milhares de e-Books podem ser

facilmente manuseados com o uso de um dispositivo moacutevel (como um pendrive) carregar

dois livros simultaneamente jaacute pode ser trabalhoso

Outra vantagem eacute que a facilidade de publicaccedilatildeo e obtenccedilatildeo dos tiacutetulos digitais tem

atraiacutedo vaacuterios autores e leitores originando a formaccedilatildeo de uma nova classe editorial O novo

editor surge com alguns papeacuteis que permanecem em relaccedilatildeo a ediccedilatildeo do livro impresso e

outros inteiramente novos

Em uma publicaccedilatildeo a Amazoncom anunciou que suas vendas de livros eletrocircnicos

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 32: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

30

superaram a venda de todos os livros de papel sendo um marco na atual reconfiguraccedilatildeo da

cadeia produtiva dos livros para escritores editoras distribuidores e leitores Essa facilidade

e o grande nuacutemero de E-books utilizados pela populaccedilatildeo suscita uma discussatildeo entre leitura

impressa e digital

A esse respeito Lemos (2012) aborda que a leitura de um jornal ou de um livro em

um tablet como o iPad por exemplo natildeo eacute nem como a leitura de um jornal impresso nem

como um jornal na web e nem como a leitura em um e-books (Kindle) Pois como uma

anaacutelise da materialidade pode ser observada diversos agentes (dispositivos produtores de

textos criadores de software de imagens e de sons usuaacuterios e suas praacuteticas e haacutebitos

corporais lugares constituiacutedos distribuidores escritores etc) que atuam diferentemente a

depender do conteuacutedo do dispositivo e das praacuteticas corporais Ou seja estes agentes

proporcionam mais interaccedilatildeo para se obter uma informaccedilatildeo o que neste estudo vamos

ressaltar que natildeo pode ser beneacutefico ao aprendizado do leitor

Para Medina e Freitas Filho (2004) a aprendizagem eacute significativa quando o

estudante eacute capaz de relacionar os conhecimentos jaacute adquiridos (ideias conceitos e princiacutepios)

com a nova informaccedilatildeo produzida o que natildeo acontece numa atividade de reproduccedilatildeo

mecacircnica de conteuacutedos digitais disponiacuteveis na Web Os e-books nos proporcionam isso mas

sem as desvantagens de um livro ou jornal como foi citado

32 Tablets - iOS e Android

Os tablets satildeo dispositivos portaacuteteis que servem para acessar a internet visualizar e

editar textos e planilhas jogar tirar fotos acessar muacutesicas viacutedeos ler livros digitais (e-books)

e outras coisas Os tablets tem por caracteriacutesticas a tela sensiacutevel ao toque dos dedos ldquotouchshy

screenrdquo e normalmente suas dimensotildees variam entre 7 e 10 polegadas Existem dois tipos de

telas as capacitivas e resistivas O primeiro tipo apresenta muito mais sensibilidade ao toque

e portanto uma melhor resposta contudo costumam ser mais caras enquanto as telas

resistivas por serem compostas por vaacuterias camadas possuem menor precisatildeo no

reconhecimento do toque em contrapartida apresentam custos reduzidos

Os tablets utilizam aplicativos adaptados ao dispositivo Lemos (2012) analisa que a

informaccedilatildeo eacute fixada em uma tela iluminada (bem diferente do conforto dos e-books)

oferecendo a possibilidade de uma postura proacutexima daquela de quem lecirc um livro (e diferente

daquela da web) Entretanto o conteuacutedo pode ser outro mais aberto e interativo com links e

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 33: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

31

multimiacutedias adaptado agrave tela ldquotouch-screenrdquo e aos movimentos de rotaccedilatildeo do equipamento

como os primeiros livros eletrocircnicos em CD-ROM Por exemplo ao usar o acelerocircmetro

(rodaacute-lo e colocaacute-lo na posiccedilatildeo horizontal ou vertical) uma imagem pode se transformar em

um viacutedeo por exemplo A tela taacutetil permite uma interaccedilatildeo mais complexa e intuitiva do que

aquela com o teclado para a web ou as teclas para passar as paacuteginas de um e-book A accedilatildeo

corporal eacute diferente daquela do impresso ou da web e bem mais proacutexima dos e-books

embora a interatividade crie novas exigecircncias de apoio do dispositivo ou de movimentos

caracteriacutesticos

A outra grande diferenccedila entre os modelos disponiacuteveis estaacute no sistema operacional

que consistem hoje basicamente em trecircs a saber

bull iOS (sistema da Apple)

bull Android (sistema do Google)

bull Windows (sistema da Microsoft)

Nos toacutepicos a seguir foi realizado brevemente um comparativo entre os sistemas

operacionais iOS Android e Windows Phone para uma compreensatildeo da melhor forma do desenvolvimento deste estudo (KIRCOVE 2013)

33 iOS

O iOS eacute conhecido como o SO que revolucionou o mundo dos celulares e trouxe uma

nova visatildeo para o mercado Entre os seus modelos de dispositivos existem o iPhone o iPod

Touch e o iPad Seus sistemas operacionais rodam com grande eficiecircncia devido

especialmente a uma versatildeo modificada do sistema operacional Mac OSX que recebe o

nome de iPhone OS Seu intento eacute oferecer suporte para as tecnologias de reconhecimento de

toques muacuteltiplos de inclinaccedilatildeo (graccedilas agrave inclusatildeo do acelerocircmetro interno) e de multimiacutedia e

para a reproduccedilatildeo de viacutedeos imagens e muacutesicas com o diferencial para as outras plataformas

de possuir uma interface simplificada e uma usabilidade faacutecil e transparente

Os aplicativos disponiacuteveis soacute podem ser baixados na Apple Store O lado positivo eacute

que todos os downloads funcionaratildeo pois viacuterus ou outras ameaccedilas com certeza natildeo chegaratildeo

a este tipo de aparelho Jaacute um fator negativo eacute que sua interface eacute extremamente fechada ou

seja o usuaacuterio quase natildeo consegue fazer nenhuma personalizaccedilatildeo no sistema e encontra

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 34: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

32

dificuldades em utilizar acessoacuterios de outros fabricantes no iPhone

34 Android

O sistema operacional Android eacute o mais utilizado no mundo jaacute que sua plataforma eacute

licenciaacutevel o que significa que qualquer fabricante que atenda aos preacute-requisitos do Google

pode usaacute-lo em seus aparelhos Por conta desse modelo possui uma de suas maiores

vantagens competitivas este sistema atende a diversos tipos de usuaacuterio Apesar da interface

do Android ter muitas semelhanccedilas com o iOS o sistema do Google perde um pouco na

facilidade de uso fruto talvez da maior maturidade do iOS

A loja virtual do Android o Google Play conta com milhares de aplicativos e se

equipara agrave AppStore do iOS em volume No entanto devido ao seu modelo aberto apresenta

como ponto negativo o sistema ser mais suscetiacutevel a softwares maliciosos que podem

danificar o aparelho A variedade de aparelhos Android no mercado eacute um dos grandes trunfos

do sistema mas abriga outro um ponto negativo pois nem todos os smartphones possuem a

forccedila necessaacuteria para atender as versotildees mais recentes do sistema operacional do Google

Assim para garantir que o dispositivo atenda sem preocupaccedilotildees tudo que o sistema tem a

oferecer o melhor eacute comprar aparelhos mais aprimorados

35 Windows Phone

O sistema operacional da Microsoft chegou atrasado agrave briga pelos smartphones por

isso sua participaccedilatildeo eacute bem menor que a dos concorrentes no mercado No entanto isso natildeo

impediu que o sistema tivesse uma interface atrativa Assim como o Android o Windows

Phone tambeacutem eacute licenciaacutevel e estaacute presente em diferentes modelos e marcas Poreacutem haacute uma

diferenccedila fundamental a Microsoft eacute mais exigente em termos de hardware de que o Google

e fazer isso a companhia garante a fluidez do sistema operacional mesmo em smartphones

mais modestos o que nem sempre acontece nos aparelhos Android

Outro quesito que chama a atenccedilatildeo no Windows Phone eacute a sua interface Ao

contraacuterio dos concorrentes Android e iOs sua aparecircncia difere destes podendo o usuaacuterio ter

um pouco mais de dificuldade para se acostumar com sua usabilidade Em termos de

personalizaccedilatildeo eacute possiacutevel apontar que eacute um intermediaacuterio entre os dois nem tanto quanto o

Android nem tatildeo pouco quanto o iOS O ponto negativo do Windows Phone estaacute em sua loja

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 35: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

33

de aplicativos jaacute que eacute um sistema mais recente e menos utilizado a Windows Phone Store

ainda eacute muito incipiente e natildeo chega perto da oferta da App Store e do Google Play

36 Natildeo existe sistema ideal

Natildeo eacute necessaacuterio definir o melhor sistema operacional para smartphones Para este

trabalho foram levantadas estas comparaccedilotildees para demostrar que a escolha do dispositivo a

utilizar dependeraacute do perfil do usuaacuterio

O iOS oferece estabilidade perfeita de integraccedilatildeo entre hardware e software design

altamente intuitivo mas por um alto custo de mercado Jaacute o Android eacute um sistema mais aberto

com interface intuitiva alto niacutevel de personalizaccedilatildeo variedade de modelos e preccedilos Por sua

vez o Windows Phone tem uma usabilidade mais complexa contudo uma aparecircncia familiar

ao usuaacuterio que se acostumou a utilizar a Microsoft

Portanto cabe ao usuaacuterio que iraacute preparar o curso analisar as especificidades dos

sistemas que se enquadraratildeo ao curso a ser elaborado e ao puacuteblico alvo Cada sistema possui

formas diferentes em disponibilizar o aplicativo em suas lojas (Stores) logo eacute necessaacuterio

planejar a montagem do app do curso tendo em vista em qual plataforma seraacute submetido qual

o puacuteblico que teraacute acesso e qual sistema seraacute possiacutevel reproduzir o conteuacutedo desenvolvido

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 36: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

34

4 METODOLOGIA E PESQUISA

A fim de alcanccedilar o objetivo proposto por este estudo foram realizadas buscas pelas

melhores ferramentas e formatos multimiacutedia que sejam compatiacuteveis com todos os dispositivos

mobiles atuais independente da plataforma Aleacutem disso analisaram-se as metodologias

modernas e tradicionais que melhor se adaptassem agrave realidade atual de forma a se poder ser

mais efetiva nos conteuacutedos gerados com a plataforma em desenvolvimento concluindo-se

pela MCE (Mapas de Conhecimento Estruturado) como afirmam FERREIRA et al (2014 p 514)

Os MCE tem o potencial de utilizaccedilatildeo em diversas aacutereas em que haja necessidade de transmissatildeo de conhecimento e de sua retenccedilatildeo Visualiza-se algumas delas na (i) educaccedilatildeo entre aluno e professor contribuindo para o processo de aprendizagem (ii) na comunicaccedilatildeo entre veiacuteculos e seus puacuteblicos para retenccedilatildeo da informaccedilatildeo

Uma pesquisa teoacuterica foi empreendida na busca de caminhos jaacute traccedilados por outros

pesquisadores na aacuterea do ensino Posteriormente a pesquisa exploratoacuteria foi efetuada a partir

das provas de conceito e experimentaccedilotildees novos meacutetodos heuriacutesticos foram acrescentados

aos tecnicamente obtidos qualificados e medidos para se obter um maior domiacutenio dos

fenocircmenos e teacutecnicas envolvidas nos processos focais do trabalho

Este trabalho tambeacutem contou com uma pesquisa experimental com diversas

prototipaccedilotildees para prova de conceito na busca de se obter um domiacutenio das habilidades para

que se traduzissem em competecircncias na efetivaccedilatildeo dos objetivos Pesquisas laboratoriais

tambeacutem foram empreendidas atraveacutes de testes e provas de conceitos com todas as

plataformas de SO existentes nas soluccedilotildees mobiles bem como em representantes de cada

classe de dispositivos para garantir que as autorias geradas rodassem corretamente em todos

os dispositivos o que eacute fundamental no processo de ensino

Ainda foram realizadas pesquisas de campo antes pelo que o usuaacuterio desejaria

encontrar em uma autoria e a dinacircmica de utilizaccedilatildeo e navegaccedilatildeo como uma complementar

para testes apoacutes o protoacutetipo funcionando Para criaccedilatildeo de um curso em plataformas mobiles

foi desenvolvido uma biblioteca de faacutecil utilizaccedilatildeo por qualquer usuaacuterio disposto a

desenvolver uma aplicaccedilatildeo m-Learning contendo todas as funccedilotildees empacotadas por accedilotildees

(uma accedilatildeo por funccedilatildeo) para que se possa montar uma autoria como se monta um produto em

uma linha seriada

Aleacutem de se gerar uma biblioteca para que outros projetistas possam elaborar o

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 37: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

35

proacuteprio montador com as particularidades que lhe satildeo desejadas foi proposto nesta pesquisa

um montador de autoria em que as ferramentas satildeo compostas tambeacutem pelos componentes

desta biblioteca com o perfil apresentado na introduccedilatildeo deste trabalho ou seja evitando

sobrecarga cognitiva multimiacutedia (as pessoas tendem a abusar dos recursos) buscando a

degradaccedilatildeo cognitiva focando em uma accedilatildeo de cada vez reduzindo-se o nuacutemero de chunks de

informaccedilotildees e promovendo uma coesatildeo e coerecircncia entre accedilotildees paacuteginas conforme proposto

nos MCE A seguir as funccedilotildees dessa biblioteca e sua aplicabilidade seratildeo ilustradas

41 Biblioteca Educaccedilatildeo a Distacircncia (EAD)

A plataforma escolhida para o projeto foi o CORONA SDK uma plataforma

gratuita multiplataforma e multidevice inclusive para Windows Phone Mac desktop PC- Windows Apple TV e Android TV

O motivo aleacutem dos descritos no paraacutegrafo anterior consiste tambeacutem por ser no

miacutenimo dez vezes mais raacutepido desenvolver um aplicativo em CORONA SDK do que em

outras plataformas ou linguagens como Java por exemplo Outro destaque eacute que o coacutedigo

fica muito mais reduzido cerca de 10 a 100 vezes menos linhas de programaccedilatildeo do que

Objective C e Java (httpscoronalabscomproductscorona-is-10x-faster) Aleacutem disso a

plataforma utiliza a programaccedilatildeo Lua simples de aprender e de se fazer implementaccedilotildees

aleacutem de ser uma linguagem gratuita e 100 brasileira

Neste trabalho a biblioteca desenvolvida para utilizaccedilatildeo de componentes para

instrumentaccedilatildeo de cursos e aulas para educaccedilatildeo a distacircncia foi nomeada como libEAD A

forma de utilizaacute-la com a plataforma CORONA SDK eacute bastante simples bastando importaacute-la

em uma variaacutevel qualquer como por exemplo ead conforme a seguir

ead = require (libEAD)

A biblioteca eacute composta pelas funccedilotildees que disponibilizam a utilizaccedilatildeo dos recursos

necessaacuterios para um e-book multimiacutedia conforme jaacute descrito Os paracircmetros de cada funccedilatildeo

satildeo array1 de chave e valores definidos como atributos Dessa forma toda funccedilatildeo ead recebe

1 ldquoArrayrdquo eacute uma estrutura de dados que armazena uma coleccedilatildeo de elementos de tal forma que cada um possa ser identificado por pelo menos um iacutendice ou uma chave Essa estrutura de dados tambeacutem eacute conhecida como variaacutevel indexada vetor (para arranjos unidimensionais) e matriz (para arranjos bidimensionais)

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 38: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

36

como paracircmetro um array atributos A nomenclatura eacute composta da seguinte forma

ead[funccedilatildeo](atributos) em que atributos eacute representado por chave=valor

411 Funccedilatildeo Colocar Imagem

Funccedilatildeo disponiacutevel para inserir uma imagem em qualquer tamanho e posiccedilatildeo em uma

tela A imagem pode ser um hiperlink desde que seja atribuiacutedo endereccedilo do link em uma url

Esta funccedilatildeo pode ser configurada com os seguintes atributos arquivo comprimento altura x

y url posicao

- Posicao base (colocar a imagem na base da tela) centro (colocar a imagem no

centro da ela) e topo (colocar a imagem no topo da tela)

Exemplo de uso da funccedilatildeo

eadcolocarImagem(arquivo=rdquobarra-superiorpngrdquo altura=200)

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 39: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

37

4111 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)8687

8990919293949596979899

100 101 102103104105106107108109110

112113114115116117118119120 121 122123124125126127128129130131132133134

mdash COLOCAR IMAGEM mdashmdash Funcao responsaacutevel por colocar uma imagem mdashmdash na tela podendo ser tela inteira mdashmdash ou dimensionada mdashmdash ATRIBUTOS arquivocomprimentoalturaxyposicao mdashmdash Posicao base centro topo mdash

local function colocarlmagem(atributos)| if naoVazio(atributos) thenI if(atributosarquivo) then

local imagem = displaynewlmage(atributosarquivo)

mdashPOSICAO CENTROif (atributos posicao= centro) then

imagemx = displaycontentCenterX imagemy = displaycontentCenterY

mdashPOSICAO TOPOelseif (atributos posicao= topo 1 ) then

imagemx = W - (W2)

mdashPOSICAO BASEelseif (atributos posicao= base ) then

imagemx = W - (W2) imagemy = H - (imagemheight2)

elseimagemanchorX=0 imagemanchorY=0 imagemwidth=W imagemheight=H

end

if (atributoscomprimento) thenimagemwidth=atributoscomprimento

endif (atributosaltura) then

imagemheight=atributosalturaendif (atributosx) then

imagemx=atributosxendif (atributosy) then

imagemy=atributosyend

return imagem

Lendend

135 Mcolocarlmagem = colocarlmagemFIGURA 5 - Codificaccedilatildeo Colocar Imagem (Fonte Do Autor)

412 Funccedilatildeo Colocar Som

Funccedilatildeo disponiacutevel para colocar som em ambientes e objetos Os arquivos de sons

podem ser do tipo WAV e MP3

Exemplo de uso da funccedilatildeo

ead colocarSom(arquivo = songmp3 )

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 40: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

38

4121 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)13S139140141142143144145146147 14S149150151152

mdash COLOCAR SOMmdash Funcao responsaacutevel por tocar sommdash aceita arquivos wav e mp3mdash ATRI30T0S arquivos

dlocal function colocarSom(atributos) mediastopSound()

3 if naoVazio(atributos) thend if(atributosarquivo) then

return mediaplaySound(atributosarquivo)- end- end-endMcolocarSom = colocarSom

FIGURA 6 - Codificaccedilatildeo Colocar Som (Fonte Do Autor)

413 Funccedilatildeo Colocar Botatildeo

Funccedilatildeo disponiacutevel para criar um botatildeo que pode ser personalizado com os atributos

a seguir fundo tiacutetulo altura comprimento x y posicao acao

Os campos posicao e acao aceitam paracircmetros definidos

- Posicao base (coloca o botatildeo na base do dispositivo) centro (coloca o botatildeo no

centro) e topo (coloca o botatildeo no topo do dispositivo)

- Acao iniciaCurso (inicia o curso a partir da primeira tela) iniciaPagina (inicia a

tela corrente novamente)

Exemplo de uso da funccedilatildeo

ead colocarBotao (comprimento=300 titulo=oi sou um botatildeo fundo=fundo-verdepng)

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 41: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

39

4131 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)154155156157158159160 161 162163164165166167168169170171172173174175176177178179180 181 182183184185186187188189190191192193194195196197198199200 201 202203204205206207208209210 211 212213214215216217218 219

COLOCAR BOTAtildeOFuncao responsaacutevel por criar um botatildeode acordo com as opcoes desejadas e acoes pre-definidas ATRIBUTOS fundotituloalturacomprimentoxylsquoposicaoacao lsquoPosicao base centro topolsquoAcoes iniciaCurso iniciaPagina

Otilde

local function colocarBotao(atributos)mdash DEFINE ATRIBUTOS DEFAULT if atributos = nil then

atributos = endif atributosfundo = nil then

atributosfundo = fundo-azulpngendmdash ACAO DO BOTAOlocal function handleButtonEvent( event )

if ( ended = eventphase ) thenif(atributesacao) then

print( Botao pressionado atributos verificaAcaoBotao(atributosacao)

endend

end

acao )

Eacute

Q

Eacute

Eacute

local botao = widgetnewButton((

width = 240 height = 120defaultFile = atributosfundolabel = rsquorsquoBotatildeordquoonEvent = handleButtonEvent

)mdash PARAMETRO TITULObotaosetLabel( atributostitulo )mdashPARAMETRO FUNDObotaosetDefaultFile =atributosfundomdashPARAMETRO ALTURAbotaoheight =atributosalturamdashPARAMETRO COMPRIMENTObotaowidth =atributoscomprimentomdashPOSICAO X Y i f(atributosx) then

botaox = atributosxendif(atributosy) then

botaoy = atributosyendmdashPOSICAO CENTROi f(atributosposicao=centro) then

botaox = displaycontentCenterX botaoy = displaycontentCenterY

end--POSICAO TOPOif(atributosposicac=topo) then

botaox = W - (W2)end--POSICAO BASEif(atributosposicao=base) then

botaox = W - (W2) botaoy = H - (botaoheight2)

endreturn botao

endMcolocarBotao = colocarBotao

FIGURA 7 - Codificaccedilatildeo Colocar Botatildeo (Fonte Do Autor)

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 42: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

40

414 Funccedilatildeo Colocar Viacutedeo

Funccedilatildeo disponiacutevel para que um viacutedeo seja inserido Os arquivos podem ser do tipo

MOV MP4 e M4V ou o viacutedeo pode ser incorporado por um link Pode ser personalizado

com os seguintes atributos arquivo url

Exemplo de uso da funccedilatildeo

eadcolocarVideo(arquivo=ldquoviacutedeomp4rdquo)

4141 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)

FIGURA 8 - Codificaccedilatildeo Colocar Viacutedeo (Fonte Do Autor)

415 Funccedilatildeo Colocar Animaccedilatildeo

Funccedilatildeo disponiacutevel para gerar uma sequecircncia de imagens podendo ou natildeo ter som

Este recurso gera uma animaccedilatildeo por frames de acordo com o tempo (em milissegundos)

fornecido para cada imagem Pode ser configurada com os seguintes atributos imagens

tempoPorImagem som

Lista de imagens para sequecircncia de animaccedilatildeo

imagensAnimacao = 0jpg05jpg 010jpg020jpg

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 43: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

41

Exemplo de uso da funccedilatildeo

eadcolocarAnimacao(apresentacao=centralimagens=imagensAnimacao tempoPorImagem=350 som=raiomp3)

4151 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)239240241242243244245246247248249250251252253254255256257258259260 261 262263264265266267268269270271272273274275276277278279280 281 282283284285286

= 0 anchorX =anchorY = width = W height = H

mdash COLOCAR ANIMACAO mdashmdash Funcao responsaacutevel por gerar uma animacao mdashmdash de acordo com as imagens tempo (ms) e som mdashmdash ATRIBUTOS imagenstempoPorImagemsom mdash

Ccedil]local function colocarAnimacao(atributos) local imagensAux = mediaplaySound(atributossom) local imagens = atributosimagens

5 for i=limagens dotoqueHabilitado=false local listenerTimer =

5 function listenerTimertimer()print(Imagem animacao imagens[i]) imagensAux[i] = displaynewlmage(imagens[i]) imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX if (atributos apresentacao=cheia) then

imagensAux[i]y = 0imagensAux[i] imagensAux [i] imagensAux[i] imagensAux[i] imagensAux[i]

endE^ j if (atributos apresentacao=central) then

imagensAux[i]y = displaycontentCenterY imagensAux[i]x = displaycontentCenterX imagensAux[i]width = WmdashimagensAux[i]height = H2

endE^ j if (i gt 1) then

imagensAux[imdash1]removeSelf() print(Imagem removida imagens[i-1])

end|5 | | if (i = imagens) then

imagensAux[i]removeSelf() toqueHabilitado=true

endendlocal tempoPorlmagem = atributostempoPorlmagemtimerAnimacao = timerperformWithDelay(i tempoPorImagem listenerTimer1)

endprint(Ultima Imagem imagens[imagens]) return timerAnimacao

endMcolocarAnimacao = colocarAnimacao

FIGURA 9 - Codificaccedilatildeo Colocar Animaccedilatildeo (Fonte Do Autor)

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 44: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

42

416 Funccedilatildeo Colocar Plano de FundoFunccedilatildeo disponiacutevel para colocar o mesmo plano de fundo em todas as telas conforme

uma cor preacute-definida (branco azul preto vermelho e verde) ou um arquivo de imagem para

tela inteira Pode ser configurada com os seguintes atributos cor arquivo

Exemplo de uso da funccedilatildeo

ead colocarPlanoDeFundo(cor=branco)

4161 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326

- COLOCAR PLANO DE FUNDOmdash Funcao responsaacutevel por colocar um plano demdash fundo em todas as telasmdash ATRIBUTOS cor arquivo

R | if (atributosarquivo) thenimagemFundo = displaynewlmage(atributos imagemFundoanchorX=0imagemFundoanchorY=0 imagemFundowidth=W imagemFundoheight=H

elseif (imagemFundo) thenimagemFundoremoveSelf()

- j end- end -endMcolocarPlanoDeFundo = colocarPlanoDeFundo

1 1 )

0 0 )

0 1 )

o 0 )

1 o )

arquivo)

FIGURA 10 - Codificaccedilatildeo Colocar Plano de Fundo (Fonte Do Autor)

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 45: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

43

417 Funccedilatildeo Colocar Texto

Funccedilatildeo disponiacutevel para introduzir um texto Ele pode ser um hiperlink caso seja

deve ser fornecido uma URL Pode ser configurado com os seguintes atributos texto url

tamanho eNegrito fonte posicao

Em que o campo fonte e posicao aceita paracircmetros definidos

- Fonte arial times e calibri

- Posicao topo centro e base

Exemplo de uso da funccedilatildeo

ead colocarTexto (tamanho=20 texto=Texto de exemplo para a funccedilatildeo colocarTexto eNegrito=sim url=httpgooglecom)

Obs Vaacuterios textos podem ser colocados em sequecircncia Caso seja necessaacuterio saltar

linha utilizar o ldquonrdquo entre um texto e outro

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 46: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

44

4171 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)226227228 229 238231232233234235236237238239 246241242243244245246247248249 258251252253254255256257258259 268 261 262263264265266267268 269278271272273274275276277 275279 288 231 282283284 2 95 286 287 239

mdash COLOCAR TEXTOmdash Funcao responsaacutevel por criar um textomdash de acordo com as opcoes desejadas e acoes pre-defiacutenidasmdash ATRIBUTOS texto uri tamanho eNegritoposicaofontemdash Posicao topo centro Basemdash Fonte anal times calibri

local function colocarTexto[atributos] if naovaziotatributosl then

local options laquo

text S bullbullbullrsquoX a (W21+20 y H2Width a W-20 height a 0font a nativesystemFont fontsize a 20

)mdashPOSICAO CENTROif(atributosposicaoasrsquocentrorsquo) then

optionsx a displaycontentCenterX optionsy a displaycontentCenterY

mdashPOSICAO TOPOelseif(atributosposicaoasrsquotoporsquoI then

optionsx a w - (W2I optionsy a displaycontentCenterY - H3

mdashPOSICAO BASEelseif(atributosposicaoasrsquobasersquoI then

optionsx a W - (W2) optionsy a h - displaycontentCenterY3

endmdashFONTESif(atributosfonte a=arialrsquo) then

optionsfont rsquoArialrsquoelseif(atributosfonteasbulltimesrsquo) then

optionsfont a rsquoTimesrsquoelseif (atributosfonteasrsquocalibrirsquo) then

optionsfont laquo nativesystemFontend

if(atributostextoi thenoptionstext = atributostexto

end

if(atributostamanho J thenoptionsfontsize laquo atributostamanho

endif(atributoseNegrite and atnbutoseNegritomdashsimrsquo I then

optionsfont = nativesystemFontBoldendlocal texto laquo displaynewText( options ) textosetFlllColor( 0 02 013 ) mdashVerde escuro if(atributosurli then

local function onClickLinklevemtl systemopenURL(atributos urI)

endtextoaddEventListenerltrsquotouchrsquo onclickLinkl

endreturn texto

endend

FIGURA 11 - Codificaccedilatildeo Colocar Texto (Fonte Do Autor)

418 Funccedilatildeo Colocar Questatildeo

Funccedilatildeo disponiacutevel para colocar uma questatildeo com enunciado e alternativas no

maacuteximo cinco respostas em que seratildeo disponibilizadas aleatoriamente Eacute possiacutevel inserir

justificativas para as respostas incorretas estas respostas satildeo apresentadas junto agraves

justificativas quando solicitadas pelo usuaacuterio Existem duas opccedilotildees de questotildees a opccedilatildeo com

uma alternativa correta ou assinaladas como V (verdadeiro) ou F (falso) Esta funccedilatildeo pode ser

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 47: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

45

personalizada com os seguintes atributos enunciado respostasCorretas respostasIncorretas

justificativas tipo

Em que o campo tipo aceita paracircmetros definidos

- Tipo vf (Questatildeo onde as respostas podem ser verdadeiras ou falsas) umaEscolha

(Questatildeo onde deve haver uma resposta correta)

Lista de respostas corretas incorretas e justificativas para colocar na questatildeo

respostasCorretas = Brasil Foi descoberto por Pedro Alves Cabral Foi descoberto por volta do ano de 1500

respostasIncorretas = Brasil Foi descoberto por Cristoacutevatildeo Colombo O Brasil foi descoberto por espanhoacuteis e ingleses

Exemplo de uso da funccedilatildeo

ead colocarQuestao (tipo=VF respostasCorretas= respostasCorretas respostasCorretas= respostasIncorretas enunciado=Assinale V para verdadeiro ou F para falso justificativas= justificativas )

justificativas = ldquoO Brasil foi descoberto por Pedro Alves Cabral por volta de 1500rdquo ldquoO Brasil foi descoberto por caravelas portuguesasrdquo

respostasCorretas Eacute uma lista de respostas consideradas certas entre aspassimples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas certa 1 lsquoResposta certa 2 lsquoResposta certa 3

respostasIncorretas Eacute uma lista de respostas consideradas certas entreaspas simples ldquo rdquo e separadas por ldquordquo Ex lsquoRespostas errada 1 lsquoResposta errada 2 lsquoResposta errada 3

Caso seja definido o tipo vf as respostas corretas seratildeo consideradas verdadeiras e as

incorretas falsas Jaacute para o tipo umaEscolha as respostas corretas seratildeo a opccedilatildeo correta e as

incorretas as opccedilotildees erradas

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 48: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

46

Quando a opccedilatildeo verificar respostas eacute selecionado na tela seraacute apresentada a

respostas incorretas e suas respectivas justificativas desde que seja definida a lista de

justificativas Esta lista deve ser na mesma ordem da lista de respostasIncorretas

4181 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376

mdash COLOCAR QUESTAtildeO mdashmdash Funcao responsaacutevel por criar questotildees mdashmdash de acordo con as opcoes desejadas e acoes pre-definidas mdashmdash ATRIBUTOS enunciado respostasCorretas respostaslncorretas mdashmdash justificativas tipo mdashmdash Tipo VF unaEscolha mdash

local function colocarQuestaolatributos) local enunciadomdashPosicao inciais dq questatildeo local inicioX = 0 local inicioY = 0 local respostasFalsas if naoVazio(atributos) then

if(atributosenunciado) thenenunciado displaynewText(atributosenunciado inicioX inicioY (W) 0 nativesystemFontBold36)enunciadosetFilColor( 0 02 023 )enunciadoanchorX 0 enunciadox=20 enunciadoy=H4inicioX laquo enunciadox inicioY enunciadoymdashenunciadoanchorY = 200

endlocal questotildees = local respostas laquo if(atributostipo) then

if (atributosrespostasCorretas) thenrespostas juntarListas(respostasatributosrespostasCorretas)

endif (atributosrespostaslncorretas) then

respostasFalsas raquo atributosrespostaslncorretasrespostas = juntad-istaslrespostas atributosrespostaslncorretas)

endfor ilaquo20respostas do

print(respostas(ij)local textoResp = displaynewText(ilsquo( ) 1respostas(i] inicioX+20 inicioY(80raquoi) W-30 0 nativesystemFont32) textoRespsetFillColor( 0 02 023 ) textoRespanchorX = 0questotildees(i] textoResp

end

local justificativas ND local textoRespostas =if (atributosjustificativas and laquoatributosjustificativas laquo

justificativas atributosjustificativasend

i laquorespostasFalsas) then

mdash Verificar resposta(s) incorreta(s)local function vefificarQuestoesevent)

if ended = eventphase thenif (atributostipo =VF) then

local txtFalsas raquo displaynewText(A(s) resposta(s) falsa(s) 50 H-450W-300 nativesystemFontBold 28 ) txtFalsassetFillColor( 1 0 0 ) txtFalsasanchorX raquo 0for ilaquo2laquorespostasFalsas do

textoRespostas laquo respostasFalsas(i]if (justificativas and laquojustificativas gt 0) then

textoRespostas = textoRespostas (Justificativa justificativasli]) endtxtRespQuestoes = displaynewText(textoRespostas50 (H-450)+(i62) W-600 nativesystemFont 25 ) txtRespQuestoessetFillColor( 2 0 0 ) txtRespQuestoesanchorX laquo 0

endelseif (atributostipo ==unaEscolha) then

textoRespostas A resposta eacute respostasFalsas(2] (Justificativa justificativasli]) textoRespostas = displaynewText( textoRespostas50 H-370W-300 nativesystemFont 25 ) textoRespostassetFillColor( 2 0 0 )textoRespostasanchorX = 0

endend

endlocal textoVerificaQuestoes displaynewText( Clique para verificar questotildees 60 H-70 nativesystemFont 36 ) textoVerificaQuestoesanchorX=0 textoVerificaQuestoessetFillColor( 0 02 023 ) textoVerificaQuestoesaddEventListener(touch vefificarQuestoes)

endreturn enunciado questotildees

FIGURA 12 - Codificaccedilatildeo Colocar Questatildeo (Fonte Do Autor)

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 49: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

47

419 Criar Curso

Funccedilatildeo disponiacutevel para criar o Curso personalizado de acordo com as telas

fornecidas Aleacutem das telas recebe como atributo a paacutegina em que seraacute apresentada a tela

segundo o iacutendice que coincide com o nuacutemero da paacutegina Pode ser configurada com os

seguintes atributos telas[imagem imagens botao som video animacao] pagina

Segue a funccedilatildeo

ead criarCurso (telas 1)

De acordo com os atributos que satildeo definidos no atributo telas satildeo chamadas as funccedilotildees definidas acima Por exemplo se uma tela conter botatildeo e imagem em que os atributos para o botatildeo satildeo comprimento=300 fundo=rdquoverderdquo e para a imagem comprimento=300 fundo=rdquoverderdquo ficaria da seguinte forma

tela=botao=comprimento=300 fundo=rdquoverderdquo

imagem=comprimento=300 fundo=rdquoverderdquo)

Assim seratildeo chamada as funccedilotildees eadcolocarBotao(atributos) e eadcolocarImagem(atributos)

Dessa forma criando outra tela com os mesmo atributos

tela2=botao=comprimento=300fundo=rdquoverderdquo imagem=comprimento=300 fundo=rdquoverderdquo

O objeto telas seria igual a tela tela2

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 50: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

48

4191 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)121314151617181920 21 222324252627282930313233343536373839404142434445464748495051525354555657585960 61 626364

mdash CRIAR CURSOmdash Funcao responsaacutevel por criar o Curso personalizadomdash de acordo com as telas fornecidas e a pagina quemdash apresentara a tela na ordem do valor da paginamdash ATRI3UT0S telas[imagemimagensbotaosomvideoanimacao]pagina

Rlocal function criarCurso (telas pagina) local i = pagina print(TELA i)mdashremover atributos anteriores mediastopSound()

R if(imagem ~= nil) thenimagemremoveSelf()

- endR if(imagens ~= nil) thenR j for ims=I imagens do

imagens[ims]removeSelf()p- end

imagens = - end

R if(botao ~= nil) thenbotaoremoveSelf()

- end

mdashverfica se tem imagemR if(telas[i]imagem) then

imagem = eadcolocarlraagem(telas[i]imagem)- end

R if(telas[i]imagens) thenimagens =

R for ims=l telas[i]imagens doimagens[ims] = eadcolocarlmagem(telas[i]imagens[ims])

j I end- end

mdashverifica se tem somR if (telas[i]som) then

som = eadcolocarSom(telas[i]som)- end

mdashverifica se tem videoR if(telas[i]video) then

video = eadcolocarVideo(telas[i]video)- end

mdashverifica se tem botaoR if(telas[i]botao) then

botao = eadcolocarBotao(telas[i]botao)- end

mdashVerifica se tem animacaoR if(telas[i]animacao) then

animacao = eadcolocarAnimacao(telas[i]animacao)- end -endMcriarCurso = criarCurso

FIGURA 13 - Codificaccedilatildeo Criar Curso (Fonte Do Autor)

4110 Funccedilatildeo Criar Paginaccedilatildeo

Funccedilatildeo disponiacutevel para criar a navegaccedilatildeo entre telas em forma de paacuteginas As telas

podem ser transitadas para direita ou para esquerda A interface de paginaccedilatildeo fica disponiacutevel

em todas as telas e natildeo eacute permitido alternar de paacuteginas enquanto houver uma animaccedilatildeo em

andamento

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 51: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

49

Segue a funccedilatildeo

ead criarPaginacao ()

41101 Codificaccedilatildeo em CoronaSdk-Lua (biblioteca libEAlua)329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382

mdash CRIAR PAGINACAOmdash Cria a paginacao para alteracao de telas para direita oumdash para esquerda A interface de paginacao fica disponivel emmdash todas telas E nao eacute permitido alternar de paginas enquantomdash houver uma animacao em andamento

Rlocal function Interface =

criarPaginacao() displaynewGroup()

local botaoEsquerdo = displaynewRect(00W4H) botaoEsquerdosetFillColor(25500) botaoEsquerdoanchorX=0botaoEsquerdoanchorY=0 botaoEsquerdoisVisible = false botaoEsquerdoisHitTestable = true botaoEsquerdoalpha = 03 mdashInterfaceinsert(botaoEsquerdo)

local botaoDireito = displaynewRect(00W4H) botaoDireitosetFillColor(25500)botaoDireitox = W - (botaoDireitowidth2) botaoDireitoy = H2 botaoDireitoisVisible = false botaoDireitoisHitTestable = true botaoDireitoalpha = 03 mdashInterfaceinsert(botaoDireito)

local function passarPaginaDireita(e) pri nt(PAGINA paginaAtual)if(paginaAtuallttelas and toqueHabilitado) then

paginaAtual=paginaAtual+lprint(foi para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaDireita = passarPaginaDireita

local function passarPaginaEsquerda(e) print(PAGINA paginaAtual)if(paginaAtuallt=telas and paginaAtualX and toqueHabilitado)

paginaAtual=paginaAtual-lprint(voltou para paginaAtual de telas) criarCurso(telas paginaAtual)

end endmdashMpassarPaginaEsquerda = passarPaginaEsquerda

mdashDefine Pagina Atual paginaAtual=lbotaoDireitoaddEventListener(tap passarPaginaDireita) botaoEsquerdoaddEventListener(tap passarPaginaEsquerda)

endMcriarPaginacao = criarPaginacao

FIGURA 14 - Codificaccedilatildeo Criar Paginaccedilatildeo (Fonte Do Autor)

Esta funccedilatildeo deve ser definida no iniacutecio da aplicaccedilatildeo antes da criaccedilatildeo de telas Dessa

forma a interface fica disponiacutevel para toda aplicaccedilatildeo

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 52: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

50

4111 Funccedilotildees Auxiliares Cabeccedilalho da Bilioteca e Chamada da Biblioteca no Programa Principal

Funccedilotildees utilizadas pelas outras funccedilotildees jaacute descritas e necessaacuterias para que o

aplicativo seja gerado corretamente

41111 Funccedilotildees Auxiliares

6763697071727374757677 737980313233 84

then

then

FIGURA 15 - Codificaccedilatildeo Funccedilotildees Auxiliares (Fonte Do Autor)

41112 Cabeccedilalho da Biblioteca

123456 7 o

910

mdashIMPORTSlocal widget = require widget

local W = displaycontentWidth local H = displaycontentHeight

local M = local paginaAtual = 1local toqueHabilitado = true

FIGURA 16 - Codificaccedilatildeo Cabeccedilalho Biblioteca (Fonte Do Autor)

41113 Chamada da Biblioteca no Programa Principal a ser criado (mainlua)

FIGURA 17 - Codificaccedilatildeo Chamada Biblioteca (Fonte Do Autor)

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 53: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

51

5 MONTADORES

Seguindo a ideia da geraccedilatildeo de um montador de autoria que tutele de forma

transparente ao conteudista ofereceu-se uma sequecircncia de accedilotildees de como preparar um curso

que concretize os objetivos de aprendizagem traccedilados inicialmente evitando resultados

arbitraacuterios ambiacuteguos ou seja os resultados matematicamente ortogonais conforme

explicados anteriormente

O objetivo aqui eacute apresentar a metodologia de educaccedilatildeo definida em uma

prototipaccedilatildeo de um motor para cursos em m-Learning ou AVA O montador de autoria

habilita o tutor a elaborar um curso que seja personalizaacutevel desde a introduccedilatildeo agrave escolha da

metodologia atraveacutes de miacutedias imagens aacuteudio textos links e exerciacutecios didaacuteticos A

personalizaccedilatildeo parte de se jaacute ter um dispositivo com o aplicativo instalado contendo todas as

opccedilotildees apresentadas para criaccedilatildeo de um curso didaacutetico em que seratildeo utilizados os conceitos

de aprendizagem aqui demonstrados

Seraacute apresentado em etapas e atraveacutes dos MCE aplicados cada ferramenta com

todas as personalizaccedilotildees especiacuteficas para a criaccedilatildeo de cada tela em que uma uacutenica tela seraacute

possiacutevel utilizar uma uacutenica ferramenta corroborando com o Princiacutepio da Navalha de Ockham

(Lexi Parsinoniae) (OCKHAM 1999) Cada tela deve assumir estritamente a informaccedilatildeo

necessaacuteria agrave explicaccedilatildeo do mesmo sem comprometer o entendimento do indiviacuteduo para o

objetivo da informaccedilatildeo naquela tela

O montador proposto declara uma barra inferior na tela do dispositivo em que eacute

possiacutevel selecionar a ferramenta desejada com suas opccedilotildees de personalizaccedilatildeo para criaccedilatildeo de

meacutetodos distintos para o conteuacutedo a ser aprendido Quando o autor finalizar a tela segue-se

para a tela subsequente para elaboraccedilatildeo de outro conteuacutedo Toda etapa pode ser preacute-

visualizada para simular o que foi montado e apoacutes iniciado retorna-se para qualquer etapa

(tela) criada e finaliza-se a autoria

51 Etapa inicial do montador de autoria

A montagem de um curso inicia-se pelo o que seraacute apresentado ou seja sua capa A

tela inicial eacute esta capa com um tiacutetulo e o layout que definiraacute a identidade do que seraacute

aprendido Dessa forma pode ser feito a personalizaccedilatildeo com um plano de fundo de todas as

telas para aquele curso

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 54: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

52

FIGURA 18 - Ferramenta Inicial Montador (Fonte Do Autor)

A barra inferior identifica as opccedilotildees de personalizaccedilatildeo para o conteuacutedo de

apresentaccedilatildeo do curso O processo de criaccedilatildeo eacute dinacircmico e conforme as ferramentas sejam

selecionadas novas opccedilotildees de criaccedilatildeo que melhor atendam o desejo do educador na criaccedilatildeo

do seu curso podem ser abertas

FIGURA 19 - MCE Estrutura do Montador de Curso (Fonte Do Autor)

Apoacutes configuraccedilatildeo da tela inicial e do plano de fundo para todas as outras telas

prossegue-se para a elaboraccedilatildeo das telas de conteuacutedo de aprendizagem Um novo menu de

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 55: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

53

ferramentas na barra inferior eacute apresentado com variaacuteveis distintas a serem utilizadas para

construccedilatildeo da informaccedilatildeo a ser proposta

52 Apresentaccedilatildeo de textos

Os textos podem ser inseridos em uma paacutegina do curso com opccedilotildees de serem com

Hiperlink normal ou em formas de questatildeo

FIGURA 20 - Ferramenta Colocar Texto (Fonte Do Autor)

Textos convencionais satildeo inseridos apenas escolhendo a opccedilatildeo ldquoNormalrdquo Caso seja

de interesse do educador podem ser adicionados outros textos tais como

1- posiccedilatildeo Inicial (seria o primeiro texto acima de todos os outros)

2- posiccedilatildeo Antes do primeiro texto

3- posiccedilatildeo Apoacutes o uacuteltimo texto

Outra forma de inserir um texto eacute como ldquoHiperlinkrdquo Apoacutes o texto inserido deve-se

digitar a url desejada para ser aberto na web quando clicado no link

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 56: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

54

FIGURA 21 - Ferramenta Colocar Questatildeo (Fonte Do Autor)

Outra opccedilatildeo eacute a ldquoQuestatildeordquo em que se escolhe o tipo podendo ser V (verdadeiro) ou

F (falso) ou de escolha da alternativa correta Para tanto entra-se com o tiacutetulo da Questatildeo

as alternativas corretas e alternativas incorretas Aleacutem disso existe a opccedilatildeo de inserir

justificativas para as alternativas incorretas respectivamente na mesma ordem destas

alternativas

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 57: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

55

FIGURA 22 - MCE Colocar um Texto (Fonte Do Autor)

53 Inserir imagem

Imagens nos formatos bmp jpeg jpg e png podem ser inseridas em uma paacutegina do

curso desde que jaacute esteja disponiacutevel para acesso no dispositivo

FIGURA 23 - Ferramenta Colocar Imagem (Fonte Do Autor)

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 58: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

56

A imagem escolhida pode ser posicionada

1- no ldquoCentrordquo (centro do dispositivo)

2- no ldquoTopordquo (parte superior)

3- na ldquoBaserdquo (parte inferior)

A imagem seraacute dimensionada proporcionalmente de acordo com a altura e largura do

dispositivo

Por exemplo caso a imagem seja do tipo paisagem (horizontalmente maior que na

vertical) seraacute dimensionada horizontalmente e na dimensatildeo vertical iraacute diminuir para manter

a resoluccedilatildeo da figura o mesmo aconteceraacute caso seja verticalmente maior

FIGURA 24 - MCE Colocar uma Imagem (Fonte Do Autor)

54 Colocar som

Para inserir um som em uma paacutegina bastam escolher um arquivo nos formatos mp3

ou WAV disponiacuteveis no dispositivo

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 59: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

57

FIGURA 25 - Ferramenta Colocar Som (Fonte Do Autor)

O aacuteudio pode ser colocado junto a uma imagem ou uma animaccedilatildeo Quando a paacutegina

que conteacutem o aacuteudio eacute alterada este eacute interrompido Caso seja retornado para a paacutegina com o

som o aacuteudio seraacute reproduzido do iniacutecio Quando adicionado um som uma barra de menu

localizada na parte inferior do dispositivo eacute apresentada com as opccedilotildees de PLAY PAUSE e REPETIR

FIGURA 26 - MCE Colocar um Som (Fonte Do Autor)

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 60: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

58

55 Inserir viacutedeo

Inserir um viacutedeo segue a mesma ideia de uma imagem entretanto viacutedeos podem ser

inseridos a partir de um arquivo disponiacutevel no dispositivo ou incorporados atraveacutes de um

endereccedilo web (URL) de um viacutedeo no site Youtube

FIGURA 27 - Ferramenta Colocar Viacutedeo (Fonte Do Autor)

O viacutedeo inserido ou incorporado assim como a imagem eacute dimensionado

proporcionalmente tanto na vertical quanto na horizontal

FIGURA 28 - MCE Colocar um Viacutedeo (Fonte Do Autor)

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 61: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

59

56 Gerar Animaccedilatildeo

Uma animaccedilatildeo eacute gerada por uma sequecircncia de imagens alternadas em um pequeno

intervalo de tempo Dessa forma eacute necessaacuterio escolher mais de uma imagem no dispositivo

definir um intervalo em segundos entre cada imagem e se for desejado escolher um arquivo

de som

FIGURA 29 - Ferramenta Colocar Animaccedilatildeo (Fonte Do Autor)

As imagens satildeo posicionadas no centro do dispositivo proporcionalmente ao seu

tamanho sendo alternadas de acordo com o tempo definido Caso este tempo natildeo seja

escolhido o intervalo padronizado seraacute de cinco segundos entre cada imagem O som seraacute

exibido ao iniciar a paacutegina e finalizado de acordo com sua duraccedilatildeo ou quando a paacutegina for

alterada

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 62: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

60

FIGURA 30 - MCE Colocar Animaccedilatildeo (Fonte Do Autor)

57 Finalizar e preacute-visualizar o trabalho

O Corona SDK possui um simulador adaptaacutevel ao dispositivo que rodaraacute o

aplicativo independente da plataforma utilizada (iOS Android Windows )

HTC Sensation 540x960

Samsung Galaxy S3 720x1280

Samsung Galaxy S5 1080x1920

Kindle Fire HD 7 (2012) 800x1280

Kindle Fire HD 89 (2012) 1200x1920

Amazon Fire TV (Gen 1) 720x1280

Amazon Fire TV (Gen 1) 1080x1920

Ouya 720x1280

Ouya 1080x1920

iPhone4S 640x960

iPhone5 640x1136

iPhoneotilde 750x1334

iPhoneotilde Plus 1080x1920

iPad Air 1536x2048

iPad Pro 2048x2732

iPad mini 768x1024

Apple TV 1080x1920

HTC Windows Phone 8S 480x800

Nokia Lumia 920 768x1280

Samsung ATIV S 720x1280

Borderless

Custom Device

FIGURA 31 - Dispositivos Mobiles Corona SDK (Fonte Do Autor)

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 63: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

61

O que a simulaccedilatildeo mostrar seraacute exatamente o que o aplicativo apresentaraacute quando

rodar A compilaccedilatildeo para qualquer destas plataformas eacute simples bastando no menu do

simulador solicitar a compilaccedilatildeo para a plataforma em questatildeo o que eacute denominado de build

FIGURA 32 - Build Aplicaccedilatildeo Corona SDK (Fonte Do Autor)

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 64: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

62

6 CONCLUSAtildeO E RELEVAcircNCIA

Conforme jaacute apresentado conteuacutedos voltados ao ensino para competir e dividir

atenccedilatildeo com os nativos efetivamente digitais (os que jaacute nasceram tendo como primeira babaacute

um tablet) devem possuir os mesmos recursos com que o aluno estaacute acostumado a utilizar no

cotidiano sem obrigaacute-lo a adotar novas (ou antigas) abstraccedilotildees alieniacutegenas ao mesmo

Segundo Mayer (2001) e os MCE (Mapas de Conhecimento Estruturado) em

aplicaccedilotildees multimiacutedias normalmente fazem-se uso de recursos que utilizam mais de um

sentido de percepccedilatildeo ao mesmo tempo como visatildeo e audiccedilatildeo gerando sobrecarga cognitiva

que pode levar a um desfoque uma perda da informaccedilatildeo que se deseja transmitir jaacute que o

ceacuterebro captura 70 da informaccedilatildeo pela visatildeo e 15 pela audiccedilatildeo (o restante pelos outros

sentidos quando utilizados) Como o ceacuterebro natildeo eacute multitarefa um sentido concorre com o

outro na aquisiccedilatildeo e desta forma os dois satildeo prejudicados natildeo capturando totalmente nem

uma nem outra informaccedilatildeo Uma teacutecnica para melhorar seria que o aacuteudio e a imagem

retratassem a mesma coisa mas como nem sempre (ou quase nunca) acontece eacute melhor

evitar Este trabalho visou eliminar esta concorrecircncia de informaccedilotildees uma sobrecarga em

que o educador pode impor ou privilegiar o uso de um uacutenico e mais adequado sentido na

aquisiccedilatildeo da informaccedilatildeo desejada

Observa-se portanto que cada vez mais a mobilidade vem tomando espaccedilo em todo

o mundo assim como nos processos de aprendizagem Os aprendizes principalmente os

nativos efetivamente digitais (ateacute 26 anos de idade) utilizam o celular para todas as tarefas

relacionadas a conhecimento e relacionamentos (redes sociais) transcendendo para comeacutercio

e ateacute transaccedilotildees financeiras Assim o acesso a cursos principalmente virtuais bem como em

tarefas e distribuiccedilatildeo de conteuacutedo de cursos presenciais vecircm sendo realizados de forma

mobile o que se denomina de m-Learning

Este trabalho acrescenta a este estado da arte a possibilidade de que natildeo apenas se

acesse uma autoria mas que se possa implementaacute-la e efetivaacute-la atraveacutes do celular ou tablet

A independecircncia de se ter um computador com acesso agrave nuvem (o que implica em se ter um

sinal com largura de banda ou velocidade adequada) resulta numa maior autonomia tanto ao

conteudista quanto ao gerador de materiais de estudo e de apoio

Para tanto a construccedilatildeo do motor gerador do aplicativo de autoria seguiu os

fundamentos de se evitar sobrecarga cognitiva de inserir a degradaccedilatildeo cognitiva (evitar que

informaccedilotildees indesejadas ganhem foco no processo de aprendizagem) provocando e evocando

uma melhor participaccedilatildeo do aprendiz com um foco centrado em um sentido de cada vez o

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 65: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

63

que maximiza o aprendizado conforme orienta e comprova ao MCE (Mapas de

Conhecimento Estruturado) Enfim os resultados obtidos comprovam e cumprem os objetivos

traccedilados para este trabalho

61 Trabalhos futuros

Este trabalho com a geraccedilatildeo de uma biblioteca com um motor de efetivaccedilatildeo

eficiente para conteuacutedo multimiacutedia abre tambeacutem espaccedilo e potencialidade para que outros

profissionais possam gerar Montadores de Autoria personalizados sem perder o foco de se

degradar o indesejado (reduzindo os chunks de informaccedilatildeo) e dar foco no que se deseja

transmitir de conhecimento evitando a sobrecarga cognitiva

Assim o foco principal dos trabalhos futuros se daacute no desenvolvimento de

Montadores de Autoria personalizados e adaptados a diversas aacutereas do domiacutenio do

conhecimento natildeo soacute o cognitivo sempre tendo em mente em tambeacutem fazer um espelho na

nuvem do conteuacutedo gerado Desta forma os educadores poderatildeo alterar os conteuacutedos dos

aplicativos agrave distacircncia atualizando o conteuacutedo jaacute gerado eliminando e acrescentando novos

itens tornando a autoria mais dinacircmica e adaptativa

Foi proposto e evidenciado atraveacutes dos estudos citados que poupando sobrecarga

cognitiva multimiacutedia (como as pessoas tendem a abusar dos recursos) atraveacutes do montador de

autoria com a representaccedilatildeo na introduccedilatildeo desta dissertaccedilatildeo ou seja buscando a degradaccedilatildeo

cognitiva focando em uma accedilatildeo de cada vez reduz-se o nuacutemero de chunks de informaccedilotildees

promovendo uma coesatildeo e coerecircncia na transmissatildeo do conhecimento conforme proposto nos MCE

O motor implementado neste trabalho conclui-se eacute totalmente aderente ao processo

bioloacutegico ao aprendizado (STRAYER et al 2013) e aos anseios do conteudista na geraccedilatildeo de

material principalmente para os nativos efetivamente digitais

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 66: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

64

REFEREcircNCIAS

ALMEIDA M E B de Educaccedilatildeo agrave distacircncia na internet abordagens e contribuiccedilotildees dos ambientes digitais de aprendizagem Educaccedilatildeo e Pesquisa Satildeo Paulo v 29 n 2 p 327-340 dez 2003 Disponiacutevel em lthttpdxdoiorg101590S1517-97022003000200010gt Acesso em 25 jan 2017

AMAZON Amazon Get to Know Us Disponiacutevel em lthttpswwwamazoncomgt Acesso em 30 jun 2016

ANDRADE et al REMD Mobile repositoacuterio de materiais digitais moacutevel adaptado ao estilo de aprendizagem do aluno Revista Interdisciplinar de Ensino Pesquisa e Extensatildeo v 1 n 1 p 68-80 2013 Disponiacutevel em lthttprevistaeletronicaunicruzedubrindexphpeletronicaarticledownload68-80pdfgt Acesso em 12 set 2016

ARAUacuteJO JUacuteNIOR et al Quatildeo distantes estatildeo as metodologias emergentes centradas na geraccedilatildeo y em relaccedilatildeo aos nativos efetivamente digitais reflexes e apontamento de soluccedilotildees sob a oacutetica da estrateacutegia de evoluccedilatildeo adaptativa In V CONGRESSO BRASILEIRO DE INFORMAacuteTICA NA EDUCACcedilAtildeO 2016 Anais do XXII Workshop de Informaacutetica na Escola 2016 p 973-977

CORONASDK Corona documentation Disponiacutevel em lthttpsdocscoronalabscomgt Acesso em 11 jun 2016

COWAN N The magical number 4 in short-term memory a reconsideration of mental storage capacity Behavioral and Brain Sciences v 24 n 1 p 87-185 2000 Disponiacutevel em lt http memorypsychmissouriedudocarticles200 1Cowan20BBS20200 1 pdfgt Acesso em 05 jun 2016

DIAS D C COSTA N S LIMA L V Projeto e implementaccedilatildeo de recursos didaacuteticos multimiacutedia interativos para melhoria do ensino de disciplinas de engenharia de computaccedilatildeoIn ICECE2009 INTERNATIONAL CONFERENCE ON ENGINEERING AND COMPUTER EDUCATION 2009 Buenos Aires Educanting Engineers for Innovation Rio de Janeiro COPEC 2009 v 1 p 84-89

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 67: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

65

FERREIRA D C M et al Mapas de conhecimento estruturado proposta de uma nova abordagem metodoloacutegica de ensino e aprendizagem Revista Educere et Educare Cascavel v 9 n especial p 505-514 juldez 2014

HECKE C Segundo Ibope brasileiro passa 1h24 por dia usando smartphone abr 2013 Disponiacutevel em lthttpswwwtecmundocombrmercado3 8863-segundo-ibope-brasileiro- passa-1h24-por-dia-usando-smartphonehtmgt Acesso em 25 ago 2016

INNSBRUCK T H Micro learning and narration exploring possibilities of utilization ofnarrations and storytelling for the designing of ldquomicro unitsrdquo and didactical micro-learningarrangements Research Gate p 1-13 may 2005 Disponiacutevel emlthttpswwwresearchgatenetpublication237558117gt Acesso em 12 fev 2017

JOHNSON C Thinking Differently About Mobile Learning Association for TalentDevelopment USA sept 2008 Disponiacutevel emlthttpswwwtdorgPublicationsNewslettersLearning-CircuitsLearning-Circuits- Archives200809Thinking-Differently-About-Mobile-Learninggt Acesso em 21 set 2016

JOHNSON C LOMAS C Design of the learning space learning and design principles Educause Review Arizona v 40 n 4 p 16-28 julyaug 2005 Disponiacutevel em lthttpereducauseedu~mediafilesarticle-downloadserm0540pdfgt Acesso em 26 jan 2017

KIRCOVE B Android iOS ou Windows Phone qual eacute o melhor sistema para smartphones abr 2013 Disponiacutevel em lthttpwwwtechtudocombrartigosnoticia201304android-ios-ou-windows-phone-qual-e-o- melhor-sistema-para-smartphoneshtmlgt Acesso em 05 dez 2016

KOOLE M L A model for framing mobile learning Research Gate p 25-47 mar 2009 Disponiacutevel em lthttpswwwresearchgatenetpublication252714629gt Acesso em 12 fev2017

KUKULSKA-HULME A SHARPLES M Mobile and contextual learning ALT-J Research in Learning Technology v 17 n 3 p 159-160 nov 2009

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 68: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

66

LEMOS A Dispositivos de leitura eletrocircnicos Comunicaccedilatildeo Miacutedia e Consumo Satildeo Paulo v 9 n 24 p 115-131 maio 2012 Disponiacutevel em lt httprevistacmcespmbrindexphprevistacmcarticleview239234gt Acesso em 21 mar2017

LEVY P O que eacute o virtual Satildeo Paulo Editora 34 1996 160 p

MAYER R Multimedia learning Cambridge Cambridge University Press 2001 210 p

MEDINA J Brain rules 12 principles for surviving and thriving at work home and school Pear Press 2009 320 p

MEDINA N O FREITAS FILHO P J Desenvolvimento do pensamento criacutetico na escrita colaborativa Revista Renote Novas Tecnologias na Educaccedilatildeo v 2 n 2 p 1-11 2004 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticleviewFile1378915701gt Acesso em 06 set 2016

MESQUITA I C A CONDE M G A evoluccedilatildeo graacutefica do livro e o surgimento dos eshybooks In X CONGRESSO DE CIEcircNCIAS DA COMUNICACcedilAO NA REGIAtildeONORDESTE 2008 Satildeo Luiacutes Intercom - Sociedade Brasileira de Estudos Interdisciplinares da Comunicaccedilatildeo 2008 p 1-6

MILLER G The magical number seven plus or minus two some limits on our capacity for processing information Psychological Review v 101 n 2 p 81-97 1956 Disponiacutevel em lthttpwwwpsychutoronto causerspetersonpsy430s2001Miller20GA20Magical20S even20Psych20Review201955 pdfgt Acesso em 03 mar 2017

NUNES M P GIRAFFA L M M A Educaccedilatildeo na Ecologia Digital PPGCCFACIN PUCRS 2003

OLIVEIRA S I Por que adotar mobile learning para treinamento out 2016 Disponiacutevel em lthttpwwwproxximacombrhomeproxximahow-to20161028por-que-adotar-mobile-learning-para-treinamentohtmlgt Acesso em 25 nov 2016

OCKHAM G de Loacutegica dos Termos Porto Alegre EDIPUCRS 1999

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 69: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

67

PAAS F RENKL A SWELLER J Cognitive load theory a special issue of educationalpsychologist Lawrence Erlbaum Associates Incorporated 2003 76 p

PHONEGAP Create your app with PhoneGap Disponiacutevel em lt httpsphonegapcom gt Acesso em 11 jun 2016

RAZ A FAN J POSNER M I Hypnotic suggestion reduces conflict in the human brain Proceedings of the National Academy of Sciences United States of America v 102 n 28 p 9978-9983 2005

RUGGIERO W V et al TIDIA Ae An Electronic Learning System In 3RD INTERNATIONAL SYMPOSIUM IN DIGITAL LIBRARY 2005 Satildeo Paulo Proceedings of the 3rd International Symposium in Digital Library Satildeo Paulo ISTECIEEE v 1 2005

SAMBATECH Materiais Gratuitos Bee Smart Disponiacutevel em lthttpsambatechcombee-smartgt Acesso em 05 dez 2016

SANTOS L M A TAROUCO L M R A importacircncia do estudo da teoria da carga cognitiva em uma educaccedilatildeo tecnoloacutegica Revista Renote Novas Tecnologias na Educaccedilatildeo v 5 n 1 p 1-9 jul 2007 Disponiacutevel em lthttpwwwseerufrgsbrrenotearticledownload141458082gt Acesso em 15 fev 2017

STRAYER D L et al Measuring Cognitive Distraction in the Automobile II Assessing InshyVehicle Voice-Based Interactive Technologies AAA Foundation for Traffic Safety Washington p 1-52 2013

TELECO INTELIGEcircNCIA EM TELECOMUNICACcedilOtildeES Estatiacutesticas de celulares no Brasil Disponiacutevel em lthttpwwwtelecocombrncelaspgt Acesso em 08 abr 2016

WAYCOTT J HULME A Students experiences with PDAs for reading course materials Personal and Ubiquitous Computing v 7 n 1 p 30-43 2003

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016

Page 70: UNIVERSIDADE UBERLÂNDIA NÚCLEO DE INTELIGÊNCIA … · desenvolvimento de software (SDK - Software Development Kit) conhecida como Corona SDK. Como será abordado mais a frente,

68

XAMARIN Xamarin Deliver native Android iOS and Windows apps using existing skills teams and code Disponiacutevel em lt httpswwwxamarincomgt Acesso em 11 jun 2016

XAVIER A C Letramento digital impactos das tecnologias na aprendizagem da Geraccedilatildeo Y Calidoscoacutepio v 9 n 1 p 3-14 janabr 2011 Disponiacutevel emlt httprevistasunisinosbrindexphpcalidoscopioarticleview748149gt Acesso em 12 dez 2016