Developer Web, Mobile, Gamer
edersonmelo
This user hasn't shared any biographical information
Posts by edersonmelo
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 …
Dependent foreign key constraint violation
Sep 29th
Quando você tenta excluir a linha de uma tabela em alguma base de dados e se depara com uma restrição por causa de uma chave estrangeira, algo tipo:
Dependent foreign key constraint violation in a referential integrity constraint. dbname =Â ‘meudb’, table name = ‘meudb..MINHATABELA’, constraint name = ‘MINHA_TABELA_1938102914′.
Se isso correr no Sybase utilize a linha abaixo no isql ou SqlAdvantage para identificar as dependências:
select object_name(constrid),object_name(tableid) from sysconstraints
Até a próxima
SDK Android, Erro @foo
Aug 1st
Estava recriando o ambiente Android para o NetBeans desta vez, e me deparo com um errro no emulador Android:
invalid command-line parameter: de.
Hint: use ‘@foo’ to launch a virtual device named ‘foo’.
please use -help for more information
Como não lembrava de ter este erro antes
, através de uma pesquisa rápida, foi identificado que é um erro de leitura do caminho para o SDK.
Independente de IDE, vá até o Campo SDK Location do seu SDK Android e substitua o caminho: C:Arquivos de Programas… por: C:ARQUIV~1Androidandroid-sdk
Para os vários casos de SO 64 bits o caminho alterado fica: C:PROGRA~2Androidandroid-sdk
Agora não tem como dar errado
Doodle Interativo Google – infosfera
Jul 22nd
Para quem não sabe, também sou editor no blog infosfera do clicrbs, e achei bacana replicar o meu último post sobre o Doodle Interativo do Google com um efeito que sempre me impressiona, à sombra!
O Doodle Animado do Google traz um móbile semelhante ao criado por Alexandre Calder em comemoração a seu 113º Aniversário. Como cortesia da Fundação Calder / ARS, NY.
Observem a sombra quando o Móbile se movimenta!!!!
Calder foi o primeiro a explorar o movimento na escultura e um dos poucos artistas a criar uma nova forma – o móbile. Nos últimos anos mantinha um estúdio em Saché, perto de Tours e embora vivesse aà a maior parte do tempo, conservou sua fazenda de Roxbury, Connecticut, comprada em 1933, e que se tornara um verdadeiro repositório de trabalhos e objetos feitos por ele – desde os andirons espiralados da lareira rústica até às bandejas feitas com latas de azeite italiano. Alexander Calder também conhecido por Sandy Calder, foi um escultor e artista plástico estadunidense famoso por desenvolver seus móbiles.
As décadas de 1930 e 1940 foram extraordinariamente produtivas para Calder. Sua criatividade levou-o a realizar obras cada vez mais versáteis, como esculturas ao ar livre, cenários para teatros e balés e móbiles para arquitetura.
Móbile é um modelo abstrato que tem peças móveis, impulsionadas por motores ou pela força natural das correntes de ar. Suas partes giratórias criam uma experiência visual de dimensões e formas em constante equilÃbrio. O móbile foi inicialmente sugerido por Marcel Duchamp para uma exibição de 1932, em Paris, sobre certas obras de Alexander Calder, que se converteu no maior exponente da escultura móbile.
Em 1964, outra grande retrospectiva de sua obra foi realizada no Museu Guggenheim de Nova York. Calder seria consagrado como o grande inovador da escultura no século 20. Faleceu, na casa de uma de suas filhas, aos 78 anos.
Fonte(s):
http://pt.wikipedia.org/wiki/Alexander_Calder
http://www.webdig.com.br/6219/doodle-interativo-google-comemora-escultor-alexander-calder/

Mobile Payment – Case WAPPA Táxi
Jul 20th
Mobile Payment é a forma de pagamento sem a necessidade de cartão de crédito, cheque ou dinheiro, utilizando apenas seu aparelho celular.
Se você abstrair pensamentos sobre segurança, conectividade, mobile Payment é inevitavelmente o futuro! Este futuro pode ser descrito através de várias palavras como Online Wallets, Mobile Web Payment, Direct Mobile Billing, Premium SMS/USSD, etc.
Um case muito interessante que acabei conhecendo através de uma entrevista na TV a WAPPA(e não é propaganda, ok
, resolvi estudar e procurar sobre o assunto. A WAPPA desenvolveu um sistema de Mobile Payment focado em um nicho.
O WAPPA Táxi , uma aplicação bem bacana que atualmente disponibiliza o serviço apenas para empresas. A cooperativa de táxi tem todos os taxistas cadastrados, o identificador de cada um é o seu próprio número de celular. Quando o cliente for realizar o pagamento, ele envia um SMS para a cooperativa com o ID do taxista, o valor da corrida e sua senha. Ambos recebem uma mensagem de confirmação do pagamento.
As empresas associadas passam a ter uma interface onde podem acompanhar as transações efetuadas, em tempo real, independente do Estado onde ela é realizada. Evitando qualquer tipo de fraude e redizir os custos despendidos com boletos e talões.
Tanto o cliente quanto o taxista recebem o SMS. Se o cliente enviar um valor errado, por exemplo, pode estornar o pagamento na hora. Se, por acaso, ele não enviar corretamente o número do táxi, o taxista não receberá a mensagem. Por conseguinte, perceberá que algo errado aconteceu, entrará em contato e resolverá o problema.
Para casos de esquecimento do celular temos algumas saÃdas. Os colaboradores podem entrar em contato através de uma URA. Isso sem contar que cada consumidor possui um código e um cartão de contingência, assim os taxistas podem passar os detalhes necessários via rádio. No caso de clientes pré-pagos, algumas operadoras liberam a transação já que a mensagem é paga por nós; outras não liberam. Nesse segundo caso os clientes podem realizar os procedimentos citados anteriormente.
Armindo Freitas Mota Jr., diretor executivo da empresa para mobilepedia.
Referências
Mobile payment systems gain traction
Mobile payment
PaymentsNews.com
Find Procedure, um dia você vai precisar!
Jun 28th
Procurar conteúdo dentro de uma procedure sem a intervenção de um DBA pode ser necessário, se você não precisou, vai precisar um dia. A query abaixo procura trecho dentro das procedures armazenadas no banco.
SELECT ROUTINE_NAME, ROUTINE_DEFINITION
FROM INFORMATION_SCHEMA.ROUTINES
WHERE ROUTINE_DEFINITION LIKE '%SEARCHSTRING%'
AND ROUTINE_TYPE='PROCEDURE'Claro, que dependendo do banco da dados(Oracle, MSSQL, Postgre, MySQL, Sybase) algumas adaptações são necessárias












