live - redeRIA | Agregador de noticias, artigos, tutoriais Flex, Flash, JavaFX, AJAX e Rich internet applications em geral!

Mar 9

Lógica de programação com Scratch – Aula 4

Escrito por Elvis Fernandes em 1, 2.0, 2009, 4, 6, Android, aplicacao, app, AR, arte, C#, control, CRUD, Desenvolvimento, err, erro, for, git, Google, IE, int, Introdução, JQuery, live, Livro, lógica, Mac, NaN, O, on, operadores, permalink, programação, pt, rest, restfulx, Ria’s Geral, ruby, screen, Screencast, screencasts, tag, Vídeo @ 03 9th, 2012 | via http://www.elvis.eti.br | Sem comentários

Quarto vídeo da série de screencasts sobre lógica de programação com Scratch.

Este vídeo mostra como salvar e abrir um projeto, como controlar o teclado e como trabalhar com blocos de comandos condicionais.

Veja mais informações sobre a série neste outro post.

Posts relacionados

© Elvis for Elvis Fernandes, 2012. |
Permalink |
Nenhum comentário |
Adicione ao
del.icio.us

Tags: aula, Desenvolvimento, lógica, programação, scratch

Mar 6

Lógica de programação com Scratch – Aula 3

Escrito por Elvis Fernandes em 1, 2.0, 2009, 4, 6, Android, aplicacao, app, AR, arte, C#, cheat sheet, CRUD, Desenvolvimento, Flex, Flex4, flexreport, for, git, Google, IE, live, Livro, lógica, Mac, NaN, O, on, operadores, permalink, programação, pt, rest, restfulx, Ria’s Geral, ruby, screen, Screencast, screencasts, tag, Vídeo @ 03 6th, 2012 | via http://www.elvis.eti.br | Sem comentários

Terceiro vídeo da série de screencasts sobre lógica de programação com Scratch.

Veja mais informações sobre a série neste outro post.

Posts relacionados

© Elvis for Elvis Fernandes, 2012. |
Permalink |
Nenhum comentário |
Adicione ao
del.icio.us

Tags: aula, ensino, lógica, programação, scratch, screencast

Mar 2

Lógica de programação com Scratch – Aula 2

Escrito por Elvis Fernandes em 1, 2.0, 2009, 4, Android, aplicacao, app, AR, arte, C#, cheat sheet, CRUD, Desenvolvimento, err, erro, Flex, Flex4, flexreport, for, git, Google, IE, live, Livro, lógica, Mac, NaN, O, on, operadores, permalink, programação, pt, rest, restfulx, Ria’s Geral, ruby, screen, Screencast, tag, Vídeo @ 03 2nd, 2012 | via http://www.elvis.eti.br | Sem comentários

Este é o segundo vídeo da série de aulas sobre lógica de programação com o Scratch. Veja mais informações sobre a série neste outro post.

Posts relacionados

© Elvis for Elvis Fernandes, 2012. |
Permalink |
Nenhum comentário |
Adicione ao
del.icio.us

Tags: aula, ensino, lógica, programação, scratch, screencast

Fev 29

Lógica de programação com Scratch – Aula 1

Escrito por Elvis Fernandes em 1, 2.0, 2009, 4, 6, Android, aplicacao, app, AR, arte, C#, cheat sheet, CRUD, Desenvolvimento, err, erro, Flex, Flex4, flexreport, for, git, Google, IE, live, Livro, lógica, Mac, NaN, O, on, operadores, permalink, programação, pt, relatório, Relatórios, rest, restfulx, Ria’s Geral, ruby, screen, Screencast, screencasts, tag, Vídeo @ 02 29th, 2012 | via http://www.elvis.eti.br | Sem comentários

Este é o vídeo que dá início ? série de screencasts para as minhas aulas de lógica de programação utilizando o Scratch.

Veja mais informações sobre a série neste outro post.

Posts relacionados

© Elvis for Elvis Fernandes, 2012. |
Permalink |
Nenhum comentário |
Adicione ao
del.icio.us

Tags: aula, ensino, lógica, programação, scratch, screencast

Fev 28

Aulas de lógica de programação usando Scratch

