http://itunes.apple.com/us/app/wordpress/id335703880?mt=8

Com a App instalada, você deve adicionar um blog wordpress ele pode ser um blog da comunidade wordpress.com aqueles blogs que ficam hospedados no wordpress.com, por exemplo, www.fellyph.wordpress.com ou um blog próprio com este. Selecionei a opção que se aplica ao meu caso um “site wordpress.org”.

Em seguida informei os dados do meu blog, endereço , usuário e senha. Quando tentei logar o aplicativo deu um alerta pedindo para autorizar uma opção de “publicação em XML-RPC” por padrão o wordpress vem com essa opção desabilitada. Para habilitar essa opção logue no admin do seu blog e vá na tela de configurações de escrita que fica na seção de configurações do seu blog, e habilite a opção “Ativar os protocolos de publicação XML-RPC do WordPress, Movable Type, MetaWeblog e Blogger.” como você pode conferir na imagem abaixo :

E o que é o XML-RPC? Traduzindo em português a sigla RPC significa protocolo de chamada de procedimento remoto, ele trabalha com um XML que lista suas chamadas. Isso possibilita ao aplicativo fazer acesso remoto ao worpdress via HTTP.

Acima temos uma imagem da aplicação devidamente logada, temos listagem dos últimos posts do blog, nela você tem a possibilidade de criar ou administrar posts. O aplicativo permite adicionar a sua geolocalização nos posts.

Na imagem seguinte vemos o editor de texto nele temos algumas tags html, como b(bold), i(itálico), link, quote, ul, li, code e a tag do wordpress more.

Também tem a possibilidade de criar páginas e responder e administras seus comentários e visualizar as estatísticas do seu blog caso esteja conectado com o wordpress.org.

Claro que você não vai criar posts quilométricos com um iphone, mas é uma boa opção para fazer posts rápidos, compartilhar images e responder comentários. ´

A versão iOS está disponível para iphone, ipod touch e ipad. Além da plataforma iOS, existem apps para :

• Android http://android.wordpress.org/
• Blackberry http://blackberry.wordpress.org/
• Windows Phohe http://windowsphone.wordpress.org/
• Nokia http://nokia.wordpress.org/

Agora é só escolher a sua versão de acordo com a sua plataforma.

Já tinha testado a App no Nokia n8 mas nunca pegou, por uma questão simples de suporte. Estou escrevendo do celular só para teste no próximo post complemento com informações úteis, onde baixar e como configurar.

A apresentação está organizada da seguinte forma:

- Ambiente necessário para se trabalhar com WordPress
- Novidades da versão 3.3
- Estrutura padrão do wordpress
- Cases de até onde podemos ir com o WordPress

Data: 11/01/2012
Horário: 19:30 às 21:00
Local: Rua Joaquim Floriano, 733, 8.º Andar – Itaim Bibi – São Paulo

Mais informações

Esse ano estarão presentes nomes como :

• Ely Menezes(Fishy)
• Gustavo Guanabara(Guanabara.info)
• Luli Radfahrer
• Luiz Tiago
• Natanael Pantoja(Caelum)
•  Daniel Ferreira(C.E.S.A.R)
• Alexandre Soncini(Vte)
• Phelipe Gonçalves(Tecla)

A programação completa você confere aqui

Quando : Dia 03 de Dezembro de 2011

Onde : Mar Hotel Recife

Mais informações em : http://www.edted.com.br/edted-16/

• Compartilhe sempre
• Flash is not dead.(but)
• Você escreve código ou desenvolver soluções

Isso eu posso extrair das 3 palestras que eu assisti, a primeira palestra foi com o Janderson Cardoso, falou sobre sua trajetória, o início de sua carreira como desenvolvedor, suas fontes e como organizou suas metas e um ponto chave foi pesquisar e compartilhar tudo que aprendeu, isso é um fator importante na carreira de TI.

Em seguida o Lee Brimelow evangelista da Adobe(Flash) veio para esclarecer muitos pontos sobre o panorama atual do flash e começou com o seguinte slide “Flash is not dead”. Mas iria tomar um rumo diferente o que o HTML5 não era capaz ainda de fazer isso seria responsabilidade do Flash. Investimentos em 3D, AIR  e games são as apostas do Flash para o próximo ciclo do cs6. Mostrou um pouco do edge e falou sobre a morte do flash player mobile.

Dois pontos foram chave para ele: a experiência de um site em Flash em um mobile é muito diferente para um desktop. E outro ponto muita coisa que o flash player mobile oferecia o HTML5 já oferecia e a adesão de apalhos mobile com html5 é maior que nos desktops graças ao domínio do mercado feito pelo ios e android.

