Aulas de desenvolvimento para iOS

Olá leitor, hoje estamos criando esta página para você que pretende programar para Ipad, procuramos alguns tutoriais, muitos conteúdos na internet e resolvemos criar uma área de centralização de conteúdos. A idéia é iniciar pelos passos básicos como por exemplo TER UM MAC, BAIXAR O SDK etc, desde o início mesmo… Também pretendemos que todos interessados participem e futuramente até possam publicar alguns apps aqui no BlogIpad. Então vamos lá para o conteúdo que vamos denominar como AULAS para que você possa participar e acompanhar o BlogIpad nessa nova área.


AULA 01 – Primeiros Passos – 12/01/2011

1º) Ter um computador MAC
Este de fato é o primeiro passo, posso dizer que já tentei emular o sistema operacional de diversas formas mas nada funciona da forma correta, então para utilizar a ferramenta de desenvolvimento será necessário investir em um computador Mac, mas não vejo isso como um problema, pois o preço já não é mais aquele absurdo em relação a um PC com Windows, e se comprado na Apple Store Online Brasil, é possível parcelar em 12x com frete gratuito, e não se esqueça, é um investimento que está fazendo. Já sobre a configuração, não é necessário ter um Mac Pro, mas sim de qualquer máquina Apple vendida atualmente, como um Mac Mini, que já vai lhe atender inicialmente muito bem. O BlogIpad por exemplo possui o um MacBook com 2.4Ghz Intel Core 2 Duo com 2GB 1067Mhz DDr3 (Notebook comprado na Saraiva).2º) Cadastro de Desenvolvedor Apple
Para ter acesso à ferramenta de desenvolvimento, documentação, exemplos de código, e fórum de discussão da Apple, é necessário o cadastro no iPhone Developer Program, que em um primeiro momento pode ser feito gratuitamente, e com o tempo sentirá necessidade do cadastro pago de US$ 99,00 anuais, que lhe dará direito de testar o seu aplicativo em um aparelho real, e principalmente para publicar o mesmo na iTunes App Store US$ 299,00 anuais para uma versão de licenciamento empresarial que permite funções de distribuição que possívelmente descobriremos mais para frente.3º) Softwares de Desenvolvimento
Depois de cadastrado como desenvolvedor Apple, terá direito ao download gratuito do iOS SDK, que nada mais é que um pacote com os softwares necessários para trabalhar com iOS, e fazem parte dele:
- Xcode: Ambiente de desenvolvimento, que seria o equivalente ao Eclipse do Java ou o Visual Studio do dotnet;
- Interface Builder: Para criação das interfaces(telas) do iPhone ou iPad;
- Instruments: Ferramenta de análise de consumo de memória, performance, etc. Se quer um App de qualidade seu uso é indispensável;
- iPhone Simulator: Para “simular” como o aplicativo vai rodar e se comportar em um iPhone ou iPad, mas tenha em mente a necessidade de testar em um aparelho real, que pode ser pelo menos um iPod touch, pois o simulador estará utilizando o processamento e memória da sua máquina, e com isso dificilmente verá problemas de consumo de memória ou de lentidão na abertura do aplicativo, já no aparelho(device) isso é imediato.


AULA 02 – Instalação – 12/01/2011

Após o download no dia 12/01/2011 no qual o link encontra-se na Aula 01 vamos instalar e verificar as primeiras configurações do SDK xcode_3.2.5_and_ios_sdk_4.2_final. A idéia do BlogIpad é montar o ambiente antes de qualquer estudo de linguagem e programação.

1-Duplo clique no ícone amarelo:

2-Mensagem: Este pacote executará um programa para determinar se o software pode ser instalado. Clique em CONTINUAR.

3-Na tela abaixo, clicar em CONTINUAR.

4-Aceite e posteriormente concorde o contrato de licença.

5-Escolha o HD que será instalado o SDK que aproximadamente requer 10GB de seu HD e aperte em CONTINUAR. Este processo pode levar alguns segundos.

6-No tipo de instalação mantenha como a foto abaixo e clique em CONTINUAR.
Observação Importante: Dependendo das configuraçòes vale a pena instalar sim o MAC OS X 10.4 SDK. Então atualizei a figura pois quando instalei sem tal opção ao criar um projeto senti algumas opções a menos. Então a sugestão é selecione TUDO pois 100 megas a mais ou a menos não fará diferença.

7-Clique em INSTALAR, autentique-se caso seu computador peça e aguarde aproximadamente 22 minutos.

8-Processo um pouco demorado de acordo com seus gigas de memória… quanto mais, mais rápido.

Nos vemos na próxima aula, estou montando um material para demonstrar como iniciar os aplicativos e assim que fizer uma limpeza em meu notebook postarei a AULA 03 pois estou com problemas de espaço em disco. Até lá. MacaRzz.


AULA 03 – Ola mundo – 12/01/2011