Escrito por Elvis Fernandes em 1, 2.0, 2009, 4, 6, Android, Animações, aplicacao, app, AR, arte, AUG, BI, blog, C#, cheat sheet, class, código, CRUD, Curso, Desenvolvimento, Dica, DRE, educacao, err, erro, Flex, Flex4, flexreport, for, git, Google, IE, if, image, int, jogo, Jogos, live, Livro, lógica, Mac, Mate, mg, NaN, O, on, operadores, permalink, programação, pt, relatório, Relatórios, rest, restfulx, RIA, Ria’s Geral, ruby, S+S, screen, Screencast, screencasts, tag, UI, Vídeo, Vídeos @ 02 28th, 2012 | via http://www.elvis.eti.br | Sem comentários

O Centro Educacional de Pedreira é uma instituição educacional conveniada com o Senai Ary Torres onde eu tive o privilégio de estudar há mais de 10 anos atrás e onde hoje sou professor.

Professores e funcionários na inauguração do mini auditório multimídia

Beneficiado pela flexibilidade da instituição, este semestre as aulas de lógica de programação terão um formato diferente: boa parte do conteúdo será baseada em screencasts – onde os alunos poderão assistir as aulas em casa e aproveitar o tempo na escola para interagir mais com os colegas e o professor.

Essa série de screencasts será publicada no YouTube, e cada novo vídeo será publicado também aqui no meu blog, para que mais pessoas (alunos e/ou professores) possam se beneficiar do material.

A primeira parte do curso será baseada no Scratch, que é uma linguagem de programação aberta e focada no aprendizado de lógica de programação. O Scratch usa e abusa de elementos visuais e para aprender programação utlizando blocos de comando, assim o aluno não se “assusta” ao ter de lidar com numerosas linhas de código para criar um programa. Dessa forma, com pouco tempo e muita criatividade o aluno pode criar desde animações simples até jogos de uma maneira lúdica, enquanto vai absorvendo – mesmo que sem querer – os principais conceitos da lógica de programação.

Veja todos os vídeos da série na categoria Ensino, que estarão disponíveis tão logo estejam prontos.

Bons estudos e boa diversão!

Posts relacionados

© Elvis for Elvis Fernandes, 2012. |
Permalink |
Nenhum comentário |
Adicione ao
del.icio.us

Tags: educação, lógica, programação, scratch, screencast

Jan 3

SharedObject com Flash Media Server

Escrito por Leonardo França em .NET, 1, 2.0, 4, 6, action, Actionscript, ActionScript 3, Actionscript 3.0, Actionscript3, Adobe, Air, Aplicativos, app, AR, BI, botão, browser, C#, class, cliente, código, Cookie, Curso, dados, demo, Download, err, event, EventListener, events, exemplo, Ferramenta, filter, flash, flash media, Flash Media Server, Flash Player, Flex, FMS, function, Geral, git, Google, handle, html, ide, IE, if, image, instalação, int, live, mg, O, on, Outros, Partilha, player, pt, referencia, RIA, Ria’s Geral, RTM, RTMP, S+S, server, servidor, swf, TAT, UI, uint, update, Ved, web, window @ 01 3rd, 2012 | via http://www.leonardofranca.com.br | Sem comentários

SharedObject é um recurso que dar ao Flash Player a capacidade de salvar dados localmente para poder ser usado posteriormente em sua aplicação, a grosso modo é como um cookie. Com o Flash Media Server, foi introduzido a possibilidade de usar o SharedObject Remote, no qual os dados são salvos no servidor Flash Media Server e compartilhados para todas as instâncias de uma conexão entre o Flash Player e o Flash Media Server. Isso possibilita a criação de aplicativos em real time como Dashboards, chats e o que mais a imaginação permitir.

O uso do SharedObject Remote pode ser usado de duas maneiras em conjunto com o Adobe Flash Media Server.

Somente pelo lado cliente, através do Flash Player/AIR
Em conjunto com ActionScript Communication, linguagem de servidor do Flash Media Server

Vejamos o primeiro caso:

Através do lado cliente, através do Flash Player/AIR

Caso você não tenha conhecimento para usar a linguagem Server-side do Flash Media Server, é possível utilizar o SharedObject Remote somente pelo ActionScript 3.0. Vamos a um exemplo clássico sharedBall, onde o objetivo é compartilhar as posições da bolinha a atualizar nos outros clientes conectados a mesma instância.

Vá até o diretório de instalação do Flash Media Server e procure pela pasta “applications”, lá crie um diretório chamado “sharedBall”, dentro dele um arquivo chamado “main.asc”
Abra o main.asc no seu editor de textos de preferencia ou pelo próprio Flash e digite: trace(“sharedBall…”);
Vamos testar esse arquivo, abra o console do Flash Media Server, geralmente fica localizado no diretorio de instalação/webrrot/swfs. Você pode abrir pelo browser ou o swf diretamente.
Clique no botão “View Applications” e em seguida procure o nome “sharedBall” no combobox logo no canto inferior esquerdo onde está escrito “New Instance…”
Selecione “sharedBall” e deveremos ter na aba Live Log algo como na imagem abaixo:

No Flash, criei uma bola com as ferramentas de desenho e converti para MovieClip dando o nome de “mc_ball”.
Estamos prontos para começar a integração entre o Flash e o Flash Media Server. Crie um layer para o ActionScript e abra o editor apertando F9 ou “Window->Actions”
Nosso código começa com a conexão com o servidor Flash Media Server

PLAIN TEXT

ACTIONSCRIPT3:

import flash.net.NetConnection;
import flash.events.NetStatusEvent;
var nc:NetConnection;
function init():void
nc = new NetConnection();
nc.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
nc.connect(“rtmp://localhost/sharedBall”);
function handlerNetStatus(evt:NetStatusEvent):void
trace(evt.info.code);
init();

Feito isso, podemos testar o swf apertando Ctrl+Enter, se tudo correr bem, deveremos ter a seguinte mensagem no output do Flash:

NetConnection.Connect.Success

Com a conexão feita, podemos instanciar o nosso SharedObject Remote para compartilhar as posições de x e y da bolinha.

PLAIN TEXT

ACTIONSCRIPT3:

if(evt.info.code == “NetConnection.Connect.Success”)
so = SharedObject.getRemote(“so”,nc.uri,false);
so.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
so.addEventListener(SyncEvent.SYNC, handlerSync);
so.connect(nc);

O handlerSync é responsável por atualizar os dados de x e y pegaremos do SharedObject Remote:

PLAIN TEXT

ACTIONSCRIPT3:

function handlerSync(evt:SyncEvent):void
mc_ball.x = so.data.x;
mc_ball.y = so.data.y;

Daremos a opção de ao clicar na bolinha, que ela possa ser arrastável, em seguida atualizaremos as posições de x e y no SharedObject Remote:

PLAIN TEXT

ACTIONSCRIPT3:

mc_ball.addEventListener(MouseEvent.MOUSE_DOWN, handlerSharedBall);
mc_ball.addEventListener(MouseEvent.MOUSE_UP, handlerSharedBallOut);
function handlerSharedBall(evt:MouseEvent):void
this.addEventListener(Event.ENTER_FRAME, update);
mc_ball.startDrag();
function handlerSharedBallOut(evt:MouseEvent):void
mc_ball.stopDrag();
function update(evt:Event=null):void
so.setProperty(“x”,mc_ball.x);
so.setProperty(“y”,mc_ball.y);

Segue o código completo:

PLAIN TEXT

ACTIONSCRIPT3:

import flash.net.NetConnection;
import flash.events.NetStatusEvent;
import flash.net.SharedObject;
import flash.events.SyncEvent;
import flash.events.MouseEvent;
import flash.events.Event;
var nc:NetConnection;
var so:SharedObject;
function init():void
nc = new NetConnection();
nc.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
nc.connect(“rtmp://localhost/sharedBall”);
function handlerNetStatus(evt:NetStatusEvent):void
{
trace(evt.info.code);
if(evt.info.code == “NetConnection.Connect.Success”)
so = SharedObject.getRemote(“so”,nc.uri,false);
so.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
so.addEventListener(SyncEvent.SYNC, handlerSync);
so.connect(nc);
}
function handlerSync(evt:SyncEvent):void
mc_ball.x = so.data.x;
mc_ball.y = so.data.y;
mc_ball.addEventListener(MouseEvent.MOUSE_DOWN, handlerSharedBall);
mc_ball.addEventListener(MouseEvent.MOUSE_UP, handlerSharedBallOut);
function handlerSharedBall(evt:MouseEvent):void
this.addEventListener(Event.ENTER_FRAME, update);
mc_ball.startDrag();
function handlerSharedBallOut(evt:MouseEvent):void
mc_ball.stopDrag();
function update(evt:Event=null):void
so.setProperty(“x”,mc_ball.x);
so.setProperty(“y”,mc_ball.y);
init();

Veja uma demostração em funcionamento:

Download sharedBall

Dez 27

Flex com PHP usando ZendAMF – Zend_Db

Escrito por Leonardo França em .NET, 1, 2.0, 2009, 4, abas, action, Actionscript, Actionscript 3.0, Actionscript3, Adobe, Adobe Flex, AMF, amfphp, AR, Artigo, Banco de Dados, C#, catch, class, classe, classes, dados, email, exemplo, filter, Flex, framework, function, Google, handle, html, if, image, int, Java, lista, live, mg, mysql, O, on, Password, PHP, pt, Ria’s Geral, S+S, server, site, TAT, Tema, try, UI, uint, update, Ved, zend, Zend Amf, zendAMF, zendFramework @ 12 27th, 2011 | via http://www.leonardofranca.com.br | Sem comentários

O artigo Adobe Flex com PHP usando ZendAMF – primeiros passos teve como objetivo exemplificar a integração do Flex com PHP para quem já tinha sistemas desenvolvidos usando o AMFPHP, por isso não usei as classes para acesso a banco de dados do ZendFramework. Neste artigo mostrarei o mesmo exemplo mas usando exclusivamente ZendFramework.

Pegarei o mesmo exemplo utilizado no artigo anterior, só modificando a classe PHP para usar as classes de abstração de banco de dados do ZendFramework. Começaremos com nosso gateway.php

PLAIN TEXT

PHP:

require_once ‘Zend/Config.php’;
require_once ‘Zend/Db.php’;
require_once ‘Zend/Amf/Server.php’;
require_once ‘Zend/Amf/Exception.php’;
require_once ‘Zend/Amf/Server.php’;
$server = new Zend_Amf_Server();
$server->setProduction(false);
$server->setClass(‘Contato’);
echo($server->handle());
?>

Executando o link no seu navegador, deve aparecer a seguinte mensagem:

Zend Amf Endpoint

Em seguida, modificaremos em nossa classe principal, que efetuará as operações de listar, inserir, apagar e atualizar os dados do nosso banco:

PLAIN TEXT

PHP:

/*
* author Leonardo França
* site http://www.leonardofranca.com.br
*/
class Contatos
private $db;
private $config;
private $select;
private $stmt;
function __construct()
$params['host'] = ‘localhost’;
$params['dbname'] = ‘java’;
$params['username'] = ‘root’;
$params['password'] = ”;
$database['adapter'] = ‘Mysqli’;
$database['params'] = $params;
$data['database'] = $database;
$this->config = new Zend_Config($data);
$this->db = Zend_Db::factory($this->config->database);
public function getData()
try
$this->select = $this->db->select();
$this->select->from(‘tabela’,array(‘id’,‘nome’,‘email’));
$this->stmt = $this->select->query();
$result = $this->stmt->fetchAll();
return $result;
catch (Exception $e)
throw new Exception($e->getMessage());
}
public function insertData($data=array())
try
$dados = array(
‘nome’ => $data['nome'],
‘email’ => $data['email']
);
$retorno = $this->db->insert(‘tabela’, $dados);
return $retorno;
catch (Exception $e)
throw new Exception($e->getMessage());
}
public function deleteData($data=array())
try
$retorno = $this->db->delete(‘tabela’, ‘id = ‘.$data['id']);
return $retorno;
catch (Exception $e)
throw new Exception($e->getMessage());
}
public function updateData($data=array())
try
$dados = array(
‘nome’ => $data['nome'],
‘email’ => $data['email']
);
$where['id = ?'] = $data['id '];
return $this->db->update(‘tabela’, $dados, $where);
catch (Exception $e)
throw new Exception($e->getMessage());
}
}
?>