Depois acompanhei um pouco o workshop sobre processing js que depois em outro post vou falar sobre. A última palestra do evento foi com Arthur Debert experiente programador desenvolveu a conhecida classe bulkloader. Falou sobre a historia das linguagens e suas evoluções como muita coisa se fala em novidade e está no mercado a muito tempo ou tem origem em algo mais antigo ainda. Criticou o comportamento do mercado como alguns profissionais são taxados como “Criativo”.

Desenvolver uma solução é algo que não necessita de criatividade? Pensar em arquitetura de soluções digitais é algo pobre? Outra crítica veio quando surgiu a pergunta “você gosta de algum trecho de código”? Isso parece estranho mas nós programadores produzimos códigos, mas não temos o costume de admira-los ou até simplesmente analisa-lós, contrario a outras profissões como um músico é difícil achar um músico que não tenha uma música ou artista preferido. Então foi uma dica que ele deixou leia código tente entender o que se passa na cabeça de grandes programadores.

Você escreve código ou desenvolve soluções? Outra pergunta que ecoou no auditório, isso também é um fator importante se você cria soluções você consequentemente não vai estrar preso a nenhuma tecnologia.

No final teve uma mesa redonda onde voltaram o assuntos HTML5 , morte FLEX, morte Flash Player mobile. E assim terminou o Flash Camp São Paulo um evento com  a mesma pegada do Flash Camp Rio. Um ambiente informal, mas de palestras sempre de alto nível, mesmo sendo patrocinado pela Adobe o evento tem opinião própria se apelo a ferramentes e sim a soluções. Agradecimentos ao Filipe Cunha e Jay Moretti pelo belo trabalho

Tableless, CSS/3, HTML5, WP, jQuery, XML, JSON..

Experiência na criação de interfaces e implementação de WordPress. Desejável bom nível de jQuery, código semântico e limpo.

Interessados enviar email para cherryjobs@cherryplus.com.br

A primeira forma é adicionando um filtro(comando) dentro do functions.php que eu vou mostrar o trecho de código que trabalhamos logo abaixo :

add_filter('single_template', create_function('$t', 'foreach( (array) get_the_category() as $cat ) { if ( file_exists(TEMPLATEPATH . "/single-{$cat->term_id}.php") ) return TEMPLATEPATH . "/single-{$cat->term_id}.php"; } return $t;' ));

Explicando rapidamente esse bloco de código aplica um filtro, ele usar um for para acessar cada categoria ele pega o id e criar um template de uma página single, da seguinte forma single-[id-da-categoria].php, mas claro isso só será aplicado se o arquivo existir na pasta do tema.

A segunda forma é utilizando plugin que funciona da seguinte forma ele habilita a possibilidade de criar templates igual o esquema de page templates. Você baixa e instala o plugin aquela tradicional instalação ou pelo painel ou via ftp. Plugin instalado e ativado você irá criar um arquivo “qualquer_nome.php” no inicio do arquivo adicionamos a seguinte bloco de código :

<?php
/*
Single Post Template: [Nome que identifica o template no painel de posts]
Description: Descrição para ajudar na escolha do template
*/
?>

Esse esquema diferente do primeiro não cria uma single pra cada categoria e sim um template de forma livre para qualquer tipo de post. O plugin de single post template você encontra aqui: http://wordpress.org/extend/plugins/single-post-template/

Outro plugin que tem um funcionamento similar é o Custom post template : http://wordpress.org/extend/plugins/custom-post-template/

A terceira forma é trabalhando com conditional tags(tags condicionais), são funções que funcionam como perguntas lógicas que retornam true ou false essas funções utilizamos juntos com um “if” para fazer o tratamento de uma determinada situação. Então visualizando esse panorama vamos fazer o tratamento da seguinte forma dentro do arquivo single.php adicionamos somente as conditional tags e para cada caso fazemos um include php para importar o php que desejamos. Vamos a um exemplo :

<?php
   $post = $wp_query->post;
   if ( in_category('3') ) {
     include(TEMPLATEPATH . '/single_para_categoria_3.php');
   } else {
     include(TEMPLATEPATH . '/single_para_outras_categorias.php');
   }
?>

O código acima é dessa forma sem mais, a historia vai ser resolvida nos arquivos single_para_categoria_3.php e single_para_outras_categorias.php é lá onde estarão o loop e toda a estrutura da página. A desvantagem de trabalhar dessa forma é que para cada categoria temos que fazer um tratamento, se caso for criada uma categoria nova tem que entrar no single.php e adicionar mais uma condicional.

Mais infos sobre conditional tags : http://codex.wordpress.org/Conditional_Tags

Neste Post vou tratar um pouco mais sobre a questão de cores, linhas e animação.

Revisando um pouco sobre cores função que define a cor de um context é a função fillStyle() com ela podemos passar os valores da seguinte forma:

