<?xml version='1.0' encoding='utf-8' ?>

<rss version='2.0' xmlns:lj='http://www.livejournal.org/rss/lj/1.0/'>
<channel>
  <title>ple</title>
  <lastBuildDate>Thu, 16 Feb 2012 14:10:23 GMT</lastBuildDate>
  <generator>LiveJournal / SAPO Campus Blogs</generator>
<item>
  <guid isPermaLink='true'>http://mundomac.blogs.ua.sapo.pt/25485.html</guid>
  <pubDate>Thu, 16 Feb 2012 14:10:23 GMT</pubDate>
  <title>Personal Learning Environment</title>
  <author>paulo-duarte</author>  <link>http://mundomac.blogs.ua.sapo.pt/25485.html</link>
  <description>&lt;p&gt; &lt;/p&gt;&lt;p&gt;Depois de uma discussão sobre jogos e avaliação no ensino propomos uma reflexão sobre a utilização das tecnologias (de um modo geral) na aprendizagem do aluno.&lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;p&gt;Este vídeo que vos trazemos é de uma aluna do 7º ano de escolaridade e parece-nos extremamente interessante a utilização que faz das tecnologias, no entanto deixa-nos algumas questões.&lt;/p&gt;&lt;p&gt;Em que medida a utilização das tecnologias influência as estruturas cognitivas das nossas crianças e jovens? Da vossa experiência e leituras, quais vos parecem ser as vantagens e/ou desvantagens da utilização destas ferramentas?&lt;/p&gt;&lt;p&gt;Por outro lado, quais as mudanças necessárias no papel do aluno em contextos de aprendizagem que envolvam a construção/dinamização de um PLE?&lt;/p&gt;&lt;p&gt; &lt;/p&gt;
&lt;object width=&quot;425&quot; height=&quot;350&quot;&gt;
    &lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/YEls3tq5wIY&quot;&gt;&lt;/param&gt;
    &lt;embed src=&quot;http://www.youtube.com/v/YEls3tq5wIY&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;425&quot; height=&quot;350&quot;   allowScriptAccess=&quot;never&quot;&gt;&lt;/embed&gt;
&lt;/object&gt;
    &lt;p&gt; &lt;/p&gt;</description>
</item>
<item>
  <guid isPermaLink='true'>http://sapocampus.blogs.ua.sapo.pt/16106.html</guid>
  <pubDate>Mon, 06 Feb 2012 17:10:08 GMT</pubDate>
  <title>“Sapo Campus: promoção da utilização de serviços da Web social em contexto educativo” </title>
  <author>saraalmeida-visit</author>  <link>http://sapocampus.blogs.ua.sapo.pt/16106.html</link>
  <description>&lt;p&gt;Está disponível, na última edição de 2011 da Revista Educação, Formação e Tecnologias (vol. 4, n.º 2), o artigo intitulado &amp;ldquo;&lt;i&gt;Sapo Campus: promoção da utilização de serviços da Web social em contexto educativo&lt;/i&gt;&amp;rdquo;.&lt;/p&gt;                   &lt;p class=&quot;MsoNormal&quot;&gt;Neste artigo é feita uma caraterização da plataforma Sapo Campus e são apresentados os resultados preliminares relativos à sua utilização. Estes resultados permitem-nos refletir sobre a necessidade de reforçar a dimensão social e comunicativa do Sapo Campus, através de ferramentas que permitam uma maior abertura, partilha e comunicação entre os seus membros.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;  &lt;p class=&quot;MsoNormal&quot;&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/p&gt;  &lt;p class=&quot;MsoNormal&quot;&gt;O artigo está disponível online, para aceder basta clicar &lt;a target=&quot;_blank&quot; href=&quot;http://eft.educom.pt/index.php/eft/article/view/257/147&quot;&gt;aqui&lt;/a&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;  &lt;p class=&quot;MsoNormal&quot;&gt;Boas partilhas! &lt;span style=&quot;font-family:Wingdings;mso-ascii-font-family:Cambria;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Cambria;mso-hansi-theme-font:minor-latin;mso-char-type:symbol;mso-symbol-font-family:Wingdings&quot;&gt;J&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;  </description>
