Colocado por Enio de Aragón em
abril 9, 2010
Educaplay – criação e uso de multimÃdias
Educaplay é uma plataforma para a criação e uso de atividades educativas em multimÃdia, conforme as necessidades do professor. São disponibilizadas ferramentas para a criação de palavras cruzadas, diálogos, ditado, preenchimento de lacunas, ordenação de letras e palavras, multipla escolha, correspondência de colunas, caça palavras e avaliações. O professor pode também utilizar a galeria de atividades, porém em inglês, francês ou espanhol. O processo de criação é muito simles, bastando seguir o passo a passo. È gerado um arquivo em Flash que pode facilmente ser incorporado em outros sites ou plataformas de e-learning ou compartilhado em blogs e outros sites.
- @educaplay (twitter)
Colocado por Enio de Aragón em
março 25, 2010
O Sorriso do Gato – releitura dos Mundos de Alice
O Sorriso do Gato é o site de uma loja infantil que, com atividades divertidas e lúdicas, nos levam a uma mágica imersão no mundo de Alice no PaÃs das Maravilhas. Ambientado no conto de Lewis Carroll, são abertos diversos mundos abertos à exploração. Em cada mundo são instigados pela curiosidade a ajudar os personagens em alguma tarefa. São jogos interativos e narrativas dubladas para facilitar a compreensão das crianças que, concluÃdos, permite a passagem a outros mundos e receber recompensas como o download de wallpapers.
- The original Alice is now online (hyperorg.com)
- Alice in Wonderland (BBC) (popsyndicate.com)
- In So Many Wonderlands (online.wsj.com)
Colocado por Enio de Aragón em
fevereiro 19, 2010
iPad – mudando a maneira de desenhar websites
O iPad vem recebendo inúmeras crÃticas. Enquanto geeks o olham com certo desprezo por ser apenas o que se esperava, o mercado editorial o tem visto como a verdadeira salvação. O fato é que, mais cedo ou mais tarde, teremos que fazer webdesign considerando esse tipo de dispositivo móvel. Para tanto temos que nos ater a alguns pontos fundamentais. O primeiro deles é o fato de podermos visualizar a tela tanto no formato retrato quanto paisagem, ou seja, teremos obrigatoriamente que usar um design fluido inteligente na largura ou, Smart Fluid Width Design. Uma combinação de CSS e Javascript pode melhorar em muito a experiência do usuário. Em alguns casos essa pode não ser a melhor solução e tenhamos que partir para a utilização de vários estilos de CSS para diferentes configurações e dispositivos ou, o chamado adaptive CSS. Em outra situação, poderemos partir para um conteúdo que se adapta à resolução da tela. Uma coisa, entretanto, nos parece certa. O website não precisa aparecer da mesma maneira em todas as plataformas. Para alguns, a solução vertical será mais indicada enquanto, para outros, em que se deseje uma melhor visualização horizontal, usar o tablet em landscape vai ser mais agradável. A mesma solução de não dobrar (no fold) utilizada no iPhone, deverá ser transferida para os novos dispositivos. Não podemos também esquecer que o principal método de interação do usuário serão seus dedos. Logo os links terão que ser repensados e redimensionados. Os atuais efeitos de mouse over desenhados para dispositivos de apontar ou mesmo, links em textos, acabarão se tornando obstáculos para a experiência do usuário. Outro paradigma, é a não utilização do Flash mas, com a Google adotando abertamente o HTML5 para o Youtube , nos parece claro o caminho a ser trilhado. Designers precisam entender essa mudança e dedicar esforços no aprendizado do HTML5 porque, parece que a coisa vai rolar por aÃ. Aspectos de tipografia e webkit também precisam ser avaliados e testados.
Recursos Relacionados
- Fixed vs. Fluid vs. Elastic Layout: What’s The Right For You (smashing magazine)
- Adaptive CSS Layouts: New Era in Fluid Layouts (smashing magazine)
- Progressive Enhancement with CSS (a list apart)
- iPad: A Saviour for Web Design, Too! (fast company)
- Life Below 600 Pixels (iampaddy)
- Can Flash Be Saved? (scoblazer)
- Apple’s iPad – a Broken Link (adobe blog)
- Designing Websites for the iPad (domainmacher.com)
- Adobe defends Flash against HTML assault (news.cnet.com)
- Use CSS Media Queries to target the iPhone. (creativetechs.com)
- What I Want in a Tablet (mikebrittain.com)
Colocado por Enio de Aragón em
novembro 6, 2009
DigitalChalk – treinamentos e tutoriais online
DigitalChalk é um sistema de aprendizado online que permite a distribuição de cursos e treinamentos em multimÃdia. Uma ferramenta de vÃdeo integrada ao sistema disponibiliza um estúdio para a gravação de vÃdeos como também a sincronização de vÃdeos, imagens e páginas web no browser. Dessa maneira, o usuário pode subir arquivos de vÃdeo ou áudio no editor do Chalkboard, mesclando com slides, HTML e imagens. Uma line do tempo muito fácil de usar facilita a sincronização e edição dos materiais que comporão a aula ou treinamento. Os vÃdeos são distribuÃdos em streaming Flash e os arquivos PowerPoint em imagens que são facilmente mostrados.
[ratings]
Artigos Relacionados
- Authoring Tools (slideshare.net)
- Free Video Editing Tools: Guide To The Best Software And Web-Based Services (masternewmedia.org)
- Info: The Complete Guide to Video Blogging (blogperfume.com)
- ReelDirector Brings Video Stitching and Effects to iPhone [IPhone] (gizmodo.com)
Colocado por Enio de Aragón em
outubro 20, 2009
FluidHTML – conteúdos em Flash gerados dinamicamente
FluidHTML é uma nova linguagem de marcação (markup language) que expande em muito a utilização de conteúdos ricos (rich internet applications) na internet. Aplicativos ricos vem sendo cada vez mais utilizados na web porém, as linguagens são difÃceis de aprender e não são indexáveis nos mecanismos de busca. Com FluidHTML permite, por exemplo, criar dinamicamente conteúdos em Flash, só utilizando texto. Pode-se criar praticamente quaquer coisa como sites animados, anúncios, mÃdia players, animações em 3D, etc. Um intérprete lê as instruções do markup e envia as instruções para o plugin do Flash. Veja um exemplo de um tocador de mÃdia. O produto é um dos finalistas do Techcrunch50. FAQ’s.
[ratings]
- TC50: FluidHtml builds a more web-friendly version of Flash (games.venturebeat.com)
- FluidHTML seeks to bridge Web programming divide (news.cnet.com)
- FluidHTML seeks to bridge Web programming divide (news.cnet.com)
- SEO For A Flash Website (mt-soft.com.ar)
- Flash app development extended to HTML users (infoworld.com)
Colocado por Enio de Aragón em
setembro 23, 2009
SnackTools – aplicativos web criativos
SnackTools oferece uma suÃte de aplicativos web que visam facilitar a criação e gerenciamento de conteúdos para internet. São dois os aplicativos. O BannerSnack produz, de maneira muito fácil, banners animados em Flash, permitindo uma grande variedade de transições, efeitos, sons, fontes, entre outos, sem escrever uma linha sequer de código. Assista a um tour do BannerSnack. O PhotoSnack produz slideshows que, através de seus excelentes recursos, permite a criação de apresentações e portifólios com qualidade profissional. Veja como funciona o PhotoSnack. Ambos são muito intuitivos, totalmente customizáveis, com vários templates e gratuitos.
[ratings]
- SlideShowPro for LR adds pan, zoom (blogs.adobe.com)
- Adobe MAX Widget – Embed it on your blog now. (blogs.adobe.com)
Colocado por Enio de Aragón em
agosto 21, 2009
Wix – crianças fazendo seus websites
Wix é uma ferramenta para o desenvolvimento e hospedagem gratuita de sites de internet baseados em Flash. Permite a criação de sites com aparência profissional, com sons, animações, clipart, etc. A interface do painel de controle, apesar de bastante completa, é fácil e intuitiva, permitindo a edição de textos no local onde estão inseridos, arrastar os elementos, adicionar animações, imagens, textos, galeria de imagens, menus animados e criação de novas páginas. Pode-se criar o site a partir do zero ou escolher entre centenas de templates categorizados prontos que melhor atendam as necessidades. Pela facilidade de construção e edição, é recomendado para crianças criarem seus próprios sites.
[ratings]
Artigos relacionados:
- The Comprehensive Toolkit for Web Apps and Widgets (vccafe.com)
- 12 Companies Targeting Early Tech Adopters (readwriteweb.com)
Colocado por Enio de Aragón em
agosto 12, 2009
WatchKnow – vÃdeos educacionais categorizados e confiáveis
WatchKnow é um novo recurso desenvolvido por um dos criadores da Wikipedia, Larry Sanger. Destinado a educadores e estudantes, visa criar, de forma colaborativa, um diretório de vÃdeos educacionais categorizados de forma organizada, para que possam ser encontrados de maneira fácil e confiável. Qualquer um pode postar um vÃdeo educacional, incorporando o código do YouTube, Teacher’sTube, National Geographic VÃdeo, etc. ou uploading de sua máquina. Depois os vÃdeos são aprovados e categorizados de acordo com o assunto, nÃvel de escolaridade, e colocados na ordem em que os temas são normalmente ensinadas. Pode-se também colocar animações em Flash, jogos, slide shows e outros softwares. WatchKnow ainda incentiva a participação e a discussão sobre educação. O site é beta e promete novidades futuras.
[ratings]
Artigos relacionados:
- WatchKnow Brings Educational Vids (Plus Games & More) for Kids (readwriteweb.com)
- Impact of Digital Technology on Education (slideshare.net)
- Problems With YouTube in the Classroom (q-ontech.blogspot.com)
Colocado por Enio de Aragón em
agosto 5, 2009
QuickLessons – autoria para e-learning facilitada
QuickLessons é uma plataforma de criação e gerenciamento de conteúdos e-learning, onde pode-se criar treinamentos de maneira rápida e fácil. Funcionando online, pode-sedesenvolver os conteúdos de qualquer computador conectado à Internet, sem a necessidade de instalação de software ou conhecimentos de programação e design. Está disponÃvel em quatro versões básicas que diferem no númenro de usuários. O gerenciamento e atualização dos cursos e objetos é bastante facilitado e podem ser exportados em SCORM para publicação em LMS, na internet, em CD ou DVD.
[ratings]
Colocado por Enio de Aragón em
julho 28, 2009
Articulate – e-learning studio
Articulate disponibiliza uma série de produtos para a autoria, criação e produção rápida de conteúdos interativos voltados para e-learning. O Articulate Studio 09 reúne o Presenter, Engage e o Quizzmaker que podem também ser adquiridos separadamente. Existye também o VÃdeo Encoder para conversão de vÃdeos para o formato Flash. Com o Presenter pode-se incluir narrações em apresentações PowerPoint e converte-las para um tutorial em Flash. Com o Engage, adiciona-se interatividade nos tutoriais e com o Quizmaker cria-se quizzes, testes, avaliações e enquetes. Ótima ferramenta de autoria, utilizada em mais de 75 paÃses. Além disso existe uma ferramenta online para o acompanhamento e monitoramento de atividade, o Articulate online. Veja um exemplo de conteúdo.
[ratings]
Artigos relacionados:
- Adobe Unveils New Open Source Initiatives Targeted Towards Media Companies (techcrunch.com)
- Collaboration and Community (downes.ca)
- Giving Better Presentations (slideshare.net)
Colocado por Enio de Aragón em
julho 21, 2009
Content Generator – produzindo conteúdo em Flash
Content Generator permite a criação de quizzes, jogos e conteúdos em Flash para e-learning, através de software próprio, sem precisar saber codificar. O site disponibiliza também conteúdos prontos que podem ser modificados. Diversas formas de questões podem ser aplicadas como múltipla escolha, drag & drop, diagramas interativos, entre outros. Todos utilizam temas para agradar os alunos. Veja o showcase.
[ratings]



![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=31783980-4bb8-41a1-885c-10662cd46f8c)

![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=6b8c3d83-a0ee-4861-8ec9-f16d37921417)

![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=0e70f0ae-0f0f-488b-bb07-5becea7db7c7)

![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=e20f672c-b22b-4fe1-92b9-1b3385eaca7e)

![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=6183dcd3-3402-492e-9961-cedcbb24de72)

![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=8848e388-f529-403b-8eba-2b737c4e51aa)

![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=8413560e-7ba3-411f-9b86-684e733e70be)

![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=a233d38b-778b-47a0-9462-e58012bdf855)

![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=fcaebe85-7395-4ebb-8e5c-cd8a7d535aed)

![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=1cb34f8d-117f-4e22-81c6-bf45bcab1ad9)

![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=a8a10b7f-7f6e-465e-91e5-c1099fab7907)