ctx.fillStyle = "black";  
ctx.fillStyle = "#000000";  
ctx.fillStyle = "rgb(0,0,0)";  
ctx.fillStyle = "rgba(0,0,0,1)";

No exemplo abaixo vou fazer um loop com quadrados randomizando duas posição x , y e sua transparência :

<html>
	<head>
             <script language="javascript"> 
var posx = 0;
var posy = 0;
var alphaRandom = 0;
 
function init(){
	var ctx = document.getElementById('meucanvas').getContext('2d');
 
 	for(i= 0; i < 250; i++){
	    	posx = Math.random()*340;
	    	posy = Math.random()*340;
	    	alphaRandom = Math.random();
 
  		ctx.fillStyle = 'rgba(230,0,0,' + alphaRandom +')' ;
	    	ctx.fillRect(posx, posy, 15, 15);
    	}
 
}
             </script>
	</head>
	<body onload="init()">
	<canvas id="meucanvas" width="400" height="400"> </canvas>
	</body>
</html>

O resultado é o seguinte :

Quadrados randomicos – jsdo.it – share JavaScript, HTML5 and CSS

O demo desse exemplo completo vocês conferem aqui : http://jsdo.it/Fellyph.Cintra/3ujk

Além das função “fillRect” podemos trabalhar com, “strokeRect”, “clearRect”, “arc” e “lineTo”.
strokeRect cria uma forma retangular com apenas seu contorno(linhas), clearRect limpa a área especificada e a função arc serve para criar arcos e circulos junto com a lineTo ela entra no grupo dos path, gosto de traduzir um path como um elemnto complexo. Para trabalhar com o grupo dos “paths” precisamos de um número maior de passos que vamos ver depois desse primeiro exemplo.

Vamos a um exemplo usando as 3 funções(fillRect, strokeRect, clearRect) abaixo vou mostrar apenas a parte do js:

function init(){
   	var ctx = document.getElementById('meucanvas').getContext('2d');
 
    	for(i = 0 ; i < 4; i++ ){ 
	    for(j = 0; j < 4; j++ ){
		var posx = j * 100
		var posy = i * 100    
	    	ctx.fillStyle = 'rgb(230,0,0)' ;
    		ctx.fillRect(posx,posy,100,100);
		ctx.clearRect(posx  + 10, posy + 10,80,80);
		ctx.strokeRect(posx + 25,posy + 25,50,50);
	    }
	} 
 
}

o resultado é o seguinte :

padrão – jsdo.it – share JavaScript, HTML5 and CSS

Como podemos ver o fillStyle interfere apenas no fillRect o desenho gerado pela strokeRect não, isso por que função strokeRect trabalha com linhas para modicar as cores das linhas trabalhamos com a função strokeStyle que trabalha com os mesmos parâmetros utilizados pela função fillStyle.

Para trabalhar com elementos complexos precisamos de um número maior de passos em relação ao exemplo anterior. trabalhamos com quatro funções : beginPath(), closePath(), stroke(), fill(). No próximo exemplo vou usar um exercício que tinha usado em um post trabalhando com gráficos com Flash. Vou converter esse exercício em canvas.

function init(){
 
   	var ctx = document.getElementById('meucanvas').getContext('2d');
	// separei em três funções cada elemento do meu desenho
    	// uma para criar o quadrado, outra para o lozango e o circulo
    	criaQuadrado(ctx);
	criaLosango(ctx);
	criaBola(ctx);
 
}
 
function criaQuadrado(_ctx){
			_ctx.fillStyle = "#008300";
			_ctx.fillRect(0,0,330,240);
		}
 
//essa função é resposável por criar o losango
function criaLosango(_ctx){
 
 		_ctx.fillStyle = "#FCFF00";
   	  	_ctx.beginPath();
   		_ctx.moveTo(165, 10);
		_ctx.moveTo(310,120);
		_ctx.lineTo(165,230);
		_ctx.lineTo(20 , 120);
		_ctx.lineTo(165,10);
    		_ctx.fill();
		_ctx.closePath(); 	
}
 
// essa função é responsável por criar um circulo
function criaBola(_ctx){
   	 _ctx.beginPath();
	_ctx.fillStyle = "#00027F";
	_ctx.arc(165,120,70,0,Math.PI*2,true);
   	_ctx.fill();
   	 _ctx.closePath(); 
 
}

Como no exemplo anterior deixei só a parte do js o exemplo completo você confere aqui : http://jsdo.it/Fellyph.Cintra/c5qu e o resultado é o seguinte :

Exemplo gráficos – jsdo.it – share JavaScript, HTML5 and CSS