</item>
<item>
  <guid isPermaLink='true'>http://napraia.blogs.ua.sapo.pt/95395.html</guid>
  <pubDate>Fri, 28 Oct 2011 22:23:21 GMT</pubDate>
  <title>The PLE Conference 2012 em Aveiro</title>
  <author>carlossantos</author>  <link>http://napraia.blogs.ua.sapo.pt/95395.html</link>
  <description>&lt;p&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://fotos.ua.sapo.pt/ANwfck9SzB0VrUr0vK1j&quot;&gt;&lt;img border=&quot;0&quot; style=&quot;border-color:black;&quot; alt=&quot;&quot; src=&quot;http://fotos.ua.sapo.pt/ANwfck9SzB0VrUr0vK1j/340x255&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Este ainda é o logo da The PLE Conference de 2011 que decorreu em Southampton. Mas a partir de hoje já é oficial, a edição de 2012 será em Aveiro.&lt;/p&gt;&lt;p&gt;Eu e o &lt;a target=&quot;_blank&quot; href=&quot;http://lpedro.campus.ua.sapo.pt/&quot;&gt;Luís&lt;/a&gt;, como temos tão pouco para fazer, decidimos ocupar o nosso tempo livre e abraçar este desafio de organizar uma nova edição desta conferência. :)&lt;/p&gt;&lt;p&gt;Os desafios são enormes porque o nível das edições anteriores foi muito elevado.&lt;/p&gt;&lt;p&gt;Vamos precisar de muita criatividade! Esperamos que muitos de vocês possam ajudar...&lt;/p&gt;</description>
</item>
<item>
  <guid isPermaLink='true'>http://lage.blogs.ua.sapo.pt/487.html</guid>
  <pubDate>Mon, 20 Jun 2011 15:07:45 GMT</pubDate>
  <title>PLE</title>
  <author>plage-visit</author>  <link>http://lage.blogs.ua.sapo.pt/487.html</link>
  <description>&lt;p&gt;Tenho interesse em perceber o porquê do sapo campus ser considerado um PLE?  &lt;/p&gt;&lt;p&gt;Se o sapo campus é um PLE, uma rede social no Ning não o será também?&lt;/p&gt;&lt;p&gt;Quais as características que definem o sapo.campus como sendo um PLE?&lt;/p&gt;</description>
</item>
<item>
  <guid isPermaLink='true'>http://fpais.blogs.ua.sapo.pt/2263.html</guid>
  <pubDate>Mon, 09 May 2011 20:51:13 GMT</pubDate>
  <title>Augmented classrooms</title>
  <author>fpais</author>  <link>http://fpais.blogs.ua.sapo.pt/2263.html</link>
  <description>&lt;p&gt;No livro &amp;quot;&lt;a href=&quot;http://umanitoba.ca/learning_technologies/cetl/HETL.pdf&quot; target=&quot;_blank&quot;&gt;Handbook of emerging technologies for learning&lt;/a&gt;&amp;quot;, Simens e Tittenberger, a certa altura  referem que o ensino com tecnologia pode ser enquadrado em três categorias: blended learning, online learning e augmenting classrooms. Se as duas primeiras não representaram novidade, já o mesmo não posso dizer relativamente à terceira- augmenting classrooms, pelo menos verbalizada de uma forma tão simples e tão directa. &lt;br /&gt;Trata-se disto mesmo! Principalmente no contexto do ensino não superior, onde a prevalência decorre num contexto presencial, as tecnologias permitem &amp;ldquo;aumentar&amp;rdquo; a sala de aula!&lt;br /&gt;Entendo este aumentar não só num espaço e num tempo, mas também numa dimensão de desenvolvimento de competências e num contexto de always learning.&lt;br /&gt;Tentando materializar este conceito na prática lectiva não faltam exemplos, que podem ser indexados à tecnologia usada:&lt;br /&gt;&amp;ldquo;aumentar&amp;rdquo;&amp;hellip;&lt;/p&gt;&lt;p&gt;&amp;gt; &amp;hellip; a reflexão dos alunos &lt;br /&gt;Blogs de alunos, onde façam a reflexão crítica das suas aprendizagens, criem e partilhem os seus conteúdos;&lt;br /&gt;&amp;gt;&amp;hellip; o trabalho colaborativo&lt;br /&gt;Wikis que acrescentam a dimensão colaborativa necessária para realizar um trabalho de grupo lançado pelo professor;&lt;br /&gt;&amp;gt; &amp;hellip; a partilha de recursos, seja de recursos que os alunos encontram na web seja de conteúdos que produzem.&lt;br /&gt;&amp;gt;&amp;hellip;&lt;/p&gt;&lt;p&gt;Não seria interessante que este &amp;ldquo;aumento&amp;rdquo; integrasse, de alguma forma, o PLE de cada aluno?&lt;/p&gt;&lt;p&gt;Ou melhor, o desafio não é esse mesmo?&lt;/p&gt;&lt;p&gt;&lt;br /&gt;Referência: Siemens, G. and P. Tittenberger (2009). Handbook of emerging technologies for learning, University of Manitoba.&lt;/p&gt;</description>