No ActionScript só precisaremos mudar o que será passado para o PHP, ao inves de VOs, mandaremos Arrays:

PLAIN TEXT

ACTIONSCRIPT3:

public function insertData():void
var contatosVO:Array = [];
contatosVO['nome']= input_nome.text;
contatosVO['email'] = input_email.text;
ro.insertData(contatosVO);

Referências:
http://framework.zend.com/manual/en/zend.db.adapter.html

Dez 6

Introdução ao jQuery

Escrito por Elvis Fernandes em 1, 2.0, 2009, 4, Ajax, Android, aplicacao, app, Apresentação, AR, arte, Balsamiq, Balsamiq Mockups, BI, blog, C#, CRUD, Curso, Cursos, dados, Desenvolvimento, DRE, err, erro, falha, firefox, for, git, Google, gratuito, html, ide, IE, if, int, Introdução, Java, Javascript, JQuery, live, Livro, Microsoft, mockup, NaN, novidade, Novidades, O, Office, on, Palestra, Partilha, permalink, Plugin, protótipo, pt, rails, rest, restfulx, RIA, Ria’s Geral, S+S, Sun, swf, tag, Tema, UI, web, window, windows, XP @ 12 6th, 2011 | via http://www.elvis.eti.br | Sem comentários

O jQuery é uma biblioteca JavaScript poderosa que está quase se tornando quase “sinônimo” do próprio JavaScript.

