ETEC JORNALISTA ROBERTO MARINHO TÉCNICO EM MULTIMÍDIA
Ingrid Matos José Welisson Paulo Vieira
São Paulo 2012
ETEC JORNALISTA ROBERTO MARINHO TÉCNICO EM MULTIMÍDIA
Ingrid Matos José Welisson Paulo Vieira
Relatório parcial do Trabalho de Conclusão de Curso apresentado em cumprimento parcial às exigências do curso de Técnico em Multimídia, ministrada na Etec Jornalista Roberto Marinho. Prof. Técnico: Fábio Gomes Prof. Orientador: César Sartotelli e Íris Mendes
São Paulo 2012
REVISÃO DE PESQUISA Recebemos a pesquisa inicial corrigida pela professora Íris e atualizamos poucas informações. Para o desenvolvimento do aplicativo consideramos essa parte encerrada.
ANÁLISES Visitamos alguns sites e-learnings como o click ideia e o rede do saber (bienal de artes), esse último que mais deu base para a nossa criação. Também pesquisamos o aplicativo CCAA (da escola de idiomas), que é bem semelhante ao que pretendemos fazer com o TecApp, mas nas visitas técnicas feitas em unidades da instituição, nenhuma delas tinha um tablet para demonstração do produto. Da mesma forma, a análise do m-learning da Wizard WizClass não foi feita por amostragem, somente por releases na imprensa e no site da escola de idiomas.
ENTREVISTAS Uma das principais atividades marcadas para a pesquisa foi a entrevista com o professor Sérgio Hitomi, especialista em aplicativos Android. A Etec pediu que o encontro fosse marcado para outros grupos que também trabalham com o aplicativo, mas por motivos de agenda, a escola ainda não promoveu o encontro com ele. Todo o trabalho foi adiado e, assim que realizado, adaptaremos o trabalho às observações do profissional.
SOBRE O APLICATIVO O aplicativo para o aluno Sua navegabilidade é projetada para ser totalmente intuitiva para facilitar o acesso ao conteúdo envidado pelos professores. A base é toda sequencial, passando pelos menus principais até os assuntos de cada componente curricular, mas para facilitar esse acesso uma página de notificações pode ser acessada pelo menu principal e assim seguir direto para os novos conteúdos.
Além disso, sempre que o professor permitir o aluno poderá fazer comentários nos conteúdos postados, uma forma a mais de interagir, tirar dúvidas e dividir informações com os colegas de classe. Cada aluno poderá acessar somente os compontentes do seu curso, identificado pelo nome e ano/semestre de início de sua turma. Em seu primeiro acesso ele cadastra uma senha de acesso usando sua matrícula como login, e os dados são enviados aos desenvolvedores que, junto à secretaria escolar, liberam o conteúdo disponível a ele.
O aplicativo para o professor e equipe técnica Para o professor e equipe técnica (formada por coordenador de área e assistentes dedicados ao aplicativo) duas situações distintas são previstas: a da geração de conteúdo e a do manuseio. No primeiro caso, todo semestre a equipe de desenvolvedores implantará o sistema treinando a equipe técnica e professores sobre seu funcionamento, do conteúdo a ser postado e de como usar a ferramenta, além de disponibilizar um tutorial a respeito. Essa mesma equipe ficará responsável pelo treinamento dos possíveis novos usuários. Nesse treinamento ele recebe o seu login de acesso, que já virá previamente autorizado e não precisará da confirmação da escola. Esse mesmo login será utilizado no software de computador, por onde o professor criará o conteúdo que será visualizado pelo aluno, bem como monitorará os comentários dos alunos sobre seus assuntos. Sobre o monitoramento, o professor poderá criar e excluir conteúdos e comentários pelo software somente nos componentes que é responsável. A equipe técnica, diferente disso, terá acesso a todos os cursos, mas sem autorização para essa interferência no conteúdo, somente acessoria e suporte. Já no aplicativo do celular, o professor e equipe técnica poderão acessar todos os componentes como os alunos, e somente para eles aparecerá um menu alternativo antes do menu principal onde estará listado os cursos e o ano/semestre de início da turma. Depois dessa escolha, a navegabilidade é a mesma do aluno.
O conteúdo dos assuntos O objetivo é que o conteúdo publicado seja o mais completo e interativo possível, dispondo de tudo o que for possível dentro do universo multimidiático. O
sistema estará preparado para colocar notas no meio do texto principal, galeria de imagens e vídeos. Também é possível adicionar links externos ao conteúdo, mas deve-se pensar no caso dos usuários sem assinatura de rede 3G, que provavelmente só acessarão a internet por wifi. Uma possibilidade de inspiração é o resumo de aula que alguns professores preparam para ministrar suas aulas, além de livros e texto-base de sua preferência. E na hora de postar ele pode recorrer ao time de administradores da escola que monitorarão o aplicativo caso não possam subir o material.
Atualização Com um sistema consolidado e um servidor estável é possível fazer a atualização diretamente pelo Google Play. Com isso, basta orientar os alunos a aderirem em seus aparelhos a atualização automática que, sempre que houver adição ou atualização de conteúdos, ele será notificado.
Manutenção do aplicativo Um ponto imprescindível para a manutenção dos aplicativos é a formação de uma equipe técnica dentro da escola, ligada diretamente à equipe pedagógica da unidade, que ficará responsável pelo funcionamento do sistema no servidor, das atualizações, do monitoramento do conteúdo e comentário dos alunos, além do suporte e atendimento aos usuários. A equipe técnica deve ter em sua composição um coordenador de área com conhecimento e formação técnica na área de informática pertinentes ao aplicativo e ao sistema, além de assistentes que podem ser estágiários da unidade escolar, treinados e capacitados pelo responsável para o monitoramento do sistema, além do atendimento e suporte aos professores e usuários.
Forma de Acesso O aplicativo a principio será desenvolvido apenas para smartphones com sistema operacional Android, da Google. A forma de programação dele fica a parte dos desenvolvedores do sistema, bem como seu desenvolvimento para o IOS da Apple e tablets.
Pensando nos alunos que não tenham smartphones Android, é necessário ver também com os desenvolvedores uma chance de utilizar os emuladores de Android disponíveis para computadores de diversos sistemas operacionais. Para esses já é fato que esses usuários não terão a mesma experiência dos usuários que utilizarem smartphones.
FLUXOGRAMA DO APLICATIVO
LOGO PÁGINA DE CARREGAMENTO
TELA DE ACESSO (LOGIN/SENHA)
CADASTRO
CONFIRMAR PERGUNTA CHAVE E E-MAIL
MENSAGEM AGUARDAR LIBERAÇÃO DE ACESSO
MENSAGEM CONFERIR SENHA NO E-MAIL
MENU LISTA DE SEMESTRE
LISTA DE NOTIFICAÇÕES
MENU COMPONENTES E HORÁRIO
LISTA DE ASSUNTOS
CONTEÚDO DO ASSUNTO
COMENTÁRIOS DO ASSUNTO
HORÁRIO DE AULAS
IDENTIDADE VISUAL Primeiramente trabalhamos com as cores vermelho e laranja, partindo do princípio que era um aplicativo da Etec Jornalista Roberto Marinho. Depois de várias orientações fomos aconselhados a abandonar essas cores devido à associação com o ramo alimentício, e pensar em cores mais neutras e sérias como o azul e o verde. Pesquisamos várias referências com relação à tipografia e formas usadas em vários logos, além de ícones de aplicativos no Google Play, e chegamos às cores e formas existente hoje. As cores base são o verde e o laranja por causa do nosso gosto. As formas têm bordas arredondadas e os ícones trazem um certo balonismo, descontraindo o ambiente de aprendizagem buscando deixá-lo mais agradável. A fonte usada no aplicativo é o Droid Sams, fonte padrão dos celulares Android na sua versão Gingebread (2.3).
LOGO O nome "TecApp" veio da junção de "técnico" com "aplicativo", vendo que ele será emplantado, inicialmente nos cursos técnicos. Ele vem logo abaixo do logo para dar uma base, para que as setas não fiquem voando no ar, e foi o primeiro a ser definido no processo de criação. O primeiro logo feito para o aplicativo trazia quatro janelas com forma de balão de conversa, que juntas, formavam uma trama de rede, referência ao que o TecApp promove, uma rede de informações pelo celular. Houve outras versões usando essa forma, mas todas foram abandonadas devido à semelhança com o logo da Microsoft e do portal R7.com. Uma versão foi feita brincando com a tipografia, e dando a ideia do deslizar de dedos formando um T a frente de um celular nasceu o novo logo. A ideia era boa, mas a imagem precisava de algumas correções que não conseguimos fazer, e com a nova identidade visual, optou-se por um novo logo mantendo o TecApp dessa versão.
Segunda versão do logo do aplicativo
Agora, a versão aprovada vem com forma de duas setas, fazendo lembrar do icone de "ir para frente" de players de áudio e vídeo, sendo associado a continuidade do estudo, ir além no aprendizado, o futuro almejado pelo estudante ao ingressar em um curso profissional. A parte "TEC" com uma fonte mais quadrada e caixa alta dá estabilidade e segurança referente aos cursos contemplados pelo aplicativo nesse piloto, e o "App" vem com fonte fina e itálica, dando movimento e leveza ao nome. Como cor predominante na identidade visual e represenado no “TEC”, o verde vem reforçando o valor da forma quadrada, fixando bem a estabilidade sem tirar o movimento da marca. O amarelo aplicado no ícone e nos detalhes do aplicativo traz o conceito de movimento com a utilização do degradê, um aspecto jovem e expansivo e alegre para a marca e identidade adotadas.
Evolução do logo escolhido para o aplicativo
Logo escolhido para o aplicativo
LAYOUT DO APLICATIVO Usamos como referência aplicativos muito conhecidos como Foursquare, Gmail e Twitter, além de imagens de projetos e outras referências com relação a design de aplicativos para smartphones.
Algumas imagens de referência
Primeiro design das telas do TecApp
Primeiro design das telas do TecApp
PROXIMOS PASSOS Nesse momento estamos desenvolvendo os textos que irão para o site e folder, peças obrigatórias nos componentes do terceiro módulo do curso. Mais pra frente planejaremos o vídeo que irá para o site, que contemplará a outra peça origatória que é a animação. O aperfeiçoamento do layout continua, e ao mesmo tempo segue a pesquisa para a simulação desse aplicativo nos smartphones da equipe.