</item>
<item>
  <guid isPermaLink='true'>http://martapinto.blogs.ua.sapo.pt/2592.html</guid>
  <pubDate>Mon, 21 Feb 2011 12:00:08 GMT</pubDate>
  <title>Reflections about Networked Learning and PLE</title>
  <author>martapinto</author>  <link>http://martapinto.blogs.ua.sapo.pt/2592.html</link>
  <description>&lt;p style=&quot;text-align: justify;&quot;&gt;In Networked Learning p&lt;span style=&quot;font-family: Arial,sans-serif; font-size: 13px; line-height: 14px;&quot; class=&quot;Apple-style-span&quot;&gt;eople learn within networks as a part of them, receiving and contributing to the creation of knowledge. The Social Web and the Web2.0 tools have certainly contributed importantly to this way of learning. RSS feeds and comunicating in an online open way through blogs, wikis, twitter, facebook, and many other tools, has provided the learner with an environment within which to interact and connect, demanding a continuous exercise of autonomy and responsibility in their use to learn.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial,sans-serif; font-size: 13px; line-height: 14px;&quot; class=&quot;Apple-style-span&quot;&gt;In Wendy Drexlers paper &amp;quot;&lt;/span&gt;&lt;font face=&quot;Arial, sans-serif&quot; size=&quot;2&quot; class=&quot;Apple-style-span&quot;&gt;&lt;span style=&quot;line-height: 14px;&quot; class=&quot;Apple-style-span&quot;&gt;&lt;a target=&quot;_blank&quot; href=&quot;https://docs.google.com/viewer?a=v&amp;amp;pid=explorer&amp;amp;chrome=true&amp;amp;srcid=0BwgtH7cIrVEwZmFiYjEzZjItYWQ2YS00NzlmLWI3Y2YtY2EwOGI5MjJmMDBj&amp;amp;hl=en&quot;&gt;A Networked Learning Model for Construction of Personal Learning Environments &lt;/a&gt;&lt;/span&gt;&lt;/font&gt;&lt;font face=&quot;Arial, sans-serif&quot; size=&quot;2&quot; class=&quot;Apple-style-span&quot;&gt;&lt;span style=&quot;line-height: 14px;&quot; class=&quot;Apple-style-span&quot;&gt;&lt;a target=&quot;_blank&quot; href=&quot;https://docs.google.com/viewer?a=v&amp;amp;pid=explorer&amp;amp;chrome=true&amp;amp;srcid=0BwgtH7cIrVEwZmFiYjEzZjItYWQ2YS00NzlmLWI3Y2YtY2EwOGI5MjJmMDBj&amp;amp;hl=en&quot;&gt;in Seventh Grade Life Science&lt;/a&gt;&amp;quot; (2010), its stated that &lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-family: Arial,sans-serif; font-size: 13px; line-height: 14px;&quot; class=&quot;Apple-style-span&quot;&gt;in the 7th grade class networked learning environment the students success depended highly on their motivation and teachers strategic guidance, adding that it would &amp;quot;&lt;/span&gt;&lt;i&gt;&lt;span style=&quot;font-family: Arial,sans-serif; font-size: 13px; line-height: 14px;&quot; class=&quot;Apple-style-span&quot;&gt;require &lt;/span&gt;&lt;font face=&quot;Arial, sans-serif&quot; size=&quot;2&quot; class=&quot;Apple-style-span&quot;&gt;&lt;span style=&quot;line-height: 14px;&quot; class=&quot;Apple-style-span&quot;&gt;considerable teacher professional development and possibly a philosophy &lt;/span&gt;&lt;/font&gt;&lt;font face=&quot;Arial, sans-serif&quot; size=&quot;2&quot; class=&quot;Apple-style-span&quot;&gt;&lt;span style=&quot;line-height: 14px;&quot; class=&quot;Apple-style-span&quot;&gt;different from that of most current educators&lt;/span&gt;&lt;/font&gt;&lt;/i&gt;&lt;font face=&quot;Arial, sans-serif&quot; size=&quot;2&quot; class=&quot;Apple-style-span&quot;&gt;&lt;span style=&quot;line-height: 14px;&quot; class=&quot;Apple-style-span&quot;&gt;&amp;quot;.This issue is very important for me as a teacher to reflect about. It is not easy to build a PLE, or I might say it was not easy for me. I started last year  (2010) in September to better understand what a PLE is, and to try and build my PLE. It was in one of the PhD class, and the tool asked for me to use was Netvibes. It was only then I truly understood the power of RSS feeds in updating me with all the content on the websites, blogs I consulted everyday or just randomly once in a while. I had used GoogleReader or Twitter to update some information, but to think I could have an open online space as a PLE was something new to me. I then began to search about PLEs in education, and soon enough I found the video &apos;&lt;a target=&quot;_blank&quot; href=&quot;http://www.youtube.com/watch?v=YEls3tq5wIY&amp;amp;feature=player_embedded&quot;&gt;Welcome to my PLE&lt;/a&gt;&apos; with a 7th grader explaining how she built her PLE for Science class. The video is very good in showing how in the teaching practice we can integrate the PLE as a learning experience for the students, its very clear in showing how the student manages all the pages she consults for personal entertainment and school work. My first thought was that this must have been some special student achievement :)...could it be built by a 7th grader?! OK, lets have confidence on our 7th grade students :) The issue is that, it is possible! The questions are: &lt;/span&gt;&lt;/font&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: 13px; line-height: 14px; &quot;&gt;Is it possible to apply Networked Learning in schools with large classes with students heterogeneous in the ability to use technology? My reflections take me to think that&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, sans-serif; font-size: 13px; line-height: 14px; &quot;&gt; with numerous and heterogeneous classes the necessary balance demanded of the teacher between the necessary relinquish of their authority as intellectual managers and students autonomy, would be far greater and more difficult to obtain. In this type of learning its development lead to an increase of one-to-one or small group teacher facilitation, bigger classes will also have bigger difficulties to manage those supports in the frequency needed. Younger learners need more support in their learning, and the bigger the classes more computers will be used and consequently more technical support will be needed, and some frustration can lead to difficulties in students motivation towards this approach to learning.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;On the other hand, a&lt;span lang=&quot;EN-US&quot; style=&quot;font-size:10.0pt;line-height:115%;font-family:&amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;mso-fareast-font-family:&amp;quot;Times New Roman&amp;quot;;mso-ansi-language:EN-US;mso-fareast-language:EN-US;mso-bidi-language:AR-SA&quot;&gt; growing number of y&lt;/span&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size:10.0pt;line-height:115%;font-family:&amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;mso-fareast-font-family:Calibri;mso-fareast-theme-font:minor-latin;mso-ansi-language:EN-US;mso-fareast-language:EN-US;mso-bidi-language:AR-SA&quot;&gt;oung learners outside formal education are using digital technologies, increasing their exercise for autonomy learning, autonomy to choose the tools that best suit their interests and needs to learn. This can facilitate the teachers challenge to integrate these tools in class and for the development of a PLE by students. &lt;/span&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size:10.0pt;line-height:115%;font-family:&amp;quot;Arial&amp;quot;,&amp;quot;sans-serif&amp;quot;;mso-fareast-font-family:&amp;quot;Times New Roman&amp;quot;;mso-ansi-language:EN-US;mso-fareast-language:EN-US;mso-bidi-language:AR-SA&quot;&gt;Students are challenged to continue the learning process initiated in the classroom, and transfer that knowledge to the outside of school walls, or &lt;i&gt;vice-versa&lt;/i&gt;, capable of developing their own PLE for all subjects of interest throughout their life, as a lifelong learner.&lt;/span&gt;&lt;/p&gt;</description>