Nos primeiros testes vi que a coisa funciona bem manual definir cada elemento dentro do contexto. Também tentei adicionar eventos de click, mas essa questão tem que ser tratado de uma forma especial porque o evento é aplicado em todo o canvas e não no contexto. Então se eu crio um quadrado dentro do canvas eu preciso tratar o over dele utilizando x e y mas claro que alguma alma iluminada já fez uma biblioteca para essa questão. Quando eu fiz o primeiro post sobre canvas achei essa biblioca jCotton quando estava pesquisando para o segundo post achei a biblioteca Kinetic JS. Deixo esses dois links para vocês pesquisarem serão base para meu próximo post sobre canvas.

Minha fonte para o post foi MDN Mozilla developer network

Vou parando por aqui e até o próximo post

Como todos(devs paulistas) pediam a bastante tempo, finalmente vamos ter um Flash Camp em São Paulo no dia 19 de novembro. Os melhores nomes no desenvolvimento de Jogos, RIA, design e interatividade, desembarcam em São Paulo. O Camp acontece em conjunto com o Latin Flash Tour, como aconteceu no ano passado no Rio de Janeiro. Este ano o Flash Camp contará com  nomes como, Lee Brimelow, Paul Trani, Claus Wahlers e Arthur Debert.

Uma boa oportunidade de ver essa galera de perto e trocar uma idéia com eles. Além das palestras o evento vai contar com workshops que serão realizados em paralelo em duas salas, abordando os seguintes assuntos : Air Mobile, HTML5, Canvas/JS e FDT5.

No ano passado o Camp Rio foi organizado pelo ASDEVS liderados por Filipe Cunha e Jay Moretti. Foi um dos melhores eventos de dev do ano passado, com palestras de alto nível  e uma ótima estrutura da ESPM no rio. O evento teve um clima diferente participantes e palestrantes se misturavam durante e após o evento, parecendo uma verdadeira confraternização. O melhor de tudo isso que a galera teve a oportunidade de aprender com grandes nomes do mercado. E esse clima é aguardado no Flash Camp São Paulo (eu já fiz minha inscrição). O Camp esse ano está custando R$ 80,00 pelo o nível das palestras e assuntos abordados está muito barato.

O Flash Camp São Paulo acontece no dia 19 de novembro de 2011, na faculdade impacta.

Mais infos em : http://asdevs.com.br/flashcampsp/

E para não perder o costume realizei uma entrevista com André Fontenelle o organizador e criador do evento. Que vocês conferem logo abaixo :

No mundo Web é uma evolução muito grande, em um ciclo de um ano muita coisa muda, novos temas são inseridos no mercados. Ano passado temas como desenvolvimento web, mobile e designer estiveram presentes. Esse ano quais serão os temas abordados no evento?

André Fontenelle: Neste ano, vamos aprofundar ainda mais o tema mobile, será tema do evento principal e ainda criamos um workshop exclusivo para o tema. Também estamos abordando Mídias Sociais, Acessbilidade, Desenvolvimento de alto nível, Blog e Interação. Este ano os temas estão muito bem divididos, em:

- Empreendedorismo
- Acessibilidade
- Mercado Mobile
- Mídias Sociais
- Publicidade online
- Desenvolvimento Web
- Blog e interação

Acho que abordando estes temas, estamos falando com todos do mundo Geek.

Como todo ano auditório sempre lotado, como já anunciado no twitter. O iSeminar terá um novo espaço no teatro da ufpe, além dessas quais serão as novidades relacionadas a estrutura no evento ?

André Fontenelle: A mudança para o Teatro da UFPE foi bastante significativa, além do espaço ser maior, há o conforto dos acentos, uma melhor visibilidade do palco, dos palestrantes e internet Wifi. A experiência do usuário conta muito e desejamos atingir esta expectativa neste novo espaço.

O iseminar já foi um evento que tinha um foco muito grande em design + desenvolvimento web, com o passar do tempo o evento evoluiu bastante. Hoje como você classifica o iseminar?

André Fontenelle: Atualmente o iSeminar é um evento de tecnologia mais abrangente, feito para o público que interage com mídias sociais, que desenvolve projetos web, aplicativos para dispositivos móveis, enfim tudo que abrange o mundo Geek.

O que você diria para aquela pessoa que ainda está com dúvida em ir ao evento ?

André Fontenelle: Eu sugiro a todos os profissionais, seja de qual área for, tirar alguns dias do ano para conhecer outras realidades, novas pessoas, novas idéias, fazer networking e o iSeminar é o lugar ideal para isto.

Então ficou com vontade de ir para o evento ?

O iSeminar acontece no dia 22 de outubro de 2011
Horário: 08:30h ás 18h
Local : Centro e convenções da ufpe

Mapa do local :

Ver mapa maior

Agenda : http://www.iseminar.com.br/v2011/#/agenda/
Workshop : http://www.iseminar.com.br/v2011/#/workshop/

Ps: Roubei a imagem do post do Irving Suna