<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="Shortcut Icon" href="http://photos1.blogger.com/blogger/6605/369/320/imagex01.jpg"> <title>tempo de teia: SCRATCH - imaginar, programar, partilhar...</title> <script type="text/javascript">(function() { var a=window;function e(b){this.t={};this.tick=function(c,h,d){d=d?d:(new Date).getTime();this.t[c]=[d,h]};this.tick("start",null,b)}var f=new e;a.jstiming={Timer:e,load:f};try{a.jstiming.pt=a.gtbExternal&&a.gtbExternal.pageT()||a.external&&a.external.pageT}catch(g){};a.tickAboveFold=function(b){b=b;var c=0;if(b.offsetParent){do c+=b.offsetTop;while(b=b.offsetParent)}b=c;b<=750&&a.jstiming.load.tick("aft")};var i=false;function j(){if(!i){i=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",j,false):a.attachEvent("onscroll",j); })();</script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta name="generator" content="Blogger" /> <link rel="icon" type="image/vnd.microsoft.icon" href="http://www.blogger.com/favicon.ico"/> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/posts/default" /> <link rel="alternate" type="application/rss+xml" title="tempo de teia - RSS" href="http://tempodeteia.blogspot.com/feeds/posts/default?alt=rss" /> <link rel="service.post" type="application/atom+xml" title="tempo de teia - Atom" href="http://www.blogger.com/feeds/20688556/posts/default" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=20688556" /> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/7798751840379672649/comments/default" /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css"/> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=20688556&zx=b6694707-2f12-4a53-9092-800acd8dd202"/> <style type="text/css"> /* -- basic html elements -- */ body {padding: 0; margin: 0; font: 75% Helvetica, Arial, sans-serif; color: #000; text-align: center; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/cat_bg.jpg) bottom left no-repeat fixed; } a {color: #555252; font-weight: normal; text-decoration: none; } a:visited {color: #4e4444;} a:hover {color: #000;} h1 {margin: 0; color: #000; font-size: 1.5em; } h1 a {color: #7B8186;} h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #000; background: transparent url(http://photos1.blogger.com/blogger/6605/369/320/paw.gif) bottom right no-repeat; padding-bottom: 2px;border-bottom:thin dotted black; color:#000;} h3 {font-size: 1em; margin: 2em 0 0 0; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw_t.png) bottom left no-repeat; padding-left: 25px;padding-bottom: 1px;border-bottom:2px dashed #000;} h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;} h5 {color: #000;} h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;} p {margin: 0 0 1em 0;} img, form {border: 0; margin: 0;} /* -- layout -- */ #content {width: 738px; margin: 0 auto; text-align: left; } #header {} #header div {margin-left:50;margin-top:18px;width:450px;height:150px;} #main { line-height: 1.4; float: left; padding: 10px 25px; border-top: solid 0px #fff; width: 450px; /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */ voice-family: "\"}\""; voice-family: inherit; } /* IE5 hack */ #main {} #sidebar {margin-left: 533px; border-top: solid 0px #fff; padding: 4px 0 0 7px; width:190px;} #footer {clear: both; border-top: solid 0px #fff;} #pcent {font-weight: normal; text-decoration: none;} /* -- header style -- */ #header h1 {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} #header p {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} /* -- content area style -- */ #main {line-height: 1.4;} h3.post-title {font-size: 1.2em; margin-bottom: 0;} h3.post-title a {color: #000;} .post {clear: both; margin-bottom: 4em;} .post-footer em {color: #000; font-style: normal; float: left;} .post-footer .comment-link {float: right;} #main img {border: solid 0px #E3E4E4; padding: 2px; background: #fff;} .deleted-comment {font-style:italic;color:gray;} /* -- sidebar style -- */ #sidebar #description {border: solid 0px #F3B89D; padding: 10px 17px; color: #000; font-size: 1.2em; font-weight: normal; line-height: 0.9; margin: 0 0 0 -6px;width:190px;} #sidebar h2 {font-size: 1.0em; margin: 1.3em 0 0.5em 0;background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif) bottom right no-repeat; padding-bottom: 2px;} #sidebar dl {margin: 0 0 10px 0;} #sidebar ul {list-style: none; margin: 0; padding: 0;} #sidebar li {padding-bottom: 5px; line-height: 0.9;} #sidebar a {color: #555252; font-weight: normal; text-decoration: none;font-size: 0.9em; padding-left:15px; } #sidebar a:visited {color: #4e4444; padding-left:15px;} #sidebar a:hover {color:black; background:transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif); background-position:0 0; background-repeat:no-repeat; padding-left:15px; border-bottom:1px dotted #98B952 } .small{font-size: 0.8em;} #profile-container {color: #000;} #profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;} .archive-list {margin-bottom: 2em;} #powered-by {margin: 10px auto 20px auto;} /* -- sidebar style -- */ #footer p {margin: 0; padding: 12px 8px; font-size: 0.9em;} #footer hr {display: none;} </style> </head> <noembed> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="Shortcut Icon" href="http://photos1.blogger.com/blogger/6605/369/320/imagex01.jpg"> <title>tempo de teia: SCRATCH - imaginar, programar, partilhar...</title> <script type="text/javascript">(function() { var a=window;function e(b){this.t={};this.tick=function(c,h,d){d=d?d:(new Date).getTime();this.t[c]=[d,h]};this.tick("start",null,b)}var f=new e;a.jstiming={Timer:e,load:f};try{a.jstiming.pt=a.gtbExternal&&a.gtbExternal.pageT()||a.external&&a.external.pageT}catch(g){};a.tickAboveFold=function(b){b=b;var c=0;if(b.offsetParent){do c+=b.offsetTop;while(b=b.offsetParent)}b=c;b<=750&&a.jstiming.load.tick("aft")};var i=false;function j(){if(!i){i=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",j,false):a.attachEvent("onscroll",j); })();</script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta name="generator" content="Blogger" /> <link rel="icon" type="image/vnd.microsoft.icon" href="http://www.blogger.com/favicon.ico"/> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/posts/default" /> <link rel="alternate" type="application/rss+xml" title="tempo de teia - RSS" href="http://tempodeteia.blogspot.com/feeds/posts/default?alt=rss" /> <link rel="service.post" type="application/atom+xml" title="tempo de teia - Atom" href="http://www.blogger.com/feeds/20688556/posts/default" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=20688556" /> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/7798751840379672649/comments/default" /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css"/> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=20688556&zx=b6694707-2f12-4a53-9092-800acd8dd202"/> <style type="text/css"> /* -- basic html elements -- */ body {padding: 0; margin: 0; font: 75% Helvetica, Arial, sans-serif; color: #000; text-align: center; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/cat_bg.jpg) bottom left no-repeat fixed; } a {color: #555252; font-weight: normal; text-decoration: none; } a:visited {color: #4e4444;} a:hover {color: #000;} h1 {margin: 0; color: #000; font-size: 1.5em; } h1 a {color: #7B8186;} h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #000; background: transparent url(http://photos1.blogger.com/blogger/6605/369/320/paw.gif) bottom right no-repeat; padding-bottom: 2px;border-bottom:thin dotted black; color:#000;} h3 {font-size: 1em; margin: 2em 0 0 0; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw_t.png) bottom left no-repeat; padding-left: 25px;padding-bottom: 1px;border-bottom:2px dashed #000;} h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;} h5 {color: #000;} h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;} p {margin: 0 0 1em 0;} img, form {border: 0; margin: 0;} /* -- layout -- */ #content {width: 738px; margin: 0 auto; text-align: left; } #header {} #header div {margin-left:50;margin-top:18px;width:450px;height:150px;} #main { line-height: 1.4; float: left; padding: 10px 25px; border-top: solid 0px #fff; width: 450px; /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */ voice-family: "\"}\""; voice-family: inherit; } /* IE5 hack */ #main {} #sidebar {margin-left: 533px; border-top: solid 0px #fff; padding: 4px 0 0 7px; width:190px;} #footer {clear: both; border-top: solid 0px #fff;} #pcent {font-weight: normal; text-decoration: none;} /* -- header style -- */ #header h1 {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} #header p {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} /* -- content area style -- */ #main {line-height: 1.4;} h3.post-title {font-size: 1.2em; margin-bottom: 0;} h3.post-title a {color: #000;} .post {clear: both; margin-bottom: 4em;} .post-footer em {color: #000; font-style: normal; float: left;} .post-footer .comment-link {float: right;} #main img {border: solid 0px #E3E4E4; padding: 2px; background: #fff;} .deleted-comment {font-style:italic;color:gray;} /* -- sidebar style -- */ #sidebar #description {border: solid 0px #F3B89D; padding: 10px 17px; color: #000; font-size: 1.2em; font-weight: normal; line-height: 0.9; margin: 0 0 0 -6px;width:190px;} #sidebar h2 {font-size: 1.0em; margin: 1.3em 0 0.5em 0;background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif) bottom right no-repeat; padding-bottom: 2px;} #sidebar dl {margin: 0 0 10px 0;} #sidebar ul {list-style: none; margin: 0; padding: 0;} #sidebar li {padding-bottom: 5px; line-height: 0.9;} #sidebar a {color: #555252; font-weight: normal; text-decoration: none;font-size: 0.9em; padding-left:15px; } #sidebar a:visited {color: #4e4444; padding-left:15px;} #sidebar a:hover {color:black; background:transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif); background-position:0 0; background-repeat:no-repeat; padding-left:15px; border-bottom:1px dotted #98B952 } .small{font-size: 0.8em;} #profile-container {color: #000;} #profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;} .archive-list {margin-bottom: 2em;} #powered-by {margin: 10px auto 20px auto;} /* -- sidebar style -- */ #footer p {margin: 0; padding: 12px 8px; font-size: 0.9em;} #footer hr {display: none;} </style> </head> <noembed> <body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=20688556&amp;blogName=tempo+de+teia&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLACK&amp;layoutType=CLASSIC&amp;searchRoot=http%3A%2F%2Ftempodeteia.blogspot.com%2Fsearch&amp;blogLocale=pt_PT&amp;homepageUrl=http%3A%2F%2Ftempodeteia.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> <div></div>

Sexta-feira, Julho 20, 2007

SCRATCH - imaginar, programar, partilhar...


"Equipa do MIT cria linguagem visual para ensinar os mais novos a fazer os seus próprios jogos, animações e música..."
.
"(...) O Scratch foi pensado como uma linguagem visual, no espírito dos blocos Lego, misturando som, vídeo e imagens. Com o Scratch, queremos que as crianças sejam os criadores. Queremos que elas criem coisas interessantes e dinâmicas no computador, explicou um dos criadores (...). A aplicação funciona de modo extremamente intuitivo. A partir de uma galeria com sons e imagens, o utilizador pode criar o que quiser com o simples arrastar do rato do computador. (...)"
.
Há tempo no Público digital encontrei esta notícia/referência (feita num artigo de Nuno Sá Lourenço - Digital, 2 de Junho 07). Só agora consegui ir até ao site, fazer download gratuito do programa e tentar perceber as suas potencialidades. Parece-me "coisa" a explorar...



Admirável o facto de ser possível, através do menu (Linguagem), converter todos os comandos e instruções de programação para português. Mostra bem que o espírito visionário do MIT (e de Papert) não se perdeu, continuando apostados em chegar ao mundo inteiro...


"Scratch is an interpreted dynamic visual programming language based on and implemented in Squeak. Being dynamic, it lets code be changed even as programs are running. It has the goal of teaching programming concepts to teens and letting them create games, videos, and music. It can be downloaded for free and is being used in a wide variety of in-school and after-school settings around the world. (...) The website shows rapid growth of the Scratch community; from March 2007 to June 2008, over 119,000 accounts have registered, with over 148,000 projects uploaded. The rapidly growing international community has translated Scratch into several languages, with more in progress." wikipedia


http://scratch.mit.edu/ (página principal)


http://scratch.mit.edu/howto (como fazer... apoio à utilização)


http://scratch.mit.edu/files/ScratchGettingStarted.pdf (como começar - manual pequeno e acessível)




Há muito mais a descobrir... deixo-vos a sugestão e três vídeos que poderão ser esclarecedores...
(Existem outros tutoriais em vídeo...)











Etiquetas: , , ,

posted by 3za @ 2:30 PM Comments: 0