A apresentação de slides a seguir é de uma palestra introdutória do jQuery, que destaca praticamente todos os seus recursos e que mostra algumas modificações na versão mais recente da biblioteca (1.7).

E para quem quiser se aprofundar no assunto, o último slide aponta para um livro gratuito de jQuery: jqfundamentals.com.

(Registro aqui o agradecimento ao Erko Bridee por compartilhar esse conteúdo)

Posts relacionados

© Elvis for Elvis Fernandes, 2011. |
Permalink |
Nenhum comentário |
Adicione ao
del.icio.us

Tags: AJAX, Desenvolvimento, JavaScript, jQuery, web

Nov 16

LCCS e PHP com ZendAMF

Escrito por Leonardo França em .NET, 1, 2.0, 4, Adobe, AMF, amfphp, AR, Artigo, Artigos, C#, catch, class, classe, classes, developer, Documentação, exemplo, Exemplos, flash, Flex, Flex 4, for, framework, function, handle, image, int, Java, Javascript, live, LiveCycle, Mercado, mg, O, on, Password, PHP, player, portal, programação, pt, rest, RIA, Ria’s Geral, S+S, SDK, server, swf, Teste, try, UI, web, zend, zendAMF, zendFramework @ 11 16th, 2011 | via http://www.leonardofranca.com.br | Sem comentários

O Adobe LiveCycle Collaboration Service possui em seu SDK, exemplos de integração com as principais linguagens de programação web do mercado como PHP, Java, Python, etc.
Na documentação da Adobe, é recomendado o uso do AMFPHP ou o PHP puro mesmo, mas nada impede de usar tranquilamente em conjunto com o ZendFramework (usando ZendAMF)
Ryan Stewart escreveu dois artigos mostrando a implementação com PHP e REST.

Uma observação sobre o artigo de Ryan, no Flex 4, Adobe passou a usar o swfobject, então o modo de pegar os parâmetros via URL e passar para o SWF fica desse modo:

PLAIN TEXT

JAVASCRIPT:

var xiSwfUrlStr = “playerProductInstall.swf”;
var flashvars = ;
flashvars.roomURL = swfobject.getQueryParamValue(“roomURL”);
flashvars.authToken = swfobject.getQueryParamValue(“authToken”);
var params = ;

No SDK do LCCS, existe um arquivo chamado lccs.php, basta copiar para o mesmo diretório em que você já usa suas classes. Em seguida, adicionar o include no arquivo gateway.php

PLAIN TEXT

PHP:

require_once ‘Zend/Amf/Server.php’;
require_once ‘lccs.php’;
require_once ‘Test.php’;
/** Bootstrap */
// Instantiate server
$server = new Zend_Amf_Server();
$server->setProduction(false);
$server->setClass(‘Test’);
// Handle request
echo($server->handle());
?>

E está é uma simples classe para teste chamando o método que retorna o token para autenticação.

PLAIN TEXT

PHP:

class Test
private $account;
private $room;
private $devUsername;
private $devPassword;
private $secret;
//$accountURL = “https://collaboration.adobelivecycle.com/$account”;
private $accountURL;
private $roomURL;
function __construct()
//for LCCS
$this->account = “Your SDK account username from LCCS developer portal”;
$this->room = “The room you want to connect to”;
$this->devUsername = “Your LCCS developer account username”;
$this->devPassword = “Your LCCS developer account password”;
$this->secret = “The shared secret from the LCCS developer portal”;
//$accountURL = “https://collaboration.adobelivecycle.com/$account”;
$this->accountURL = “http://connectnow.acrobat.com/$this->account“;
$this->roomURL = “$this->accountURL/$this->room“;
public function getToken($data=array())
try
$this->account = new RTCAccount($this->accountURL);
$this->account->login($this->devUsername,$this->devPassword);
$session = $this->account->getSession($data['room']);
$displayName = $data['displayName'];
$username = $data['username'];
$role = $data['role'];
$token = $session->getAuthenticationToken($this->secret, $displayName, $username, $role);
return $token;
catch (Exception $e)
throw new Exception($e->getMessage());
}
}
?>

Out 27

User Interface para Apps iOS – Dicas para Designers.

