Top Banner
Oficina de Aplicativos – Apostila do Curso 1 OFICINA DE APLICATIVOS Apostila do Curso
12

Oficina de aplicativos

Aug 20, 2015

Download

Documents

cdimobilidade
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 1

   

OFICINA DE APLICATIVOS Apostila do Curso

Page 2: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 2

   

Licença de Uso

     

  Este trabalho Oficina de Aplicativos de AoQuadrado e Fábrica de Aplicativos está licenciado sob uma Licença Creative Commons Atribuição-NãoComercial-CompartilhaIgual 4.0 Internacional. Para ver uma cópia desta licença, visite http://creativecommons.org/licenses/by-nc-sa/4.0/.

Page 3: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 3

Aplicativos?!

Aplicativos são programas de computador que tem por objetivo ajudar o seu usuário a desempenhar uma tarefa específica, geralmente ligada a processamento de dados. Aplicativos de celular são softwares que rodam em dispositivos móveis como smartphones, tablets, players de música portáteis, leitores de livro e etc.

A Fábrica de Aplicativos A Fábrica de Aplicativos, ou Fábrica, é uma poderosa plataforma brasileira que permite a qualquer pessoa criar e compartilhar aplicativos para celular de forma rápida, fácil e gratuita. Ela te permite desenvolver Aplicativos sem precisar de conhecimentos técnicos na área da computação, como por exemplo programar, você só precisará de um computador com acesso a internet para desenvolver seu aplicativo.

Como Acessar

Entre no site www.fabricadeaplicativos.com.br e clique no botão “Comece agora” Você será direcionado para a tela ao lado (imagem) e poderá se cadastrar usando sua conta de Facebook ou e-mail. Se você se cadastrar com uma conta de email, você receberá um link de confirmação de cadastro, é só você clicar

nesse link, que será redirecionado para a plataforma e terá que finalizar o cadastro colocando alguns dados como nome e sobrenome, cidade em que reside, idade.

Page 4: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 4

O Visual Depois que sua conta for ativada e você estiver logado na Fábrica de Aplicativos, você verá essa tela: Nela você escolhe a cor principal do seu aplicativo. É só clicar na cor de sua preferência. A cor escolhida aparecerá no fundo e cabeçalho de seu App.

Deixe o App com a sua cara! Você pode personalizar seu App com as imagens que desejar diretamente na plataforma! Após escolher o seu tema, você poderá customizá-lo. Para você criar as imagens de Abertura*, Fundo* e Cabeçalho*, basta você salvar no computador a imagem que deseja utilizar, clicar em CARREGAR IMAGEM, selecionar a imagem que deseja, e o programa mostrará o tamanho que ela deve ter (área) e dará opções de edições para a imagem. Depois de selecionar a imagem e dimensionar no tamanho certo, você verá a imagem abaixo:

Quando você acabar a edição, clique em IR PARA PRÓXIMO PASSO.

*Não se desespere, você pode alterar estas imagens depois!

Page 5: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 5

Pesquise, Pense e Planeje! Nesse momento você terá que pensar na estrutura de conteúdo do seu App. Analise as opções que a Fábrica te oferece!

Na página de conteúdo estarão as opções que a Fábrica te oferece, chamadas abas. Você pode escolher até 10 abas! O tamanho das imagens das abas é 150x150 pixels

As abas mais utilizadas Álbum de Fotos: Com esta aba você pode criar facilmente uma galeria de fotos no seu App. É preciso enviar uma foto de

cada vez e colocar legenda na imagem. Facebook: Coloque o link da sua fanpage e todas as atualizações que fizer pelo Facebook poderão ser vistas automaticamente pelo app. Flickr: Tem uma conta no Flickr (aquela plataforma de compartillhar fotos)? Você pode usá-la com esta aba! Sempre que colocar novas fotos no seu Flickr elas serão

automaticamente vistas por todos que acessarem seu app.

Galeria de Áudios: Com esta aba você consegue divulgar o som da sua banda, a gravação da sua filha recitando poesia, uma lista de músicas, que esteja no seu computador. Basta gravar o áudio que desejar e fazer o

Page 6: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 6

upload (enviar) do arquivo para a nossa plataforma. Lista: Esta aba permite colocar uma pequena imagem e um texto no seu App. Lista de Textos: Tem o mesmo funcionamento da aba de Lista, porém sem imagens. Lista de Preço: Imagine criar um App sobre um restaurante em que uma das abas seja ”Cardápio”. Você poderia usar esta aba para mostrar uma imagem, descrição e valor de cada prato. Mapa: Quem nunca se perdeu procurando um endereço importante? Com a aba de mapa você ajuda o usuário do seu App a se achar já que ele mostra na tela do celular um mapinha dos arredores do seu endereço. Para usar esta aba você só precisa copiar a URL (o campo aonde fica o www),

