Developer Web, Mobile, Gamer
Arquitetura e Design de Sistemas Para Web(e intranet)
Arquitetura e Design de Sistemas Para Web(e intranet)
HTML5 – Parte 2
Jan 30th
Continuando um pouco nosso HTML5, e finalizando, já que a idéia era apenas dar uma olhada paran entender um pouco as “novidades”.
Sobre internalização
O HTML5 nos da um bdi, que permite aos autores substituir o algoritmo bidirecional Unicode e fazer o texto mais compreensÃvel.
para saber um pouco mais sobre bdi “HTML5(http://rishida.net/blog/?p=564)â€.
Alguns idiomas tem scripts que não são alfabéticos em tudo, mas que expressão uma idéia, em vez de um som. O HTML5 nos da 3 novos elementos para marcação de texto ruby: ruby, rt e rp.
para saber um pouco mais(http://my.opera.com/tagawa/blog/the-html5-ruby-element-in-words-of-one-syllable-or-less)†by Daniel Davis.
A maioria das pessoas estão cientes de que HTML5 nos dá muitos novos elementos para descrever partes de uma página da Web, como header , footer , nav , section , article , aside e assim por diante.
A representação de uma figura com algum conteúdo de fluxo, opcionalmente, com uma legenda, que é auto-suficiente e é normalmente referenciado como uma única unidade do fluxo principal do documento.
O elemento pode assim ser usado para anotar ilustrações, diagramas, fotos, listas de código, etc …
<picture alt=”angry pirate”>
<source src=hires.png media=”min-width:800px”>
<source src=midres.png media=”min-width:480px”>
<source src=lores.png>
<!– fallback for browsers without support –>
<img src=midres.png alt=”angry pirate”>
</picture>
Há um grande problema com isso. Em navegadores que não suportam figuras, a imagem não seria exibido, pois o figura elemento seria completamente ignorado. O conteúdo do elemento credit seria exibido, porque é apenas texto. Então, você poderia pelo menos mostrar estes créditos para qualquer imagem em navegadores mais antigos.
HTML5 tem um time elemento, isso permite que você possa anotar uma data legÃvel. Não importa o que se passa entre as tags, porque esse é o conteúdo para as pessoas lerem. Então, você poderia usar um dos seguintes:
<time datetime=”1982-07-18″>The day the woman I love was born</time>
<time datetime=”1982-07-18″>Priyanka Chopra’s birthday</time>
Seja qual você escolher, a máquina ainda sabe a data que você quer dizer por causa do atributo datetime, formatadas como YYYY-MM-DD .
Se você quiser adicionar um tempo, você poderia: separar o tempo entre a data com um T , e depois colocar o tempo no formato de 24 horas, terminada por um Z , junto com qualquer fuso horário offset.
Por exemplo, 2011-11-13T20:00Z would be 8:00 pm on 13 November 2011 UTC, enquanto 2011-11-13T23:26.083Z-05.00 seria pm 23:26 e 83 milissegundos no fuso horário escondendo 5 horas antes de UTC .
E quem disse que HTML(5) era barbada!?
HTML5 – http://www.edersonmelo.com/index.php/2011/11/24/html5/
Abraço
HTML5
Nov 24th
Uma breve estudada sobre HTML5 e consigo entender o porque de tanta vontade que alguns tem de utilizar, como as API’s: armazenamento local, cache de aplicativos, serviços web, desenho 2-D e similares, mas traz ainda 30 elementos para marcar documentos e aplicativos, aumentando o número total de elementos disponÃveis para mais de 100.
A semântica HTML5 é cuidadosamente projetada para ampliar a capacidade atual do HTML, sempre permitindo que os usuários de navegadores mais antigos consigam acessar o conteúdo.
Alguns elementos de apresentação
Elementos puramente de apresentação, como center, font e big são agora obsoletos. seu papel tem sido perfeitamente usurpado por Cascading Style Sheets. Não significa que você tem que se apressar e recodificar todas as páginas antigas. Pela mesma razão os atributos de apresentação foram retirados elementos de corrente, por exemplo, align a img, table, background no body e bgcolor na table.
O sempre mal utilizado frame, está ausente em HTML5. Se você tem vontade de usa-lo use um velho DOCTYPE para que suas páginas possam validar.
Além deste breve resumo, veja a lista exaustiva do W3C de elementos removidos e atributos (http://www.w3.org/TR/html5-diff/#absent-elements)
Elementos de apresentação redefinidos
Nem todos os elementos de apresentação foram retirados, alguns passaram por uma reeducação extensa e brilhante, surgindo uma nova semântica. Por exemplo, o small, já não significa “usar uma fonte pequena”, embora ele irá aparecer em uma folhas de estilo do navegador. Agora small representa comentários laterais, tais como letras pequenas:
Letras pequenas renúncias tipicamente caracterÃsticas, limitações, restrições legais, ou direitos autorais. Letras pequenas à s vezes também é usado para atribuição, ou para satisfazer requisitos de licenciamento.
O elemento u [agora] representa um intervalo de texto com um desarticulador, embora explicitamente prestados, a anotação não-textual, como a rotulagem do texto como sendo um nome próprio no texto em chinês (uma marca de nome chinês propriamente dita), ou rotulagem o texto como ser grafadas incorretamente.
Nova semântica
Todos sabemos que video e audio assim como canvas que permitem gráficos 3-D utilizando webGL, então designers de jogos podem portar seus produtos para web. Como o bom e velho img são incorporados no conteúdo seja um arquivo, um URI de dados ou u JavaScript.
Ao contrário de img, eles tem abertura e fechamento de tags, permitindo fallback, portanto, os navegadores que não suportam a nova semântica pode ser alimentado com algum conteúdo.
Os elementos source e track  são elementos vazios(sem tag de fechamento) que são filhos de video ou audio.
O source aponta para um arquivo de origem diferente(WebM, MP4, Ogg Theora)
<audio controls>
<source src=bieber.ogg type=audio/ogg>
<source src=bieber.mp3 type=audio/mp3>
<!– fallback content: –>
Download <a href=bieber.ogg>Ogg</a> or <a href=bieber.mp3>MP3</a> formats.
</audio>
Neste exemplo, Opera, Firefox e Chrome irá baixar a versão mais recente do Ogg, enquanto o Safari e IE vai pegar a versão MP3. Chrome pode jogar tanto Ogg e MP3, mas os browsers irá baixar o arquivo de origem na primeira vez que eles entendem. O conteúdo fallback entre as tags de abertura e fechamento é um link para baixar o conteúdo para o desktop e jogá-lo através de um tocador de mÃdia separado, e é exibido apenas em navegadores que não pode jogar multimÃdia nativa.
Para vÃdeo, você poderia usar um filme flash embutido hospedado no YouTube:
<video controls>
<source src=best-video-ever.webm type=video/webm>
<source src=best-video-ever.mp4 type=video/mp4>
<!– fallback content: –>
<iframe width=”480″ height=”360″
src=”http://www.youtube.com/embed/xxxxxxxxx?rel=0″
frameborder=”0″ allowfullscreen>
</iframe>
</video>
Obrigado e Continua …
Novo endereço
Oct 27th
Peço a todos desculpas pela falta de postagem recentemente, mas o motivo foi nobre, a troca de endereço do blog que agora está em www.edersonmelo.com.
O novo blog está com o último post deste porém receberá atualizações constantes apartir de Quinta-Feira(29/10/2009).
www.edersonmelo.com
Conto com o acesso de todos na busca de um blog mais profissional e melhor.
Twitter receberá +- U$$ 100 milhões
Sep 28th
Evan Willians co-fundador do twitter, confirmou que a empresa está recebendo, segundo o Wall Street Journal uma quantia que pode chegar a U$$ 100 milhões.
Em comunicado oficial, a rodada de financiamento foi fechada com: Insight Venture Partners, T. Rowe Price, Institutional Venture Partners, Spark Capital e Benchmark Capital.
Orgulhosos em seu agradecimento no comunicado, aos grupos de investidores que já são nossos conhecidos de outras parcerias,”sempre generosas”, a empresa(twitter) promete comprometimento em melhorias na tecnologia, produto e sociedade.
Abraço,
Ederson Melo – @edersonmelo
Google Sidewiki
Sep 28th
O Google anunciou Seu mais novo produto, Google Sidewiki , a idéia é ter um sidebar que permita os visitantes adicionarem novas informações ao site que estão acessando.
Uma vez que a barra de ferramentas com Google Sidewiki for instalada no computador, o usuário poderá optar por visualizar no canto esquerdo do navegador as informações que outros internautas adicionaram.
Também poderá fazer suas próprias observações, desde que tenha uma conta do Google registrada.
A barra do Google com Sidewiki está disponÃvel para os navegadores Internet Explorer 6 ou superior e Firefox 2 ou superior. Em outras palavras, nada de Sidewiki no Chrome, o navegador do próprio Google (que recentemente começou a testar extensões). Mas a empresa garante que quer estender o Sidewiki a outros navegadores em breve.
Vai entender.
Fonte: Tecnoblog
Abraço,
Ederson Melo – @edersonmelo
Google Android SDK 1.6
Sep 17th
A google liberou a versão 1.6 do SDK do Android, confira abaixo as novidades traduzidas do site da Android:
Caixa de pesquisa rápida para o Android
Android 1,6 inclui um quadro de pesquisa redesenhado que fornece uma maneira rápida, eficaz e consistente para os usuários de busca através de múltiplas fontes, tais como bookmarks e histórico do navegador, contatos, e os web-diretamente da tela inicial.
O sistema constantemente aprende que resultados de pesquisa são mais relevantes com base no que é clicado. Contactos Tão popular ou aplicativos que tenham sido previamente escolhidos será bolha até o topo quando um usuário digita as primeiras letras de uma consulta em questão.
O quadro de busca também fornece aos desenvolvedores uma maneira fácil de expor o conteúdo relevante de suas aplicações na Caixa de pesquisa rápida.
Máquina fotográfica, filmadora, e Galeria
Uma interface de usuário atualizada oferece uma câmera integrada, filmadora e uma experiência de galeria. Os usuários podem alternar rapidamente entre as paradas e os modos de captura de vÃdeo. Além disso, a galeria permite aos usuários selecionar várias fotos de eliminação.
1,6 Android também fornece uma experiência de câmera muito mais rápido. Comparado com a versão anterior, o lançamento da câmera está agora 39% mais rápido, e há uma melhora de 28% no tempo de concluir um disparo para o próximo.
VPN, 802.1x
Uma nova Rede Privada Virtual (VPN) do painel de controle na opção permite aos usuários configurar e ligar para os seguintes tipos de VPNs:
- L2TP/IPSEC chave pré-compartilhada com VPN
- Certificado L2TP/IPSec VPN baseada
- Apenas L2TP VPN
- Apenas PPTP VPN
Indicador da bateria de uso
A tela do novo uso da bateria permite aos usuários ver quais aplicativos e serviços estão consumindo energia da bateria. Se o usuário determina que um determinado serviço ou aplicativo está consumindo muito, eles podem tomar medidas para economizar a bateria, ajustando as configurações, impedindo a aplicação, ou desinstalar o aplicativo.
Acessibilidade
Os usuários serão capazes de transferir os serviços de acessibilidade novos construÃdos sobre o novo quadro de acessibilidade e permitir-lhes em Configurações.
Android Market Updates
Nova interface do Android Market
Para aparelhos com Android Market, a versão mais recente melhora a experiência geral do usuário e torna mais fácil para os usuários a descobrir grandes jogos e aplicativos de desenvolvedores.
- Na tela inicial, os usuários podem escolher entre os aplicativos, jogos, e downloads.
- Dentro de uma categoria, os usuários podem explorar os tÃtulos que são pagos Top, Top pol livre, e Just
- Para cada tÃtulo, os usuários agora podem ver screenshots apresentados pelos desenvolvedores, além de opiniões de outros usuários.
Novas Tecnologias de Plataforma
Telefonia suporte para CDMA
Android 1,6 inclui suporte para CDMA.
Nova versão do OpenCore
Android 1,6 inclui a actualização OpenCore 2 motor de mÃdia, que tem:
- Suporte para encoders OpenMAX
- Suporte para codecs de áudio adicionais em AuthorEngine
- Modelo melhorado suporta buffer compartilhado
2.6.29 do kernel do Linux
Android 1,6 atualiza o kernel Linux a partir de 2.6.27 a 2.6.29.
Para Carolina Milanesi, diretora de pesquisa no Gartner, o suporte a CDMA pode aumentar o mercado para o Android no setor, principalmente nos Estados Unidos, onde as operadoras agora podem adicionar o Android ao seu portfólio.
Fonte: InfoWorld
Muito interessante, a google cada vez mais ampliando seu quadro de possibilidades para o android.
Orientação a objetos no CSS
Sep 2nd
Nicolle Sullivan em sua apresenta descreve a Orientação a Objetos em CSS, criando módulos reutilizáveis, criando uma folha de estilo mais clara, leve e limpa.
Como não conheço bem o assunto e estou engatinhando, preferi deixar o resultado da pesquisa com vÃdeos e pdf’s que podem ser acessados no link stubbornella.org
Abraço,
Ederson Melo – @edersonmelo
Palestra РDesenvolvendo aplica̵̤es para o Google Android
Aug 28th
Domingo(30 de Agosto) ocorrerá a palestra sobre “Desenvolvendo aplicações para o Google Androidâ€.
Promovido pelo grupo de usuários Tchelinux, acontece na Livraria Cultura das 15h às 18h em Porto Alegre-RS.
Quanto: Dois quilos de alimentos não perecÃveis, que serão doados.
Informações adicionais podem ser obtidas com Gabriel Stein pelo e-mail gabrielstein@gmail.com.
Fonte: Baguete
Abraço,
Ederson Melo – @edersonmelo
Iniciativa Caelum na busca de emprego
Aug 18th
A Caelum, renomada empresa em treinamentos e serviços estreou mês passado o site aondetrabalhar.com. A iniciativa visa ajudar alunos, profissionais e empresas que conhecem o trabalho da Caelum e possam confiar na busca de  profissionais cadastrados.
Segundo o blog.caelum.com.br de Fabio Kung:
A idéia principal do site é fazer as vagas atingirem os melhores desenvolvedores, de maneira simples. Pessoalmente, sempre achei irritante ter que preencher enormes formulários para poder começar a procurar por vagas. Pior ainda quando precisamos fazer upload de um arquivo do Word com o currÃculo!
A filosofia principal do site é simplicidade. Funciona como um job board (popular lá fora) e as empresas podem anunciar vagas de emprego a vontade. Detestamos burocracia: procurar boas oportunidades de emprego deve ser simples e fácil. Não é necessário se cadastrar, nem preencher formulários para buscar por vagas. Quer procurar por vagas de Java? De Ruby on Rails?
http://ondetrabalhar.com/java
http://ondetrabalhar.com/rails
Apenas em São Paulo?
http://ondetrabalhar.com/java/em/sao-paulo-sp
Estamos fazendo um trabalho forte de Search Engine Optimization (SEO) para fazer as vagas ficarem bem posicionadas nos principais mecanismos de busca. Além disso, fornecemos feeds para qualquer pesquisa e você pode acompanhar as vagas do seu agregador de RSS favorito. Em breve, também será possÃvel receber emails com as vagas de interesse.
Outra enorme preocupação do OndeTrabalhar.com é fazer as vagas chegarem no público certo: os melhores desenvolvedores do mercado. Para isso, estamos fazendo diversos acordos com algumas das maiores comunidades de desenvolvimento do Brasil. Entre as que já posso citar estão o GUJ.com.br, o PortalJava, o RubyOnBr.org, o Ruby Inside Brasil e algumas comunidades de outras linguagens como PHP e Python ainda vem por aÃ. Em breve já aparecerão vagas de emprego do OndeTrabalhar.com em todos esses sites, inclusive por aqui no Blog da Caelum.
Caso exista alguma vaga aà na empresa onde trabalha, eu te peço um enorme favor: comente sobre o OndeTrabalhar.com ao responsável. Melhor ainda se você mesmo for o responsável e puder cadastrar a(s) vaga(s) por lá.
Se você tem interesse em fazer alguma parceiria conosco, para ter uma lista de vagas atualizada no seu site, blog, portal, ou comunidade, sem ter dor de cabeça tendo que gerenciar isso (inclusive remover vagas já preenchidas), entre em contato!
O OndeTrabalhar.com foi produzido pelo núcleo de Ruby on Rails da Caelum, do qual eu tenho um orgulho e felicidade enormes de ver crescendo!
blog.caelum.com.br de Fabio Kung
Abraço,
Ederson Melo – @edersonmelo
Chrome OS
Aug 17th
Google Chrome Operating System (ou simplesmente”Chrome OS”), O novo SO será baseado no kernel do linux e está com a data de lançamento para o segundo semestre de 2010.
O objetivo principal do novo OS é o mercado de netbooks, mas não é descartada a utilização em PC’s desktop. O sistema promete rodar bem em chips de arquitetura ARM e em x86(se você entende bem de SO saberá do que estou falando, eu não sou muito bom não).
Segundo A revista espÃrito livre, O Chrome OS terá como espinha dorsal o atual navegador Google chrome. O “motor†do browser deverá rodar sobre um wondow manager ainda desconhecido (provavelmente desenvolvido pelo Google) “montado†sobre um kernel linux com “adaptaçõesâ€
A idéia do Google com o chrome OS é levar ao extremo o conceito cloud computing: Com os principais programas e arquivos pessoais nas nuvens.
Estas informações poderão utilizar o Google apps como suÃte de aplicativos primários peloas usuários do chrome OS, hospedadas então nos servidores do Google.
Já a Microsoft antes do anúncio do lançamento do chrome OS havia informado o desenvolvimento do Windows 7, um OS netbook friendly, também foi anunciado o desenvolvimento do Microsoft Gazelle, um browser com caracterÃsticas de sistema operacional, com a possibilidade de substituir o Internet Explorer em um futuro indeterminado segundo a revista espÃrito livre.
Uma caracterÃstica interessante do Gazella é a capacidade de gerenciar recursos web independente do Windows e isolar o que roda em cada aba. Também foi anunciado o Office 2010 em versão gratuita online para usuários que tenham conta no Windows Live.
Muitas coincidências? Talvez não, Google Apps pode ser a maior rival da Microsoft  Office e agora com o Chrome OS(se realmente ocorrer).
Fontes:
PICHAI, Sundar; UPSON, Linus. Introducing the Google Chrome OS
Cristiano Rohling pela revista Espirito livre
Imagem : http://turmatech.com
Abraço,
Ederson Melo – @edersonmelo
