*UPDATE*: 10 lugares atribuídos, 0 lugares disponíveis

Enquanto ainda se processam vídeos da sessão anterior (e de outras antes), a próxima está já aí à porta.

Dia 6 de Outubro, sob o tema Web Development.

As apresentações:

• Debugging your JavaScript, por Diogo Antunes

"Apresentação de ferramentas e técnicas de debug do código de JavaScript no browser.

Boas práticas de JavaScript para facilitar a utilização destas ferramentas e a leitura do código."

• LibSAPO.js: The return of the JavaScript library, por Tiago Rodrigues

"Em tempos a LibSAPO.js era uma biblioteca de JavaScript construída sobre Prototype. Hoje em dia é uma biblioteca mais completa, capaz de responder às necessidades de JavaScript do SAPO.

Esta sessão dará a conhecer o que há de novo (e não só) na LibSAPO.js e como utilizar e aproveitar da melhor forma todas as capacidades da biblioteca."

 

Temos Tivemos 10 lugares para a comunidade. São a custo zero e serão atribuídos aos primeiros 10 emails individuais (cada pessoa tem que enviar o seu próprio email) a chegar a saposessions em sapo ponto pt com nome e número de BI (ou similar).

A sessão decorrerá das 10h às 12h do dia 6 de Outubro em Entre Campos, Lisboa.

*UPDATE*: 10 lugares atribuídos, 0 lugares disponíveis

A segunda formação do Concurso de Widgets TMN - Introdução ao JavaScript - tem lugar já na próxima semana (Quarta-feira, dia todo).

Há 40 vagas disponíveis para esta formação (com uma componente prática que obriga à utilização de um portátil) que cobrirá:

• Variáveis e tipos de variáveis
• Funções
• Métodos para variáveis
• Introdução a DOM e eventos

As instruções para conseguir um destes lugares encontram-se em http://developers.tmn.pt/.

Thomas Fuchs (@thomasfuchs), criador do script.aculo.us, e Amy Hoy (@amyhoy) vieram a Portugal, mais precisamente ao SAPO, para ministrarem uma formação de JavaScript Performance.

Durante dois dias vinte pessoas vão estar fechadas numa sala com Thomas, Amy e 731 slides.

Vá, pronto, de vez em quando abrimos as portas e servimos bolinhos e café.

O Verbatim é um dos projectos nascidos num SAPO Lab.

Este projecto deverá agora receber alguma força e dinamização extra.

Com esta ideia em mente o Jorge Teixeira - um dos elementos que criou o projecto - veio passar uma semana em Lisboa, nas instalações do SAPO (mas deixámo-lo sempre sair para comer e dormir).

A semana começou com uma reunião de apresentação do projecto, por dentro e por fora.

Na sala, uma dúzia de pessoas com as mais variadas skills, incluindo as tecnologias e plataformas SAPO empregues no projecto e não só: Perl, JavaScript, MySQL, Usabilidade, Acessibilidade, Segurança, SAPO Broker, LibSAPO.js, etc.

Após esta sessão foram marcadas cinco outras reuniões com diferentes elementos desta task force.

Reunião 1: Perl e MySQL

Quatro pessoas numa sala com um único intuito: analisar o código do projecto (ou parte deste) para o conseguir optimizar.

Foram apontadas coisas simples como a diferença entre usar CGI ou FastCGI, foi feito benchmarking ao código para encontrar os bottlenecks, foram optimizadas queries de SQL (e inclusivé foi reduzido o número destas numa grande escala), etc.

O Jorge saiu da reunião com já algumas alterações no projecto e uma folha cheia de notas que ele teria que implementar mais tarde.

Reunião 2: JavaScript e Segurança

Quando a reunião começou a equipa de JavaScript já tinha realizado alguns testes à plataforma, pelo que já levavam uma lista de sugestões.

Havia código que podia ser optimizado e foram ainda apresentadas algumas soluções como o ySlow para análise do restante.

Também foram apresentadas algumas falhas de segurança que o site possuía; as mesmas foram explicadas em detalhe, bem como as medidas a tomar para as fechar.

No final da reunião havia mais uma folha com notas nas mãos do Jorge.

Reunião 3: Usabilidade e Acessibilidade