</item>
<item>
  <guid isPermaLink='true'>http://fpkanitar.blogs.ua.sapo.pt/1428.html</guid>
  <pubDate>Thu, 17 Feb 2011 01:02:59 GMT</pubDate>
  <title>Estrutura inicial das estratégias</title>
  <author>fpkanitar</author>  <link>http://fpkanitar.blogs.ua.sapo.pt/1428.html</link>
  <description>&lt;p style=&quot;text-align: justify&quot;&gt;Acabamos de disponibilizar a estrutura inicial das estratégias para a criação da UC. Estamos aguardando comentários e sugestões dos demais grupos, para que possamos articular todo o processo de criação da UC. :-)&lt;/p&gt;&lt;p style=&quot;text-align: justify&quot;&gt;Grupo Estratégias - Fatima Kanitar, Fatima Pais e Susana Capitão&lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;p&gt; &lt;/p&gt;</description>
</item>
<item>
  <guid isPermaLink='true'>http://nunobarros.blogs.ua.sapo.pt/3979.html</guid>
  <pubDate>Mon, 08 Nov 2010 19:00:46 GMT</pubDate>
  <title>Next Generation Learning</title>
  <author>nunobarros</author>  <link>http://nunobarros.blogs.ua.sapo.pt/3979.html</link>
  <description>&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/kEExip3cfEw?fs=1&amp;amp;hl=pt_PT&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/kEExip3cfEw?fs=1&amp;amp;hl=pt_PT&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;560&quot; height=&quot;340&quot;&gt;&lt;/embed&gt;</description>
</item>
<item>
  <guid isPermaLink='true'>http://codecrafting.blogs.ua.sapo.pt/11046.html</guid>
  <pubDate>Fri, 05 Feb 2010 00:56:00 GMT</pubDate>
  <title>Designing Email - Part II</title>
  <author>bruno-abrantes</author>  <link>http://codecrafting.blogs.ua.sapo.pt/11046.html</link>
  <description>So yesterday &lt;a title=&quot;SAPO Campus Blog - Designing Email Part I&quot; href=&quot;labs.sapo.pt/sapocampus/2010/02/04/designing-email/&quot;&gt;I wrote a little&lt;/a&gt; about the conceptual and practical challenges of adding emailing capabilities to the SAPO Campus platform. I was adding some final touches to the design proposal for the new feature, and it&apos;s pretty much done by now, so I thought I&apos;d finally put it out there, and discuss some finer points of the design.&lt;br /&gt;&lt;br /&gt;As email clients go, this solution is pretty much standard, so no revolutions here. I went to some length discussing this on the last post so, if you haven&apos;t read it, go do it now. It&apos;s the least you can do. The best I can do then is try to make the whole experience not suck. Part of this is still up for grabs, since I don&apos;t know yet how &lt;em&gt;fast&lt;/em&gt; and responsive the interface will be. For now, I&apos;ve focused my efforts into making it as simple and clean-cut as possible: Email in general has evolved into one hell of a gargantuan system, with lots of features most people don&apos;t really give a crap about. So my main task involved getting rid of as much feature-creep as humanly possible. I thought about the features most people use on their day-to-day emailing and put those in the front row, and hid or altogether scrapped the more obscure ones.&lt;br /&gt;&lt;h2&gt;So yeah, here it is.&lt;/h2&gt;&lt;br /&gt;&lt;a href=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/black_white.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-386&quot; src=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/black_white.png&quot; alt=&quot;&quot; width=&quot;450&quot; height=&quot;342&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;The first iterations were all designed sans colour, using only shades of gray. It&apos;s tremendously helpful to do this before slapping your colour scheme on the design, to make sure there&apos;s enough contrast and that the hierarchy and element states are properly conveyed. The image shown here is what I consider to be the &quot;final&quot; interface iteration.&lt;br /&gt;&lt;h2&gt;In full-blown Technicolor®&lt;/h2&gt;&lt;br /&gt;&lt;a href=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/colour.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-387&quot; src=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/colour.png&quot; alt=&quot;&quot; width=&quot;450&quot; height=&quot;342&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Same deal as before, but now in full colour. Although I say &quot;full&quot;, the interface actually uses colour (the SAPO Campus trademark greenish) very sparingly. I think this does a good job of highlighting key elements in the application without confusing and cluttering up the user experience.&lt;br /&gt;&lt;br /&gt;Basically, the application is composed by four key elements: the &lt;strong&gt;toolbar&lt;/strong&gt;, the &lt;strong&gt;accounts&lt;/strong&gt; pane, the &lt;strong&gt;message list&lt;/strong&gt; pane, and the &lt;strong&gt;message viewer&lt;/strong&gt; pane.&lt;br /&gt;&lt;h2&gt;The toolbar&lt;/h2&gt;&lt;br /&gt;&lt;a href=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/toolbar.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-389&quot; src=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/toolbar.png&quot; alt=&quot;&quot; width=&quot;449&quot; height=&quot;32&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;This area exposes the main actions available to the application, from left to right: Getting new mail, Composing new mail, Replying, Replying to All, Forwarding, Deleting and Marking as Spam and, finally, Searching through your mail.&lt;br /&gt;&lt;br /&gt;There was a lot more I could&apos;ve fit in here but I decided I&apos;d keep it simple. Only the most useful actions are available in the toolbar and, furthermore, all the buttons are contextual, meaning that some of them stay inactive (visually less opaque) until a message is selected in the message list pane. You may notice the interface is lacking several common features such as filtering options and &quot;Mark as...&quot; buttons. The way I see it, filtering is kind of useless if you provide an awesome search function (and yeah, that&apos;s my idea here) and marking stuff as read/favorite/whatever probably makes a lot more sense if it&apos;s done in the same place where the message is displayed.&lt;br /&gt;&lt;h2&gt;The accounts pane&lt;/h2&gt;&lt;br /&gt;&lt;a href=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/accounts-pane1.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-392&quot; src=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/accounts-pane1.png&quot; alt=&quot;&quot; width=&quot;240&quot; height=&quot;317&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Since the client we&apos;ll be using essentially uses an IMAP connection, the folder list for a given account will be automatically populated by the folders already on the server. It&apos;s also possible to add multiple accounts, and they&apos;ll be listed hierarchically and labeled by their actual email address. The folders display the number of unread messages, and the whole accounts pane is resizable (using the small dot on the border as a drag anchor). The only thing left to solve here is adding and removing folders: I&apos;m not yet sure if this should be directly present in the main interface or if it should be tucked away in some kind of settings view.&lt;br /&gt;&lt;h2&gt;The message list pane&lt;/h2&gt;&lt;br /&gt;&lt;a href=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/message-list-pane.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-396&quot; src=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/message-list-pane.png&quot; alt=&quot;&quot; width=&quot;450&quot; height=&quot;111&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Each row on this pane is a message. You can sort messages by clicking on the list headers, and you can visually tell apart messages that are unread, carry attachments or the ones which you marked as favourites. Marking a message as a favourite or as unread (once you&apos;ve read it) is as easy as clicking on the appropriate row + column combination. This ensures that marking messages as favourites/unread is cognitively linked to to the message itself, and not distant from it as would occur if the UI had a specific &quot;Mark as...&quot; button(s). Once more, the entire pane is resizable using the small dot below as a drag anchor.&lt;br /&gt;&lt;h2&gt;The message viewer pane&lt;/h2&gt;&lt;br /&gt;&lt;a href=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/message-viewer.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-398&quot; src=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/message-viewer.png&quot; alt=&quot;&quot; width=&quot;450&quot; height=&quot;147&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;There&apos;s little to be said about the message viewer. The interface should take a step away here and just let you read your email comfortably enough. Most email clients use disclosure triangles and such to feed you a bunch of metadata about the message. I&apos;m waging that most people don&apos;t really care about such data (and actually get confused when seeing it) so I chose to simply make it go away. Only the utmost important interface elements remain: Subject (in bold), From, To and Date Received. There&apos;s also this tiny icon on the top right corner of the pane that lets you view your message in all of its fullscreen glory.&lt;br /&gt;&lt;h2&gt;Composing messages&lt;/h2&gt;&lt;br /&gt;&lt;a href=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/compose.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-399&quot; src=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/compose.png&quot; alt=&quot;&quot; width=&quot;450&quot; height=&quot;342&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Alongside reading messages, composing and sending are at the crux of the email experience, so this screen better be really well designed. Again, the goal was to keep message composing as pain-free as possible, providing simple interface controls and a well thought-out rich text editor. Once you click the &quot;Compose&quot; button on the toolbar, a dialog window pops up with the compose interface. This dialog window is draggable/resizable, it&apos;s not modal (meaning you can still interact with the UI below) and it&apos;s not exclusive (so you can type out two messages at once, or keep one message you&apos;ve received earlier while composing a new one).&lt;br /&gt;&lt;br /&gt;The left column on the compose window lets you keep track of your attachments and upload new ones. Since this is isn&apos;t a desktop app (and the &lt;a title=&quot;Native Drag and Drop | HTML5 Doctor&quot; href=&quot;http://html5doctor.com/native-drag-and-drop/&quot;&gt;HTML5 drag-and-drop spec&lt;/a&gt; is not &lt;em&gt;quite there yet&lt;/em&gt;) you can&apos;t just drag attachments into the message body itself, which I think is the most awesome way ever of adding attachments to a message. Uploading attachments is done by AJAX magic and never forces a reload, so I believe it&apos;s a pretty much stress-free process.&lt;br /&gt;&lt;br /&gt;This interface also provides a toolbar, and I&apos;ve tried to keep the number of buttons down to a minimum. You can basically send your message (and this button is repeated at the bottom, just in case), check spelling and save it as a draft. These last two could&apos;ve been avoided, since spell checking and periodic saving of your message should be done automatically without user input once every few seconds. However, most users are, I believe, extremely distrustful of &quot;automagic&quot; systems, and a big fat button that users can click feels all the more safe. If the application crashes or the user closes it by mistake, she&apos;ll then be pleasantly surprised that the email client was smart enough to save her work. Phew!&lt;br /&gt;&lt;br /&gt;Glancing at the interface, you might notice some standard fields lacking, namely &quot;BCC&quot; (Blind-Carbon-Copy) and &quot;Reply-to&quot;. These are without a doubt useful features, but ones that most people don&apos;t care about. I&apos;ve chosen to tuck them away in a nice little dropdown field that expands when you click a button named &quot;Add field&quot;.&lt;br /&gt;&lt;br /&gt;Finally, actually writing text was made as simple as possible. There&apos;s a small tabbed navigation that allows you to switch between a rich-text editor (the one turned by default, since it&apos;s the most likely option for most people) and a plain-text editor. The rich-text editor is as uncluttered as possible, providing only the most crucial text-editing features: think Bold/Italic, linking to pages, aligning text, etc.&lt;br /&gt;&lt;h2&gt;Searching&lt;/h2&gt;&lt;br /&gt;&lt;a href=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/search.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-402&quot; src=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/search.png&quot; alt=&quot;&quot; width=&quot;450&quot; height=&quot;342&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Without complicated things such as filters and fiddly controls to allow you to find the stuff you need, you naturally turn to the search facility. While nowadays the sort of &quot;magical&quot; search first introduced by &lt;a title=&quot;Amazon&quot; href=&quot;http://amazon.com&quot;&gt;Amazon&lt;/a&gt; is pretty much standard, there are still lots of applications who still don&apos;t quite &quot;get&quot; it. By this I mean the application forces the user to refine her search &lt;em&gt;before&lt;/em&gt; actually searching: there&apos;s usually this list of checkboxes that can be turned on or off and your search will be limited those fields which were selected. This is just plain nonsense, and the geniuses at Amazon knew it. People don&apos;t want to make tough choices and worry about the kind of metadata they&apos;re searching for. &lt;em&gt;That&apos;s what computers are for!&lt;/em&gt; Search should be as easy as:&lt;br /&gt;&lt;ol&gt;&lt;br /&gt;	&lt;li&gt;Type in query.&lt;/li&gt;&lt;br /&gt;	&lt;li&gt;Found it?&lt;/li&gt;&lt;br /&gt;	&lt;li&gt;No? Okay, look at some of the other results.&lt;/li&gt;&lt;br /&gt;	&lt;li&gt;Maybe try applying a filter or two?&lt;/li&gt;&lt;br /&gt;	&lt;li&gt;There you go, you found it!&lt;/li&gt;&lt;br /&gt;&lt;/ol&gt;&lt;br /&gt;This is the exact experience I had in mind while designing the search feature. It&apos;s dead-simple to use. You can search for &lt;em&gt;whatever&lt;/em&gt; you want, and then filter the results later should you need to. The search is live and begins as soon as you type, so I bet you&apos;ll find that lost message in a matter of seconds.&lt;br /&gt;&lt;h2&gt;Sweating the details&lt;/h2&gt;&lt;br /&gt;The devil is in the details, or so they say. Details can also make or break a design, so it&apos;s important that you spend a good amount of time working out the finer aspects of your application. Everyone else does the obvious stuff, so what gives your users that final push is the little things that make them smile when they notice them. I&apos;ve already discussed the importance of periodically saving the user&apos;s work, but there&apos;s a few other things to consider when designing the email application.&lt;br /&gt;&lt;br /&gt;First up is history management. Since the whole application is powered by Javascript and AJAX, users won&apos;t be able to rely normally on the back/forward buttons in their browser. Since other areas of the PLE already address this concern, it makes sense to develop a history stack for the email client as well. You&apos;ll be able to use your browser&apos;s built-in history buttons to go through your messages or to make your compose screen disappear or reappear.&lt;br /&gt;&lt;br /&gt;The ability to undo your mistakes (ie. deleting a message) is something I normally strive to implement, but I&apos;m not sure this will be as straightforward to do with Roundcube as if we were developing the whole application. It&apos;s something to keep in mind though.&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/notifications.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-404&quot; src=&quot;http://labs.sapo.pt/sapocampus/files/2010/02/notifications.png&quot; alt=&quot;&quot; width=&quot;353&quot; height=&quot;121&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;We&apos;ll also try to make Roundcube play nice with our &lt;a title=&quot;SAPO Campus - The Notification Server&quot; href=&quot;http://labs.sapo.pt/sapocampus/2009/07/27/development-peek-the-notification-server/&quot;&gt;Notification Server&lt;/a&gt; so that, when using the PLE, the user doesn&apos;t need to keep checking the email page. The email icon (by the way, these are not the final icons in the screenshot above) will itself tell you how many new mails you have in your inbox, anywhere you are. In the future, advanced functionality could include message previewing using floating dialogs that are shown wherever you are in the PLE.&lt;br /&gt;&lt;h2&gt;Finishing up&lt;/h2&gt;&lt;br /&gt;If you&apos;ve read this far, then you deserve a cookie. No, really, this post kind of got out of hand. But hey, at least the mockups had a superhero theme going on! (Extra cookie if you noticed)</description>
</item>
<item>
  <guid isPermaLink='true'>http://pgsimoes.blogs.ua.sapo.pt/4025.html</guid>
  <pubDate>Mon, 20 Aug 2007 17:00:00 GMT</pubDate>
  <title>Ambientes Pessoais de Aprendizagem</title>
  <author>simoes-guest</author>  <link>http://pgsimoes.blogs.ua.sapo.pt/4025.html</link>
  <description>A propósito de Ambientes Pessoais de Aprendizagem - Personal Learning Environment- , &lt;a href=&quot;http://michelemartin.typepad.com/thebambooprojectblog/meet-michele-.html&quot;&gt;Michele Martin&lt;/a&gt;, autora do blog &lt;a href=&quot;http://michelemartin.typepad.com/&quot;&gt;The Bamboo Project Blog&lt;/a&gt;, registamos algumas ideias fortes:&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-style: italic&quot;&gt;&quot;A personal learning environment is personal in the sense that WHAT is learned has to be based on what interests the learner.&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-style: italic&quot;&gt;...the learner should have some ability to select the tools that work best for his/her learning style and needs.&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-style: italic&quot;&gt;For a PLE to be successful, a person needs to know how to learn.&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-style: italic&quot;&gt;...there has to be an organizational culture of learning, not a culture of training.&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-style: italic&quot;&gt;...access to the tools of PLEs.&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-style: italic&quot;&gt;&lt;span style=&quot;font-style: italic&quot;&gt;I see PLEs as a strategy of empowerment that allows staff to become more self-directed in their learning.&quot;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Para saber mais...&lt;span style=&quot;font-style: italic&quot;&gt; &lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;	&lt;li&gt;&lt;span style=&quot;font-size: 85%&quot;&gt;&lt;a href=&quot;http://michelemartin.typepad.com/thebambooprojectblog/2007/04/my_personal_lea.html&quot; target=&quot;_blank&quot;&gt;My Personal Learning Environment&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;	&lt;li&gt;&lt;span style=&quot;font-size: 85%&quot;&gt;&lt;a href=&quot;http://michelemartin.typepad.com/thebambooprojectblog/2007/04/reorganizing_my.html&quot; target=&quot;_blank&quot;&gt;Reorganizing My Personal Learning Environment&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;	&lt;li&gt;&lt;span style=&quot;font-size: 85%&quot;&gt;&lt;a href=&quot;http://michelemartin.typepad.com/thebambooprojectblog/2007/08/supporting-pe-1.html&quot; target=&quot;_blank&quot;&gt;Supporting Personal Learning Environments: A Definition of a PLE&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;	&lt;li&gt;&lt;span style=&quot;font-size: 85%&quot;&gt;&lt;a href=&quot;http://michelemartin.typepad.com/thebambooprojectblog/2007/08/supporting-pers.html&quot; target=&quot;_blank&quot;&gt;Seven Strategies for Supporting Personal Learning Environments at Work&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;	&lt;li&gt;&lt;span style=&quot;font-size: 85%&quot;&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/History_of_personal_learning_environments&quot;&gt;Personal learning environments&lt;/a&gt; - Wikipedia&lt;/span&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;span style=&quot;font-style: italic&quot;&gt;&lt;br /&gt;&lt;/span&gt;</description>
</item>
</channel>
</rss>