Segue primeiro vídeo referente a aula 3 que tentei mostrar da forma mais fácil como criar um Ola Mundo utilizando a forma mais simples de todas de funcionar no simulador, utilizando a opção debug que inicialmente é a melhor para nós que estamos começando a entender.

Resumo: Abri o Xcode via Spotlight / Criei um novo projeto Ipad / Cliquei no arquivo WINDOW que abre a tela do Ipad para irmos “brincando” com a ferramenta.


Fast Tube by Casper


AULA 04 – Seu ícone – 13/01/2011

Nossa quarta aula básica simplesmente mostra como incluir o ícone na dashboard do Ipad e também dei uma customizada na página inicial de nosso App. Confiram…


Fast Tube by Casper


AULA 05 – Discução teórica – 20/01/2011

Olá alunos/leitores, nem todas as aulas são ótimas então vamos a uma teórica, fiquei esses dias fora e voltei com uma aula de discução na verdade, pois depois de assistir uma aula em uma escola de verdade referente ao SDK Ios desanimei, não estou dizendo que acabou, pelo contrário, devemos mudar o rumo dessas aulas senão o resultado final será uma catástrofe. Vamos a um pequeno resumo:

1 – Temos um MAC
2 – Baixamos e instalamos o SDK
3 – Entedemos o que é XCODE, InterfaceBuilder, Instruments e o Simulator
4 – Criamos um OLÁ MUNDO baseado na interface WIZARD sem codificação alguma
5 – Mudamos o ícone da aplicação e a rodamos
6 – Inserimos imagem, e avançamos até o um certo nível, mas ai vem a discução, ou o início dela…

Ao participar da aula descobri mais um pré-requisito OBRIGATÓRIO além do MAC e do SDK que é  Liguagem orientada a objeto e se possível mais de uma o que me jogou no fundo do posso pois eu não conheço nada de programação orientada a objeto. O professor informou que quem não tem essa noção básica ESQUECE não conseguirão criar um APP com uma qualidade interessante ao público. E pessoal, é verdade pois ao criar uma CALCULADORA eu mesmo não saberia reproduzir para vocês todos os pontos por ele passado. Consegui criar botões que navegam entre uma página e outra, consegui criar algumas barras de rolagem e algumas pequenas coisas mas TUDO sem codificação, mas isso não seria nada produtivo.

Quem pode nos ajudar, quem pode me enviar algum conteúdo para que as pessoas nessa situação tenha condições de nos acompanhar, um conteúdo para iniciantes mesmo antes de continuarmos, antes de avançarmos?

O BlogIpad Developer pede ajuda desta vez.


AULA 06 – Alert – 21/01/2011

Neste caso vamos abrir uma mensagem de alerta como esta da figura abaixo (clique na mesma para ampliar):

1  – Abra o Xcode e licalize o arquivo .m

2 – ArquivoViewController.m de seu projeto, no nosso caso é o BlogIpadViewController.m

3 – Localize o pedaço do código que está comentado, tire o comentário deletando as partes /* do início e */ do fim
/*
// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad {
[super viewDidLoad];
}

*/

4 – Substitua a linha toda parte vermelha acima pelo código abaixo.

//Código, inclusive as duas barras dessa linha que significam COMENTÁRIO.
- (void)viewDidLoad {
[super viewDidLoad];
UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@”BLOGIPAD” message:@”SEJA BEM VINDO(a)” delegate:nil cancelButtonTitle:@”Continuar” otherButtonTitles:nil];
[alert show];
[alert release];
}
Poste se resultado e até a próxima aula.
MacaRzz
desta vez.

AULA 07 – Botão ir e voltar -31 /01/2011


Fast Tube by Casper

Códigos do vídeo, assista o vídeo antes para analisar onde os códigos abaixo são colados, neste primeiro bloco mosto como criamos o botão ir na tela inicio:
Em seu arquivo inicioViewController.H abaixo do @interface APÓS {} nós declaramos o ir
-(IBAction)ir:(id)sender;

Em seu arquivo inicioViewController.M abaixo do @implementation implementamos o ir declarado acima
-(IBAction)ir:(id)sender
{
telab *telab_ir = [[telab alloc] initWithNibName:nil bundle:nil];
[self presentModalViewController:telab_ir animated:NO];
}

Repetimos o código acima para criarmos o botão voltar na telab, mas ao invés de telab mudamos para inicio veja:
Em seu arquivo telab.H abaixo do @interface APÓS {} nós declaramos o voltar
-(IBAction)voltar:(id)sender;

Em seu arquivo telab.M abaixo do @implementation implementamos o voltar declarado acima
-(IBAction)voltar:(id)sender
{
inicio *inicio_ir = [[inicio alloc] initWithNibName:nil bundle:nil];
[self presentModalViewController:inicio_ir animated:NO];
}

Depois das declarações acima veja no vídeo como linkar os botões com as funções.

Com isso concluímos a aula 7


Compartilhar: