Olá, mundo!

[André Luís]

Olá mundo! 

Que é como quem diz "Bem vinda, a terra inteira". Esta é a forma mais próxima de dizer "Hello World" em hieróglifos. [1]

É assim que aproveito para dar as boas vindas a todos ao arranque da Comunidade HTML5 Portugal.

Queria desde já agradecer a adesão em massa que o nosso stand teve no evento de hoje.

Para saberem mais sobre os objectivos da comunidade, dêem um salto ao nosso site:

http://html5pt.org/?page_id=24

Se quiserem participar é só enviar um email para htm...@googlegroups.com ou responder às mensagens que receberem desta lista. ;)

---------------------------------------------------------------------

E para começarmos, já em velocidade de cruzeiro, sugeria que aproveitassem para:

1) enviarem as questões que ficaram por colocar no evento de hoje e outras dúvidas que possam ter.

2) mostrarem o que têm feito usando HTML5, CSS3 ou JavaScript. Estamos todos curiosos. 

3) caso terem encontrado problemas, que vos deram a volta ao miolo, percam 2 minutinhos a contar a história ao resto da malta.

4) partilharem o que quiserem. ;)

Estamos aqui todos para aprender uns com os outros, trocar ideias, conhecimentos e exemplos. Links interessantes? Também vale!

---------------------------------------------------------------------

Vamos fazer comunicação através da nossa conta de twitter, principalmente de recursos interessantes e úteis, pelo que deixava a dica de se registarem (se ainda não o fizeram) e seguirem a conta:

http://twitter.com/html5pt

---------------------------------------------------------------------

Para leitura de fim de semana fica uma colecção de links úteis:

i) Especificação HTML5 (w3c)

   http://dev.w3.org/html5/spec/Overview.html

ii) Especificação HTML5 (what-wg), só para confundir. É aqui que nasce tudo. (atenção, é um "living standard", em constante mutação).

    http://www.whatwg.org/specs/web-apps/current-work/multipage/

iii) Demos de HTML5 do Remy Sharp

    http://html5demos.com/

iv) HTML5 Doctor

     http://html5doctor.com/

v) Galeria de alguns sites feitos em HTML5

    http://html5gallery.com/

vi) Livro do Mark Pilgrim (online)

     http://diveintohtml5.org/

vii) Livro HTML5 for Webdesigners, bastante recomendado. Livro leve e abrangente.

     http://www.abookapart.com/products/html5-for-web-designers

Bom, e para arranque, acho que chega.

Cumprimentos e Godspeed à comunidade,

--

André Luís

http://id.andr3.net

[1]  http://optional.is/required/2009/12/03/welcome-the-entire-land/

[Miguel Madeira]

Boa noite,

   Como membro desta comunidade é com surpresa que verifico que o site da Comunidade HTML5 Portugal está desenvolvido em ... HTML 4!

   Vamos lá a colocar em prática o que aprendemos e refazer o site em HTML 5 sff.

    <h1>Um abraço a todos.</h1>.

   PS: Como apenas me registei já no final do dia, fiquei sem t-shirt. Qual a possibilidade de ainda vir a ter uma?

Cumprimentos,
Miguel Madeira

2011/5/6 André Luís <andreluis.pt@gmail.com>

--
------------
http://html5pt.org
http://groups.google.com/group/html5pt?hl=en

--
Com o melhores cumprimentos,
Miguel Madeira

[Vasco Andrade e Silva]

Boa noite a todos,

O facto do site estar em html4 é meramente temporário - tratou-se de uma solução que teve de ser implementada rapidamente para o webcamp (com um template html4 que foi adaptado) e será algo que será corrigido muito brevemente. No entanto, deixa-me já agradecer-te a atenção.

Cumprimentos,
Vasco Andrade e Silva

2011/5/6 Miguel Madeira <miguel....@gmail.com>

[André Luís]

 

2011/5/6 Miguel Madeira <miguel....@gmail.com>

Boa noite,

   Como membro desta comunidade é com surpresa que verifico que o site da Comunidade HTML5 Portugal está desenvolvido em ... HTML 4!

Miguel, 

hehehe já esperava isso... :-) Nem é html4 mas sim xhtml 1... e ainda por cima do pior, transitional. :-(

É, como o Vasco já disse, temporário.

No entanto, curti a perspicácia. ;) 

Quanto à T-Shirt, era uma iniciativa de lançamento com o apoio do IE9... mas dada a aderência vamos estudar algumas hipóteses de as ter de volta. Daremos notícias aqui na lista.

Rock on!

--

André Luís

http://id.andr3.net

SAPO

[Hugo Fernandes]

Nice :)

Tenho um projecto que acho interessante partilhar.
Pode ser visto aqui:
http://projecto.rcaap.pt/index.php/lang-pt/consultar-recursos-de-apoio/tutoriais/cap1-o-poder-do-acesso-aberto

É um video player com legenda que abrange... bem, acho que tudo. Pelo
menos foi a intenção. Legendas em html sincronizadas com o vídeo,
fallback para Flash que também comunica com as legendas html, etc...

Está em vista um case studie para no Labs da Active Media [http://
www.activemedia.pt/labs/], onde trabalho, que será partilado aqui.

Quanto ao resto, é boa sorte e trabalhinho! :D

[André Luís]

Duuuuuude! :-O

Parabéns, está genial! Mesmo. Do ponto de vista de acessibilidade contemplas a audiência afectada por surdez. Classe! :-D

E gostei do toggle entre Flash / HTML. ;)

Só uma pergunta. Porque é que não puseram as legendas em cima do vídeo? (ver anexo ;) ) Foi para não tapar os textos do vídeo?

Quando os browsers suportarem, podem usar o sub-elemento do <video>, o <track> [1], para indicar um ficheiro com as legendas. Ainda não está fechado, mas o formato webSRT já passou a webVTT [2].

Enfim, é a loucura do dia-a-dia. :)

Cumpts Hugo,

--

André "fã da ActiveMedia" Luís

http://id.andr3.net

SAPO

[1] http://www.whatwg.org/specs/web-apps/current-work/complete/the-iframe-element.html#the-track-element

[2] http://www.whatwg.org/specs/web-apps/current-work/webvtt.html

2011/5/7 Hugo Fernandes <hugoaaf...@gmail.com>

[Hugo Fernandes]

É carai! Obrigado pelo comentário! :D
A prioridade do projecto para esta áera específica foi sem dúvida a
acessibilidade e usabilidade. E penso que conseguimos.
Em relação às legendas, foi mesmo essa a razão. Como os vídeos são
muito gráficos e informativos não quisemos "roubar" espaço nem
sobrepor elementos.

Em relação ao <track> e webSRT, javascript neste momento penso que
seja ainda a melhor opção, pelo menos para projectos "públicos" e não
tanto exprimentais. Concordas?

Grande abraço!
Hugo

On May 7, 2:22 am, André Luís <andreluis...@gmail.com> wrote:
> Duuuuuude! :-O
>
> Parabéns, está genial! Mesmo. Do ponto de vista de acessibilidade contemplas
> a audiência afectada por surdez. Classe! :-D
>
> E gostei do toggle entre Flash / HTML. ;)
>
> Só uma pergunta. Porque é que não puseram as legendas em cima do vídeo? (ver
> anexo ;) ) Foi para não tapar os textos do vídeo?
>
> Quando os browsers suportarem, podem usar o sub-elemento do <video>, o
> <track> [1], para indicar um ficheiro com as legendas. Ainda não está
> fechado, mas o formato webSRT já passou a webVTT [2].
>
> Enfim, é a loucura do dia-a-dia. :)
>
> Cumpts Hugo,
> --
> André "fã da ActiveMedia" Luíshttp://id.andr3.net
> SAPO
>

> [1]http://www.whatwg.org/specs/web-apps/current-work/complete/the-iframe...
> [2]http://www.whatwg.org/specs/web-apps/current-work/webvtt.html
>
> 2011/5/7 Hugo Fernandes <hugoaafernan...@gmail.com>

>
>
>
> > Nice :)
>
> > Tenho um projecto que acho interessante partilhar.
> > Pode ser visto aqui:
>

> >http://projecto.rcaap.pt/index.php/lang-pt/consultar-recursos-de-apoi...

>  Screen shot 2011-05-07 at 2.12.27 AM.png
> 245KViewDownload

[Nelson Monteiro]

olá todos,

parabéns pela iniciativa André. para ficar perfeito só falta disponibiliazares o serviço em forma de api/ webservice ;-)

só uma dúvida/ reparo em relação ao trabalho:

acedi ao site pelo safari em mac os x e apareceu a tag:

<embed src="http://projecto.rcaap.pt//templates/activemedia_rcaap/videos/cap.-1---o-poder-do-acesso-aberto.mp4" id="html5_video" previewimage="http://projecto.rcaap.pt//templates/activemedia_rcaap/videos/posterhtml-cap.-1---o-poder-do-acesso-aberto.jpg" width="590" height="332" autoplay="false" loop="false" pluginspage="http://go.divx.com/plugin/download/" type="video/divx">

Não deveria aparecer algo do genero <video src=....>?

Aproveito também para deixar 2 links. Um sobre um serviço semelhante e outro que considero do melhor sobre html5 para quem queira começar ou aprender mais. aliás, ontem ouvi muitas frase durante a manhã que estão neste site.

1- serviço de video

http://sublimevideo.net/

2-sobre html5

http://diveintohtml5.org/

um abraço a todos,

Nelson Monteiro

2011/5/7 Hugo Fernandes <hugoaaf...@gmail.com>

>
> [1]  http://optional.is/required/2009/12/03/welcome-the-entire-land/

[Hugo Fernandes]

Oi Nélson,

Falando da minha parte, nunca nos tinha acontecido isso 0.o Aliás, eu
próprio estou a ver neste momento em Safari MacOSX e aparece a tag
<video>. Podes ser mais específico em relação à versão do browser,
sff?

Abrigado :)
Hugo

On May 7, 12:29 pm, Nelson Monteiro <nelsonmonteir...@gmail.com>
wrote:

> olá todos,
>
> parabéns pela iniciativa André. para ficar perfeito só falta
> disponibiliazares o serviço em forma de api/ webservice ;-)
>
> só uma dúvida/ reparo em relação ao trabalho:
>
> acedi ao site pelo safari em mac os x e apareceu a tag:
>

> <embed src="http://projecto.rcaap.pt//templates/activemedia_rcaap/videos/cap.-1--..."
> id="html5_video" previewimage="http://projecto.rcaap.pt//templates/activemedia_rcaap/videos/posterht..."

> width="590" height="332" autoplay="false" loop="false" pluginspage="http://go.divx.com/plugin/download/" type="video/divx">
>
> Não deveria aparecer algo do genero <video src=....>?
>
> Aproveito também para deixar 2 links. Um sobre um serviço semelhante e outro
> que considero do melhor sobre html5 para quem queira começar ou aprender
> mais. aliás, ontem ouvi muitas frase durante a manhã que estão neste site.
>
> 1- serviço de videohttp://sublimevideo.net/
>

> 2-sobre html5http://diveintohtml5.org/

>
> um abraço a todos,
> Nelson Monteiro
>

> 2011/5/7 Hugo Fernandes <hugoaafernan...@gmail.com>

>
>
>
> > Nice :)
>
> > Tenho um projecto que acho interessante partilhar.
> > Pode ser visto aqui:
>

> >http://projecto.rcaap.pt/index.php/lang-pt/consultar-recursos-de-apoi...

[Nelson Monteiro]

sim, claro. envio em anexo um screen. a versão que tenho é a ultima.

a bocado misturei as duas frases. o obrigado pela iniciativa era para o André e a questão do webservice era para o hugo :-/.

cumps

Nelson Monteiro

2011/5/7 Hugo Fernandes <hugoaaf...@gmail.com>

[HugoNS]

Olá André

On May 7, 2:22 am, André Luís <andreluis...@gmail.com> wrote:

> Duuuuuude! :-O
>
> Parabéns, está genial! Mesmo. Do ponto de vista de acessibilidade contemplas
> a audiência afectada por surdez. Classe! :-D
>
> E gostei do toggle entre Flash / HTML. ;)
>
> Só uma pergunta. Porque é que não puseram as legendas em cima do vídeo? (ver
> anexo ;) ) Foi para não tapar os textos do vídeo?
>
> Quando os browsers suportarem, podem usar o sub-elemento do <video>, o
> <track> [1], para indicar um ficheiro com as legendas. Ainda não está
> fechado, mas o formato webSRT já passou a webVTT [2].
>
> Enfim, é a loucura do dia-a-dia. :)
>
> Cumpts Hugo,
> --

> André "fã da ActiveMedia" Luíshttp://id.andr3.net
> SAPO
>
> [1]http://www.whatwg.org/specs/web-apps/current-work/complete/the-iframe...

> [2]http://www.whatwg.org/specs/web-apps/current-work/webvtt.html
>
> 2011/5/7 Hugo Fernandes <hugoaafernan...@gmail.com>

Obrigado pelo comentário André. Este foi um projecto bastante
exigente, mas do qual temos bastante orgulho, uma vez que apesar de
ainda termos um ou outro pormenor para melhorar, conseguimos que o
site tenha uma acessibilidade AAA, muito perto dos 100%, com um design
muito apelativo da autoria do Hugo Fernandes.

Qualquer pormenor que encontrem ou sugestão que tenham para melhorar o
site é muito bem-vinda, como sempre.

Abraço

HugoNS
Web Strategist

[André Luís]

oi,

não tens instalado um plugin qualquer de divx? parece, pelas mensagens de debug... ;)

--

André Luís

<caputura.jpg>

[Hugo Fernandes]

Nelson, ia-te perguntar o mesmo que o André. Parece que o DivX está a
"tomar" de assalto o video no site.


On May 7, 12:47 pm, Nelson Monteiro <nelsonmonteir...@gmail.com>
wrote:

> sim, claro. envio em anexo um screen. a versão que tenho é a ultima.
>
> a bocado misturei as duas frases. o obrigado pela iniciativa era para o
> André e a questão do webservice era para o hugo :-/.
>
> cumps
> Nelson Monteiro
>

> 2011/5/7 Hugo Fernandes <hugoaafernan...@gmail.com>

>  caputura.jpg
> 671KViewDownload

[Nelson Monteiro]

olá,

parece que sim. o divx deve estar a provocar alguma coisa no script para este estar a mostrar esta versão em deterimento de outras.

cumps
Nelson Monteiro

2011/5/7 Hugo Fernandes <hugoaaf...@gmail.com>

[Luis Nabais]

Se não se importam que eu me meta na conversa: como estão a fazer a
detecção das funcionalidades necessárias para saber se é flash ou
<video>?

Cumprimentos,
Luis Miguel Nogueira Nabais
www.nonsensebb.com

2011/5/7 Nelson Monteiro <nelsonmo...@gmail.com>:

[André Luís]

Olho Luis! Estás bom pá? ;) bom ver-te por aqui.

Bem, para além de poderes ter vários sources como filhos do <video> e
ires lá por graceful degradation, podes e deves usar o .canPlayType
para confirmares se há suporte para aquele codec específico.

mais info: http://www.whatwg.org/specs/web-apps/current-work/multipage/the-iframe-element.html#dom-navigator-canplaytype

--
André Luís
http://id.andr3.net

SAPO

On May 7, 11:01 pm, Luis Nabais <dex...@gmail.com> wrote:
> Se não se importam que eu me meta na conversa: como estão a fazer a
> detecção das funcionalidades necessárias para saber se é flash ou
> <video>?
>
> Cumprimentos,
> Luis Miguel Nogueira Nabaiswww.nonsensebb.com
>

> 2011/5/7 Nelson Monteiro <nelsonmonteir...@gmail.com>:

>
>
>
> > olá,
> > parece que sim. o divx deve estar a provocar alguma coisa no script para
> > este estar a mostrar esta versão em deterimento de outras.
> > cumps
> > Nelson Monteiro
>

> > 2011/5/7 Hugo Fernandes <hugoaafernan...@gmail.com>

[Luis Nabais]

Pois mas é impressão minha ou a mudança é feita server-side?

Cumprimentos,
Luis Miguel Nogueira Nabais
www.nonsensebb.com

2011/5/8 André Luís <andrel...@gmail.com>:

[Luis Nabais]

Ok nevermind, já vi como é que é feita a detecção (procurando o metodo
$('video').play basicamente).

Cumprimentos,
Luis Miguel Nogueira Nabais
www.nonsensebb.com

2011/5/8 Luis Nabais <dex...@gmail.com>:

[Hugo Fernandes]

Luis,

É mais ou menos isso. Primeiro crias o objecto por javascript e verificas se a capacidade de fazer play existe.

Linha 233:

//Cria elemento de video para recinhecimento do html5
var v = document.createElement("video");

if(v.play){

    // video html

}else{

   // video flash

}

Hugo

2011/5/8 Luis Nabais <dex...@gmail.com>

--
Hugo Fernandes

imhugo.com

[André Luís]

atenção que ele (browser) pode ter suporte para video html5 mas não para o codec usado. Exemplo, firefox não suporta h264 mas suporta ogv e webm. 

Daí a importância do canPlayType. ;)
--

André Luís

[Hugo Fernandes]

Mas os 3 codecs estão lá. Fizemos a codificação para todos os browsers. Ou seja, se ele consegueel tocar video html, terá lá o vídeo que consegue ler.

[Paulo Azevedo]

Olá,

permitam-me que partilhe umas "brincadeiras" que fiz em HTML5 no meu blog:

http://halufa.blogspot.com/

2011/5/8 Hugo Fernandes <hugoaaf...@gmail.com>

--
-Paulo

[HMMultimédia]

Caro Paulo, infelizmente não funciona em FF4 ;(

On May 8, 3:18 pm, Paulo Azevedo <hal...@gmail.com> wrote:
> Olá,
> permitam-me que partilhe umas "brincadeiras" que fiz em HTML5 no meu blog:
>
> http://halufa.blogspot.com/
>

> 2011/5/8 Hugo Fernandes <hugoaafernan...@gmail.com>

>
>
>
>
>
>
>
> > Mas os 3 codecs estão lá. Fizemos a codificação para todos os browsers. Ou
> > seja, se ele consegueel tocar video html, terá lá o vídeo que consegue ler.
>

> > No dia 8 de Mai de 2011 00:57, "André Luís" <andreluis...@gmail.com>

> > escreveu:
>
> > > atenção que ele (browser) pode ter suporte para video html5 mas não para
> > o codec usado. Exemplo, firefox não suporta h264 mas suporta ogv e webm.
>
> > > Daí a importância do canPlayType. ;)
> > > --
> > > André Luís
>

> > > On May 8, 2011, at 12:42 AM, Hugo Fernandes <hugoaafernan...@gmail.com>

> > wrote:
>
> > >> Luis,
> > >> É mais ou menos isso. Primeiro crias o objecto por javascript e
> > verificas se a capacidade de fazer play existe.
>
> > >> Linha 233:
> > >> //Cria elemento de video para recinhecimento do html5
> > >> var v = document.createElement("video");
>
> > >> if(v.play){
> > >> // video html
> > >> }else{
> > >> // video flash
> > >> }
>
> > >> Hugo
>
> > >> 2011/5/8 Luis Nabais <dex...@gmail.com>
> > >> Ok nevermind, já vi como é que é feita a detecção (procurando o metodo
> > >> $('video').play basicamente).
>
> > >> Cumprimentos,
> > >> Luis Miguel Nogueira Nabais
> > >>www.nonsensebb.com
>
> > >> 2011/5/8 Luis Nabais <dex...@gmail.com>:
> > >> > Pois mas é impressão minha ou a mudança é feita server-side?
>
> > >> > Cumprimentos,
> > >> > Luis Miguel Nogueira Nabais
> > >> >www.nonsensebb.com
>

> > >> > 2011/5/8 André Luís <andreluis...@gmail.com>:

> > >> >> Olho Luis! Estás bom pá? ;) bom ver-te por aqui.
>
> > >> >> Bem, para além de poderes ter vários sources como filhos do <video> e
> > >> >> ires lá por graceful degradation, podes e deves usar o .canPlayType
> > >> >> para confirmares se há suporte para aquele codec específico.
>
> > >> >> mais info:

> >http://www.whatwg.org/specs/web-apps/current-work/multipage/the-ifram...

> ...
>
> read more »

[Paulo Azevedo]

Sim,

eu alerto para esse mesmo facto, no Video Wall. No entanto as outras experiencias são multibrowser ( desde que supportem canvas ).

A propósito, existe alguma espécie de Sandbox para simular os ambientes tácteis ( *Pads ) ?

2011/5/9 HMMultimédia <speedm...@gmail.com>

Caro Paulo, infelizmente não funciona em FF4 ;(

On May 8, 3:18 pm, Paulo Azevedo <hal...@gmail.com> wrote:
> Olá,
> permitam-me que partilhe umas "brincadeiras" que fiz em HTML5 no meu blog:
>
> http://halufa.blogspot.com/
>

--

http://halufa.blogspot.com/ - Personal playground

http://twitter.com/halufa

-Paulo

[r_lobo]

Paulo, muito porreiro.

On 8 Maio, 15:18, Paulo Azevedo <hal...@gmail.com> wrote:
> Olá,
> permitam-me que partilhe umas "brincadeiras" que fiz em HTML5 no meu blog:
>
> http://halufa.blogspot.com/
>

> 2011/5/8 Hugo Fernandes <hugoaafernan...@gmail.com>

>
>
>
>
>
>
>
> > Mas os 3 codecs estão lá. Fizemos a codificação para todos os browsers. Ou
> > seja, se ele consegueel tocar video html, terá lá o vídeo que consegue ler.
>

> > No dia 8 de Mai de 2011 00:57, "André Luís" <andreluis...@gmail.com>

> > escreveu:
>
> > > atenção que ele (browser) pode ter suporte para video html5 mas não para
> > o codec usado. Exemplo, firefox não suporta h264 mas suporta ogv e webm.
>
> > > Daí a importância do canPlayType. ;)
> > > --
> > > André Luís
>

> > > On May 8, 2011, at 12:42 AM, Hugo Fernandes <hugoaafernan...@gmail.com>

> > wrote:
>
> > >> Luis,
> > >> É mais ou menos isso. Primeiro crias o objecto por javascript e
> > verificas se a capacidade de fazer play existe.
>
> > >> Linha 233:
> > >> //Cria elemento de video para recinhecimento do html5
> > >> var v = document.createElement("video");
>
> > >> if(v.play){
> > >> // video html
> > >> }else{
> > >> // video flash
> > >> }
>
> > >> Hugo
>
> > >> 2011/5/8 Luis Nabais <dex...@gmail.com>
> > >> Ok nevermind, já vi como é que é feita a detecção (procurando o metodo
> > >> $('video').play basicamente).
>
> > >> Cumprimentos,
> > >> Luis Miguel Nogueira Nabais
> > >>www.nonsensebb.com
>
> > >> 2011/5/8 Luis Nabais <dex...@gmail.com>:
> > >> > Pois mas é impressão minha ou a mudança é feita server-side?
>
> > >> > Cumprimentos,
> > >> > Luis Miguel Nogueira Nabais
> > >> >www.nonsensebb.com
>

> > >> > 2011/5/8 André Luís <andreluis...@gmail.com>:

> > >> >> Olho Luis! Estás bom pá? ;) bom ver-te por aqui.
>
> > >> >> Bem, para além de poderes ter vários sources como filhos do <video> e
> > >> >> ires lá por graceful degradation, podes e deves usar o .canPlayType
> > >> >> para confirmares se há suporte para aquele codec específico.
>
> > >> >> mais info:

> >http://www.whatwg.org/specs/web-apps/current-work/multipage/the-ifram...

> ...
>
> mais informações »

[Filipe Pitacho]

Ola!

Desde já parabéns pelo lançamento da comunidade HTML5, espero poder contribuir, se não for com soluções, que seja com questões problemáticas.

Tenho andado um pouco ocupado pelo que ainda não tive tempo de explorar o HTML5, mas assim que tenha um pouco vou ao ataque!

Espero que esta comunidade seja um sucesso, estamos cá para isso, pela comunidade e pelo HTML5!

Um abraço!

--

------------
http://html5pt.org
http://groups.google.com/group/html5pt?hl=en

--
Filipe Pitacho

[Tiago Alves]

Em primeiro lugar, parabéns pela criação desta comunidade! Ainda vou querer a minha t-shirt :)

Como sugerido na criação do grupo, vou contar o que ando a fazer com o HTML5 e afins.

Fiz 3 apresentações com quizes para o iPad usando html5+css3+js+jquery+jqtouch+phonegap. 

O phonegap transforma uma aplicação web numa app para telemóvel ou tablet. 

O jqTouch é uma lib assente em jQuery que tem as animações e looknfeel do iphone/ipad.

Como sei exactamente qual é o browser web, pude usar o html5 e o webkit em todo o seu esplendor! Funciona muito bem, é fluido, e acabou por ser feito numa fracção do tempo que seria necessário para fazer uma aplicação nativa. As transitions, animations e transforms do css3 funcionam muito bem, e coisas como a border image poupam muito tempo de volta do photoshop a cortar imagens.

Em dois quizes usei ainda a WebSQL database para guardar dados localmente caso o iPad esteja sem acesso à internet. Os dados passam para um servidor por jsonp.

Para o desenvolvimento usei principalmente o Safari porque usa exactamente o mesmo webkit que o browser do iPad. Não tive surpresas ao colocar a app no iPad. As ferramentas de desenvolvimento são muito boas, com o debugger de JS, explorador da websql, inspector, etc.

Depois a aplicação tinha também que correr num computador normal. Como estava limitado ao IE 6 (regras corporativas da multinacional...) fiz uma aplicação em QT que basicamente é uma janela que abre um browser lá dentro, que usa o webkit, por isso não tive que mexer uma linha do código para ter uma aplicação standalone. O QT já vem com o componente do webkit.

Sempre detestei webdev, mas confesso que mexer com estas tecnologias foi uma experiência bastante interessante. É pena que não possa distribuir o código todo, mas talvez consiga mostrar alguma coisa num dia destes.

Em todo o caso, estou por cá para ajudar no que souber.

Abraços,

Tiago A.

[André Luís]

Tiago,

pelo que li, a tua história é um óptimo exemplo. Há imensa discussão à volta de web vs native mobile apps. Ainda no outro dia fizemos uma mesa redonda sobre isso lá no SAPO.

Pelo que falas, fiquei com uma dúvida... para que é que precisaste do phonegap? Para teres presença nas app stores? Experimentaste divulgar a app como mobile webapp, estilo readability?

Gostava de ver o resultado final, espero que venhas a poder mostrar isso... se não na lista, num dos próximos eventos do HTML5pt. ;)

Abraço,
--

André Luís

http://sapo.pt

http://id.andr3.net

--

[Tiago Andrade e Silva]

Hi!

Gostei bastante dos exemplos mostrados, mas pena que nenhum funcione
em IE9 :(

http://projecto.rcaap.pt/index.php/lang-pt/consultar-recursos-de-apoio/tutoriais/cap2-repositorio-cientifico-de-acesso-aberto-de-portugal
http://halufa.blogspot.com/

quando tiver um tempo vou indagar o porquê...

> ...
>
> mais informações »- Ocultar texto citado -
>
> - Mostrar texto citado -

[Vasco Andrade e Silva]

Viva,

Nós na Byclosure também desenvolvemos para telemóvel/pad versão web app, ou então embrulhada numa aplicação nativa com phonegap. Para além das razões que enumeraste André (stores e marketing), existe uma razão fundamental para desenvolver nativo (com phonegap ou outro equivalente), que é acesso ao hardware (por exemplo, acesso à câmara fotográfica, ou ao "menu" em android). Um dos pontos que acharia muito importantes na futura spec de html5 é o acesso a uma tag device (ou algo equivalente), mas confesso que não tenho acompanhado de perto o spec e não sei em que ponto é que algo equivalente está.. Alguém sabe qual é o estado da spec sobre este ponto, ou se vai cair fora da especificação?

Em termos de look & feel já se conseguem efeitos muito semelhantes aos controladores nativos, no entanto ainda há pormenores que não são exactamente iguais (por exemplo: o pressionar em botões, como o "voltar", em iPhone). Acredito que este tipo de pormenores será mitigado ao longo do tempo.

Cheers,
Vasco Andrade e Silva

Byclosure Lda.
mobile: +351 917 491 515
e-mail: va...@byclosure.com
web:    http://byclosure.com

[Tiago Alves]

Olá,

É, como disse o Vasco o phonegap tem muitas vantagens. Eu queria uma
app que fosse instalada no iPad (para ser usada mesmo se não houver
net), para ser distribuída em ambientes muito controlados. Vai ser
instalada em menos de 50 iPads, e não pode estar visível ao público.
Fica uma instalação muito mais "limpa". Não sei muito acerca dessas
mobile apps, mas acho que não era a melhor forma de distribuir no meu
caso.

Vou ver se posso mostrar uma pequena app de apresentação da empresa
que fiz.

On May 9, 9:49 pm, André Luís <andreluis...@gmail.com> wrote:
> Tiago,
>
> pelo que li, a tua história é um óptimo exemplo. Há imensa discussão à volta de web vs native mobile apps. Ainda no outro dia fizemos uma mesa redonda sobre isso lá no SAPO.
>
> Pelo que falas, fiquei com uma dúvida... para que é que precisaste do phonegap? Para teres presença nas app stores? Experimentaste divulgar a app como mobile webapp, estilo readability?
>
> Gostava de ver o resultado final, espero que venhas a poder mostrar isso... se não na lista, num dos próximos eventos do HTML5pt. ;)
>
> Abraço,
> --

> André Luíshttp://sapo.pthttp://id.andr3.net

[Tiago Andrade e Silva]

Este thread já derivou bastante desde a mensagem inicial :)

O Hugo Fernandes mostrou-nos o site com video em html5 mas só está a
funcionar em Chrome e não em IE9 ou FF.
Ao ver melhor o site em questão (http://projecto.rcaap.pt/index.php/
lang-pt/consultar-recursos-de-apoio/tutoriais/cap1-o-poder-do-acesso-
aberto) reparei que está com algumas questões que levam a que não
funcione bem em IE9 (e podem ser as mesmas que razões que levam a
falhar no FF):

- o servidor está a devolver o ficheiro webm com mime type text/plain
e não video/webm como seria suposto.
- está a repetir desnecessáriamente a source mp4, que faz com que
existam pedidos http duplicados.
- o Codec utilizado no ficheiro mp4 não é suportado em IE9. O IE9
suporta: MP4 container H.264 video, Baseline, Main, and High profiles—
audio in AAC or MP3 AND WebM video, if you have the VP8 codec
installed.

Mais info sobre o suporte de video no IE9 pode ser visto em http://bit.ly/ie9guide

Abr,
Tiago Andrade e Silva

On 9 Maio, 12:48, r_lobo <ricardo.lob...@gmail.com> wrote:

[Hugo Fernandes]

De facto as questões do IE9 estão na nossa lista para resolver :-) Quanto ao FF temos de ver melhor o que se passa...

Obrigado Tiago :-)

[Antonio Pisa]

Olá a todos.

Gostei muito do webcamp. Aprendi muito e espero aprender mais ainda.