A equipa de QA do SAPO realizou uma avaliação heurística ao Verbatim e nesta reunião apresentou ao Jorge os resultados da mesma.

Saíram desta reunião uma série de sugestões e recomendações para tornar o serviço mais apelativo, usável e acessível.

Mais uma reunião, mais uma folha.

Reunião 4: Arquitectura e Serviços

Aqui foram analisadas a arquitectura actual e as possibilidades futuras da mesma.

Foi explorada em detalhe a interacção com o SAPO Broker e revistas algumas boas práticas de utilização do mesmo que poderão ajudar o projecto.

Foi analisado o que seria necessário para implementar determinadas funcionalidades que estão previstas (extracção de dados semânticos, etc).

Houve também uma discussão sobre LSP (léxico semântico do português) e no final o Jorge tinha agora quatro listas de coisas a fazer e a analisar.

Reunião 5: Web Services

Neste reunião foram abordadas as tecnologias base usadas para publicar diversos tipos de dados do Verbatim como um serviço.

Foram realçados vários aspectos importantes como a disponibilização dos dados a outros serviços e plataformas, tentando assim começar a tornar transversais a todo o SAPO alguns Web Services.

Avaliação final

No final desta semana perguntamos ao Jorge que avaliação fazia desta semana:

"A avaliação final que eu faço a esta semana de trabalho no SAPO é simplesmente excelente! Excelente por dois motivos, por um lado vim para o Porto com uma enorme lista de melhorias a implementar (é sempre bom saber que um projecto ainda tem muito por onde evoluir) e por outro por ter conhecido uma equipa de gente conhecedora e disposta a partilhar os conhecimentos e ajuda.

[…]

Para terminar, algumas das sugestões com que vim do Sapo já foram implementadas, e as melhorias foram muito boas. Só a nível de tempos de acesso, conseguimos uma diminuição da ordem dos 50% em relação aos valores anteriores."

Depois de um hiato de vários meses em que estiveram a dar apoio permanente a vários outros projectos, a equipa da LibSAPO.js regressa às novas funcionalidades e aos posts.

Podem segui-los em libsapojs.blogs.sapo.pt.

Tipicamente, após termos participado numa conferência, um dos participantes realiza uma pequena apresentação interna sobre o evento.

São eventos que vão desde o GSMA Mobile World Congress à eTech, da WWW ao London Hack Day.

Na passada Quarta-feira tivemos mais três apresentações: a JSConf.eu, o CSS Summit e a YAPC::EU::2009.

JSConf.eu

O Diogo Antunes foi a Berlim participar na JSConf.eu, a conferência europeia de JavaScript, e falou-nos sobre algumas das apresentações a que assistiu.

O evento durou dois dias e contou com cerca de 200 participantes.

Foi um sucesso.

Nomes como Dion Almer, Remy Sharp, Thomas Fuchs e John Resig realizaram apresentações sobre imensos temas dentro do mundo do JavaScript e o Diogo fez-nos agora um resumo daquilo que viu na conferência.

CSS Summit

Este é um evento diferente: é um evento online, que permite inscrições individuais ou de grupo.

O SAPO adquiriu um bilhete de grupo e os colaboradores interessados no tema reuniram-se numa sala de reuniões num Sábado.

O André Luís, um dos participantes nessa sala de reuniões, fez-nos um resumo dos temas a que assistiram, bem como de várias impressões relativas a eventos deste tipo (foram principalmente vantagens).

YAPC::EU::2009

A maior conferência europeia de Perl deslocou-se pela segunda vez a Portugal, e desta feita a Lisboa.

O Armando Reis foi um dos participantes do SAPO (eram cerca de duas dezenas) a participar no evento e fez-nos agora uma apresentação sobre o evento falando de temas quentes, oradores e do que se pôde aprender por lá.

O plano de conferências para 2010 já se começa a compor.

O Widget ShareThis do SAPO permite, de uma forma simples, adicionar funcionalidades de partilha via serviços de link, mail ou impressão para pdf a uma página de um site

O Widget depende do Prototype e da LibSAPO.js e possui duas formas de invocação. A mais simples é utilizando o snippet:

    <script type="text/javascript" src="https://js.sapo.pt/Snippets/ShareThis.js"></script>

O botão para partilhar o conteúdo da página é adicionado automaticamente.

Para usar, por exemplo, num blog, e para prevenir o carregamento múltiplo das dependências nas páginas com listagens de vários artigos, a forma correcta é incluir as seguintes linhas no head do HTML:

    <script type="text/javascript" src="https://js.sapo.pt/Prototype/1.8/"></script>
    <script type="text/javascript" src="https://js.sapo.pt/SAPO/"></script>
    <script type="text/javascript" src="https://js.sapo.pt/SAPO/Widget/ShareThis/0.1/"></script>

O widget tem 4 modos de funcionamento (por omissão é usado o modo 3):

    * 0 => Mostra apenas os ícones dos serviços

    * 1 => Mostra apenas os nomes dos serviços

    * 2 => Mostra os nomes e os ícones dos serviços

    * 3 => Modo Tooltip

A chamada do widget pode ser feita inline:

    <script type="text/javascript">
	    new SAPO.Widget.ShareThis();
    </script>

Ou para incluir num determinado elemento do DOM:

    <script type="text/javascript">
    /**
    * A chamada é feita no dom:loaded do prototype para o elemento já estar disponivel.
    */
        Element.observe(document, 'dom:loaded',function(){  
            new SAPO.Widget.ShareThis({target: 'id_do_elemento'});
        });
    </script>

Como se pode ver no segundo exemplo, o widget recebe um objecto de inicialização para definição de algumas propriedades. As opções que esse objecto pode receber são descritas com mais detalhe no blog da LibSAPO.js, onde se encontram também alguns exemplos de utilização.

O widget pode ser visto em funcionamento neste mesmo blog (no final de cada post, no lado direito, encontra-se o botão "Partilhar").

Para uma mais simples integração com os vários Web Services do SAPO, um dos serviços que disponibilizamos é o CodeGeneration.

Acedendo à página de um serviço SAPO com um contrato WSDL, encontramos à direita da página uma caixa com links para a geração de código em várias linguagens.

Tal permite acelerar uma integração com qualquer um destes serviços.

As linguagens suportadas são, actualmente, C#, Visual Basic, Java, PHP, Perl, Python, Ruby e JavaScript.

A título de exemplo, eis a geração de código PHP para o Web Service Holiday.

O serviço encontra-se disponível em http://services.sapo.pt/Metadata/Service/CodeGeneration.

Hoje divulgamos o material da apresentação Prototype e LibSAPO.js, realizada pelo Cláudio Gamboa na segunda SAPO Session.

Esta apresentação tinha como abstract "Introdução a frameworks. Tornar a vida mais fácil com Prototype e torná-la ainda mais fácil com a LibSAPO.js."

O Cláudio começou por apresentar a estrutura da LibSAPO.js, apresentou também o Prototype,

em que a LibSAPO.js se baseia, e terminou com exemplos das duas APIs e daquilo que se pode fazer com a LibSAPO.js

Os slides do Cláudio:

(para fazer download do PDF, ver em SlideShare)

O vídeo da apresentação:

(para ver em full screen, ver em SAPO Vídeos)

O Cláudio é programador de JavaScript no SAPO e é o criador e maintainer da LibSAPO.js.

A LibSAPO.js tem o seu blog oficial em http://libsapojs.blogs.sapo.pt/.

Hoje disponibilizamos o material da apresentação JavaScript done right, realizada por André Luís numa das SAPO Sessions.

A apresentação do André foca-se em aspectos e práticas menos conhecidas do JavaScript, entre as quais JavaScript não obtrusivo, a diferença entre progressive enhancement e graceful degradation e até mesmo novas ideias como HIJAX.

O André falou-nos de muitas limitações do JavaScript, relacionadas com os browsers, crawlers, dispositivos, etc. Em paralelo, o André foi demonstrando as formas como se podem e devem contornar estas limitações.

Os slides da apresentação:

(para fazer download do PDF, ver em SlideShare)

O vídeo da apresentação:

(para ver em full screen, ver em SAPO Vídeos)

O André integra a equipa de Quality Assurance do SAPO, no contexto da qual estará este ano envolvido nas plataformas de testes de carga e de segurança do SAPO, entre outras.