conforme aparece no Google Maps, do endereço desejado.

RSS: Essa aba é um agregador de conteúdo, ou seja, se você tem um blog em que coloca conteúdo com frequência e gostaria que seus leitores acompanhassem esse conteúdo via celular, você pode escolher a aba de RSS.

Para que isso seja possível você precisa do Feed do seu Blog. Esse Feed é um link que diz ao app onde buscar o conteúdo que você quer divulgar. Esse link se parece

com algo assim: www.seublog.com.br/feed ou www.seublog.com.br/rss Twitter: Quer divulgar no seu aplicativo todo conteúdo que você publica no Twitter? Tudo o que você publicar na sua conta aparecerá automaticamente. Vídeos: Esta aba funciona como a aba Álbum de fotos, mas pra vídeos – você envia um vídeo de cada vez e ele fica hospedado na nossa plataforma. Você consegue colocar vídeos com até 12 Mb. Youtube: Com esta aba você adiciona vídeos do Youtube no seu App. Subiu um vídeo novo, favoritou algum vídeo ou criou uma playlist na sua conta do Youtube? É só escolher o que quer exibir e a Fábrica faz o resto por você.

Page 7: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 7

Os ícones das abas de conteúdo podem ser alterados. Para isso, o processo é o mesmo de alteração das imagens de abertura, fundo, cabeçalho. Basta você clicar em cima da imagem a ser substituída, então você conseguirá acessar as imagens de seu computador, selecionar a desejada que aparecerá a imagem abaixo: Vá em aplicar e salvar, que a imagem de sua aba será alterada. Após alterar as imagens desejadas e colocar o conteúdo em seu App vá em IR PARA PRÓXIMO .

Envie o Ícone do Aplicativo Chegamos à última tela de criação do seu App. Antes de publicá-lo você precisa enviar o ícone principal, que é o ícone que estará no seu celular. Ao clicar nesse ícone, abre-se o aplicativo. Crie um ícone que tenha a ver com as outras imagens enviadas para seu App, afinal é o primeiro contato que a pessoa vai ter com ele. Para enviar este ícone basta clicar em “Mude o ícone do Aplicativo”. Uma tela será aberta e mostrará as pastas do seu próprio computador. Aponte para o ícone que você criou e clique em abrir.

O mesmo processo para alterar o ícone do Aplicativo pode ser feito para alterar o ícone compartilhe. Esta aba ajuda seus usuários a distribuir e compartilhar seu App.

Page 8: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 8

Qual nome do seu App? As imagens estão lá, o ícone já foi escolhido, sabe o que está faltando? Um nome!!! Sem um nome seu App não pode existir. Você vai querer que as pessoas baixem e acessem seu App, certo? O nome do App é o que vai aparecer na tela do celular do usuário depois que ele baixar seu aplicativo. A URL é o link que o usuário precisa digitar para acessar o seu App. Por padrão, a Fábrica usa o nome do seu App como URL mas você pode mudá-la como quiser. Imagine que você criou um App da Fábrica de Aplicativos, o link do seu App ficará assim: app.vc/fabrica_de_aplicativos. Se o App se

chamasse simplesmente “Fabrica” sua URL gerada automaticamente seria: app.vc/fabrica Como você pode ver, também é preciso escolher uma categoria para o App. Escolha algo que tenha a ver com o tema do seu aplicativo e pule para o descritivo. É importante criar um bom descritivo. Eu aconselho você a dizer o que as pessoas irão encontrar dentro do seu app. Não precisa ser nada muito comprido, mas deve me convencer a baixar e acessar o seu conteúdo, entendeu?

Page 9: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 9

IMPORTANTE TAMBÉM: Você vai querer que as pessoas encontrem o seu App. Que tal ajudar os robozinhos do Google a fazer isso? Depois da descrição você tem mais um campo para preencher – as tags (que em bom Português significam “etiquetas”). Na internet essas tags são palavras-chave que descrevem o seu conteúdo para que os buscadores como Google ou Yahoo! saibam do que o se trata o seu aplicativo. Escolha tags relevantes e que indiquem qual o tema do seu app e qual conteúdo podemos encontrar nele.

Como posso divulgar meu App?

As pessoas precisam saber que seu App existe e se você não o divulgar ninguém vai baixá-lo. Então você precisa olhar essa parte com atenção. É nela que você encontra o QR Code (tipo um código de barra) e o link do seu App. Um jeito bem prático de divulgar seu App é pelo uso do QR code (código ao lado). Ele é redimensionável, podendo ser usado de diversas maneiras, em cartões, banners, emails, etc. Basta seu usuário ter instalado no aparelho celular um leitor próprio para estes códigos, como o I-nigma.

Compartilhando Seu App Um dos grandes trunfos da Fábrica e a facilidade de compartilhar com alguém o seu App. Após criar seu App você terá uma URL e um QR CODE para acessá-lo. Mais abaixo ensinaremos como instala-lo. Dentro da fábrica ou dentro do aplicativo existem quatro formas de compartilhamento. Compartilhar no Facebook: Clicando nessa opção você está divulgando e compartilhando um App na sua própria linha do tempo no facebook, essa é uma boa forma de mostrar para

Page 10: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 10

seus amigos sua criação. Compartilhar no Twitter: Clicando nessa opção você está divulgando e compartilhando um App na sua própria linha do tempo do twitter (o próprio app já cria um texto com menos de 140 caracteres). Compartilhar por email: Clicando nessa opção a Fábrica iniciara automaticamente um serviço de email, por exemplo o Microsoft Outlook. Se seu serviço de email já estiver configurado você só precisará inserir o email da pessoa ou grupo para quem quer enviar. Compartilhar por QR Code: QR Code é um código de barras bidimensional que pode ser facilmente escaneado usando a maioria dos telefones celulares equipados com câmera. Esse código é convertido em texto (interativo), um endereço URL, um número de telefone, uma localização georreferenciada, um e-mail, um contato ou um SMS. Clicando nessa opção nosso app online nos fornecerá uma imagem parecida com a imagem abaixo.

Instalação Após criar seu App você terá uma URL e um QR CODE para acessá-lo. A instalação depende do tipo de aparelho. iPhone - Ao acessar o aplicativo via QR CODE ou URL, você estará no navegador do seu telefone, ao carregar o aplicativo deve trazer um gif animado com a opção de instalação: "Instale esse app. Aperte Adicione a tela de início" Basta seguir esses passos e o pronto! Android - Ao acessar o aplicativo via QR CODE ou URL Caso esses passos não geram resultado, o problema está na suas configurações. Como o Android é uma plataforma aberta, os diferentes tipos de celular tem diferentes caminhos, vamos tentar descrever o mais comum a todos. Acessar - Configurações ; Segurança e bloqueio de tela. Dai você deve encontrar uma opção que deixa ou não deixa você fazer download de aplicativos fora da loja do Google (google play). Para conseguir fazer o download do app da fábrica, você deve PERMITIR que seu telefone receba APPS de fora da fábrica.

Page 11: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 11

Funções Avançadas

Click to call - clique para ligar O que é ? É uma forma dos usuários do seu App entrarem em contato, com você ou com a pessoa que você disponibilizou o contato, por meio do telefone. Como Fazer? Quando usamos abas que contém texto dentro de nosso App, a Fábrica nos oferece possibilidades de Formatação deste conteúdo. Para formatarmos o texto precisamos inserir tags de formatação. Para inserir a Tag de telefone: [tel]Número[/tel]. Lembrando que o ddd é necessário caso você esteja em outro Estado ou queira ligar para outro Estado.

Click to mail O que é ? É bem parecido com a click to Call porém o contato é feito por meio de e-mails. Como Fazer?

Nesse caso precisaremos inserir as tag de Email [Email] [email protected] [/Email]

Inserir imagens no meio de um item de texto Existe uma Tag [img]link da sua imagem[/img] para inserirmos imagens ao longo dos nossos textos. Porém, nossas imagens precisam estar hospedadas em um servidor online para que possamos acessar essas imagens por meio de um link. Geralmente esses links possuem no final o nome e a extensão da imagem, por exemplo: .jpg

Page 12: Oficina de aplicativos

 

Oficina de Aplicativos – Apostila do Curso 12

Podemos também usar o Flick como servidor das nossas imagens, basta criar uma conta fazer upload das nossas imagens e acessar o link de cada imagem. Para isso você também pode clicar com o botão direito do mouse e copiar a URL da imagem. Quando for inserir a imagem, é só colar a URL entre [img][/img]

Como escolher os melhores ícones

Um ícone é uma representação visual, um elemento de interface importante de um sistema operacional, pois facilita a identificação do objeto por parte do utilizador. Por exemplo, o ícone do Internet Explorer é a letra "E" de cor azul, com uma circunferência que envolve a letra na diagonal. A ideia é colocar um ícone que seja consistente com que as imagens e cores escolhidas até agora representem a intenção da aba. Um bom ícone fará com que o gratuitos na internet, precisamos apenas fazer uma pequena consulta no Google ou pesquisar diretamente em sites que fornecem ícones gratuitamente como por exemplo: - www.iconfinder.com - http://findicons.com/ -www.iconarchive.com -http://www.iconesbr.net/ - www.iconesgratis.net