Andei a ver as "brincadeiras" Paulo Azevedo (http://halufa.blogspot.com/) e gostaria de dar-lhe os meus parabéns.

Infelizmente só consigo vê-las em chrome.

Um abraço,

Pedro.

[Tiago Andrade e Silva]

Olá novamente!

 

Estive a ver melhor o exemplo do Paulo Azevedo  (http://halufa.blogspot.com/)  para perceber porque não estava a funcionar em IE9.

A razão é simples. O site tem uma tag que obriga o IE a utilizar o motor de rendering do IE7 que obviamente não tem a capacidade de canvas.

 

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

 

Se forem directamente ao exemplo (pois o blog refere o exemplo através de uma iframe) verificam que funciona perfeitamente em IE9:

http://halufa.vtec.pt/mix/hipnoticburst.html

 

Podem também utilizar as developer tools do IE (carregar em F12) e forçar a utilização do document mode IE9 e fica também a funcionar :)

 

Paulo, se queres testar html5 não devias estar a emular o IE7 ...

 

abr

 

[Paulo Azevedo]

Olá Tiago,

obrigado pela sugestão. Quando tiver oportunidade irei verificar essa situação

A tag que referes não fui eu que a adicionei propositadamente, deve fazer parte da template do blogspot.

2011/5/12 Tiago Andrade e Silva <tiag...@microsoft.com>

--

------------
http://html5pt.org
http://groups.google.com/group/html5pt?hl=en

--

[Elisabete Ramalho]

Olá !

 

As iframes estão em desuso, como sabem, mas qual a melhor solução para inserir um documento dentro de outro ?

 

No php é fácil com jincludes, mas num html simples ?

[Mónica Rodrigues]

Olá Elisabete,

O HTML5 tem uma nova tag que é precisamente o iframe. Não sei se isso ajuda, mas tenta dar uma olhada.
Ainda ando a estudar o HTML5 não o dominando pelo completo.

[Daniel Sousa]

Boas,

Na minha opinião as iframes não estão em desuso, o que acontece é que houve uma altura em que se usavam iframes à maluca onde era completamente desnecessário.
Acho que iframes é um excelente método em muitas ocasiões.

[Elisabete Ramalho]

Olá Mónica !

 

Obrigado por responderes.  quanto a essa tag, longe de ser nova, é bem velhinha !

Já ando nisto há alguns anos. E, esta tag é única, pois permite chamar qqr tipo (ou quase qqr tipo) de ficheiros para dentro dum espaço da página web, com o tamanho por nós especificado, no entanto, esta tag ficou em desuso (ou pseudo desuso).

Acontece que nao existe tag que a substitua, parecendo-me que passou a haver outro tipo de procedimento que a substitui, mas que ainda estou à descoberta.

 

Se alguem der diga, agradeço !

[Mónica Rodrigues]

Desculpa.
Eu nunca trabalhei com iframes, não tinha bem essa noção. Pensava que era uma tag nova do html5.
Eu por exemplo também trabalho com flash, e consigo ter vários ecrãs com diferentes informações na mesma página.
Bem, mas se souber de alguma coisa eu aviso.

[Elisabete Ramalho]

Pois, nao acho nada igual, a nao ser por javascript com o getelementbyid, e mesmo assim nao me agrada colocar todo o código numa página só... A nao ser que uses um xml...

:(

----- Original Message -----

From: Daniel Sousa

To: htm...@googlegroups.com

Sent: Tuesday, May 17, 2011 11:55 AM

Subject: Re: [html5pt] IFRAMES - help

[Daniel Sousa]

As tags iframe foram retiradas no XHTML strict (que imo foi um vómito mental de alguém) e voltaram a ser incluídas no XHTML 1.1 e no HTML 5.

Não vejo nenhuma razão para não se usar iframes quando úteis.

On May 17, 2011 12:01 PM, "Mónica Rodrigues" <monica85...@gmail.com> wrote:
> Desculpa.
> Eu nunca trabalhei com iframes, não tinha bem essa noção. Pensava que
> era uma tag nova do html5.
> Eu por exemplo também trabalho com flash, e consigo ter vários ecrãs com
> diferentes informações na mesma página.
> Bem, mas se souber de alguma coisa eu aviso.
>
> Em 17-05-2011 11:57, Elisabete Ramalho escreveu:
>> Olá Mónica !
>> Obrigado por responderes. quanto a essa tag, longe de ser nova, é bem
>> velhinha !
>> Já ando nisto há alguns anos. E, esta tag é única, pois permite chamar
>> qqr tipo (ou quase qqr tipo) de ficheiros para dentro dum espaço da
>> página web, com o tamanho por nós especificado, no entanto, esta tag
>> ficou em desuso (ou pseudo desuso).
>> Acontece que nao existe tag que a substitua, parecendo-me que passou a
>> haver outro tipo de procedimento que a substitui, mas que ainda estou
>> à descoberta.
>> Se alguem der diga, agradeço !
>>
>> ----- Original Message -----

>> *From:* Mónica Rodrigues <mailto:monica85...@gmail.com>
>> *To:* htm...@googlegroups.com <mailto:htm...@googlegroups.com>
>> *Sent:* Tuesday, May 17, 2011 11:26 AM
>> *Subject:* Re: [html5pt] IFRAMES - help

[Mónica Rodrigues]

Concordo com o Daniel. Aliás eu vou provavelmente usar uma iframe no meu projecto final de curso, vai-me dar geito.

[Tiago Andrade e Silva]

Olá!

As iframes continuam bem vivas J!

Eis um debate à volta deste tema no stackoverflow http://stackoverflow.com/questions/1430648/should-the-iframe-be-dead-by-now

 

Elisabete, não confundas código que corre no servidor (no teu exemplo PHP)-  e que faz alterações ou inclusões no html que é enviado para o cliente - com iframes que fazem a inclusão de html no lado do cliente.

 

Tiago Andrade e Silva

[Mónica Rodrigues]

Sim Elisabete, o que o Tiago diz é completamente verdade. Não se pode confundir ambas as situações.

[Elisabete Ramalho]

Não confundo nao !  O problema é que alguem (com o tal vómito mental) confundiu...

 

kkkk

----- Original Message -----

From: Tiago Andrade e Silva

To: htm...@googlegroups.com