Escrito por DClick Team em 1, 2.0, 4, 6, Android, Aplicativos, app, apple, AR, blog, C#, class, control, demo, Desenvolvimento, Design, designer, Dica, Dicas, Experiências, for, free, IE, if, image, imagens, int, interface, iphone, iTunes, live, Mac, mg, O, on, Partilha, photoshop, problema, problemas, processo, procura, pt, RIA, Ria’s Geral, S+S, Segurança, Sun, tag, TAT, Tema, Teste, Twitter, UI, uint, XP @ 10 27th, 2011 | via http://blog.dclick.com.br/pt/ | Sem comentários

Twitter!

A algum tempo venho me aventurando no estudo de Design para apps, tanto Android quanto iOS. No entando, depois de vastas pesquisas e claro, da prática, nada melhor que ela para nos dar experiência sobre o assunto, resolvi corrigir meu último post sobre o tema.

Nele eu comento sobre a melhor técnica para criar a skin, indicando a resolução de 320 x 480px como a melhor forma. Recordemos:
“Portanto a melhor técnica é criar, obviamente tudo em vetor, na resolução de 320 x 480px, ver se está tudo harmonico, e então só depois redimensionar para o dobro, 640 x 960px. Confie, ficará muito melhor que desenhar diretamente para 640 x 960px, já tive algumas experiências ruins criando diretamente nessa resolução. Deixe para aplicar texturas caso queira faze-lo na resolução de 640, já as bases tem que ser vetorial.”

Acontece que apesar de ser uma técnica boa, utilizada muito lá fora, nada melhor que desenvolvermos o nosso próprio método, que melhor se adapta a nossa realidade.

Um dos grandes problemas que encontrei na criação de interfaces para iOS é a diferença de cores vista no meu Macbook em relação ao meu iPhone4. (o tal retina).
As cores realmente mudam, e o verde ou azul que eu estava vendo no meu Macbook e que achei que estava agradável, misteriosamente mudava de maneira drástica ao abrir a app no iPhone. Confesso que aquilo me irritava a tal ponto que ? a solução empregada por mim era senão exportar imagens de teste para então abri-las no meu iPhone a fim de comparar as cores.

Ok Eduardo, mas não estavamos tratando de resolução? Sim, mas foi procurando a solução de um problema que cheguei na solução de dois…

Pensei naqueles aplicativos para controlar o Mac remotando através do iPhone, mas que fosse por tela compartilhada, fato, iria resolver a questão das cores, mas nada a ver com a questão da resolução.
Porém depois de testar alguns aplicativos cheguei ao Live View, ele não só resolvia esse meu problema pois compartilha a tela, como sua função é exclusivamente ajudar Designers no desenvolvimento das apps, e nem acreditei quando vi que era FREE, e acreditem, pagaria facilmente 5 dólares por ele hoje devido a sua utilidade.

E porque ele resolveu meu problema de resolução? Porque me senti mais tranquilo em desenvolver já no tamanho do retina a fim de poder ver diretamente no iPhone as proporções dos elementos no meu stage.

Resultado, muito mais praticidade e com isso muito mais qualidade no visual da app…

Logo, inverti o processo para o desenvolvimento diretamente em Retina Display, e quando vou exportar no Photoshop eu simplesmente exporto para @2x com 100% de resolução e então exporto sem o @2x, ou seja, 1x, mas com o nome puro da imagem com 50% do seu tamanho.

Ah sim, e a app funciona também para iPad.

Você precisa instalar uma app no seu Mac, que irá liberar o acesso da app que está no seu iPhone ou iPad para ter a visualização no Mac.

http://www.zambetti.com/projects/liveview/

Antes de mais nada você precisa de uma rede wifi onde seu Mac e seu iPhone ou iPad estejam conectados, uma vez com a app baixada no iPhone e iPad, abra primeiro a app que está no seu Mac, do contrário vai aparecer essa imagem:

Agora que aprendeu, e abriu primeiro o Live View no seu Mac, irá aparecer a seguinte mensagem:

Basta selecionar o seu Mac e a imagem que está dentro do retângulo optado (iPhone ou iPad, portrait ou landscape) irá aparecer no iPhone ou iPad da forma como escolheu.

O Live View também permite você colocar uma senha de acesso por questões de segurança.

Ele possui várias configurações, mas são bem simples, você pode rotacionar a tela (portrait ou landscape), optar pelo Retina, inclusive escolher a performance dependendo da sua rede Wifi.