Publicado em

Inicio Rápido para editar um app

ap4biz montar app

Veja neste vídeo rápido, como usar o construtor de aplicativos

Um passo a passo bem rápido e simples, sem detalhes.

 

INÍCIO

Dê um nome ao seu aplicativo, este será o nome público para seu aplicativo na Apple Store e Play Store.

A cada página construída de seu aplicativo, será mostrado um visualizador (como ao lado direito do vídeo) para que você saiba como está ficando seu app.

Obs: Nunca abra 2 aplicativos (um em cada aba) em um mesmo navegador, isto causa confusão de informações entre os editores. Para editar 2 ou mais aplicativos ao mesmo tempo, use um navegador diferente para cada aplicativo em edição (ex: Chrome, Firefox, MS Internet Explorer…).

DESIGN

Nesta aba você poderá escolher um modelo, a imagem de fundo, a moeda e a fonte dos textos do seu aplicativo.

ESCOLHA SEU TEMA – Design > Mude o seu modelo

ESCOLHA SEU LAYOUT – Design > Altere seu layout

Para isso basta escolher os vários modelos de botões e ver na visualização que aparece ao lado, qual modelo lhe agrada mais.

ESCOLHA SUA IMAGEM DE CAPA – Design > Altere seu imagem

Para isso basta escolher uma imagem para cada modelo de tela (diferentes smartphones).

ESCOLHA SEU PAÍS – Design > Escolha um país

Ao escolher o país você estará escolhendo a moeda que será usada em seu aplicativo.

ESCOLHA SUA FONTE – Design > Escolha uma família de fontes

Escolha uma família de fontes que será usada em seu aplicativo

CORES

ESCOLHA SUAS CORES – Cores > …

Aqui você irá escolher as cores que prevalecerão em seu aplicativo. Cores de fundo, de botões e de textos.
Para visualizar as cores no smartphone modelo, click no botão LIST (Canto superior direito).
Para alternar em cada região do app, basta posicionar o cursor sobre o módulo desejado a esquerda (CABEÇALHO, PÁGINA PRINCIPAL, LISTA, etc).

RECURSOS

ESCOLHA OS SEUS – Recursos > Adicionar páginas

Aqui você escolherá os recursos que interessam ao seu app, como Localização, Contato, Cartão fidelidade, Rede social, Eventos e muitos outros.

Em Suas páginas (no alto) são mostradas as páginas de recursos atuais de seu app.

Em Adicionar Páginas você escolhe os recursos que deseja incluir em seu app, para isso basta clicar no botão azul desejado.

Após incluir um recurso, seus detalhes serão mostrados para preenchimento.

 MoverUse-o  para arrastar a página e ordená-la a seu critério. Esta será a ordem que os ícones do app irão aparecer na tela inicial.

ExcluirUse-o  para excluir a página e todo seu conteúdo.

  Click nestes botões de Suas Páginas para mover os ícones para a esquerda e direita.

Cada página incluída terá um nome (Nome dos botões do app).

Para ativar/desativar qualquer página use este botão “Ativado“. Ao desativar a página, ela não aparecerá no app. Isso é bom para quando temos uma página inacabada.

Ative/Desative o botão que permite ou não que se compartilhe a página.

Todas as páginas lhe permitirão a troca do fundo, para isso basta escolher uma imagem. Este procedimento é o mesmo para todos os outros recursos.

Obs: Sabe quando você tem certeza que atualizou uma imagem ou algo assim e o navegador insiste em te mostrar o mesmo resultado?  Isto é porque o navegador guarda os dados em cache para ganhar agilidade. Para evitar este problema durante a construção de seu app, você pode navegar em uma janela anônima. Outra solução é usar o CTRL + F5 para recarregar a página quando perceber que ela insiste em não alterar.

No Chrome:       SHIFT + CTRL + N para abrir uma janela anônima.

No Firefox:         SHIFT + CTRL + P para abrir uma janela privada.

No MS Internet Explorer:            SHIFT + CTRL + P para abrir uma janela privada.

Isto pode tornar o navegador um pouco mais lento, mas atualiza as páginas sempre.

Para ver o editor com mais detalhes, vá ao menu “Posts de Ajuda” OU escolha pela categoria em “Categoria de Posts (Ajuda)” na lateral esquerda.

Publicado em

Recurso (Social) – Fãs

fas

Com o recurso Fã, os usuários de seu aplicativo poderão publicar comentários e/ou fotos e discutir entre si.

1. Adicione o recurso Fã

Clique na  Recurso Fã   seção “Adicionar Páginas“:

Ap4biz fã

Você pode configurar as configurações “Perto de mim”. Isso permitirá que um usuário exiba apenas os comentários/fotos do painel de usuários ao seu redor, no raio que você determinou.

2. Adicionar postagem

Você pode adicionar postagens diretamente do editor clicando em   ao lado de ” Adicionar conteúdo “:

  • ” Título “: é o título da publicação
  • ” Subtítulo “: Será exibido sob o título, é um resumo da postagem.
  • Você pode criar o corpo de sua postagem no Editor de texto.
  • ” Inserir uma imagem “: você poderá ilustrar sua postagem com uma foto.

Aqui é o que parece no aplicativo:

  

Você ou os usuários do aplicativo podem adicionar mensagens através do aplicativo. Basta clicar no pequeno ícone no canto superior direito da página da fãs.

Em seguida, crie uma conta ou faça o login (se você já possui uma conta). E, em seguida, digite sua mensagem e/ou faça o upload de uma imagem.

    

3. Gerenciar conteúdo

De volta ao editor! Você pode gerenciar suas novidades através da guia “Gerenciar conteúdo”:

  • “Lupa”:  exiba um resumo das novidades.
  • “Caneta”:  Edite as notícias.
  • “Balão de fala”:  exiba os comentários das notícias.
  • “Olho”:  ocultar as notícias.
  • “Xis”:  exclua as notícias.
Você pode escolher outro design para esta página na guia “Design”:

 

 

Finalmente, você pode adicionar uma imagem em segundo plano para o recurso na guia “Fundo”:

 

Ap4biz fundo fã

Atualizado em 20/02/2018.

Se gostou, separe este recurso no carrinho:

Fãs

Publicado em

Recurso (Social) – Noticias

noticia

Este recurso permite que você crie uma página de notícias com foto e comentários de usuários.

Funciona como um muro de notícias, os usuários podem encontrar todas as postagens que você escreveu nele.

Clique  Screen Shot 2016-06-24 at 12.13.29 para criar suas notícias:

  • “Título”: Aqui está o título das suas Notícias “
  • “Data”: agende a data de publicação das suas notícias.
  • “Subtítulo”: é um resumo da descrição das notícias.
  • Descreva suas novidades no editor de texto.
  • “Inserir uma imagem”: escolha uma imagem para ilustrar suas notícias.

Aqui está o que parece no aplicativo:

Clique nas notícias:

Seus usuários poderão comentar e gostar das novidades:

De volta ao editor! Você pode gerenciar suas novidades através da guia “Gerenciar o conteúdo”:

  • “Lupa”: exiba um resumo das novidades.
  • “Caneta”: Edite as notícias.
  • “Balão de fala”: exiba os comentários das notícias.
  • “Olho”: ocultar as notícias.
  • “Xis”: exclua as notícias.

 

Você pode escolher outro design para esta página na guia “Design”:
Finalmente, você pode adicionar uma imagem em segundo plano para o recurso na guia “Fundo”:

Ap4biz fundo fã

 

Se gostou, separe este recurso no carrinho:

Notícias

Publicado em

Recurso (Social) – Facebook

facebook

 

Primeiro, você deve adicionar uma página no Facebook em seu aplicativo clicando  Ap4biz Facebook  em “Adicionar páginas” para adicioná-lo no carrossel de suas páginas.

Em seguida, basta inserir o ID de sua Página de fãs do Facebook no campo apropriado, por exemplo, para a nossa Página do Facebook: https://www.facebook.com/Ap4biz, será “Ap4biz”.

Por favor, note que apenas a página do Facebook Fan pode ser usada, as páginas pessoais do Facebook não funcionarão.

Ap4biz - Fan page

Em seguida, pressione “ok” para importar sua Página de fãs do Facebook.

Aqui está o resultado:   App Face

 

Nota: você precisa preencher a API do Facebook em Configurações> APIs 

Veja como criar uma API AQUI ou siga as instruções do vídeo abaixo:

 

 

Se gostou, separe este recurso no carrinho:

Facebook

 

Publicado em

Recurso (Social) – Tarefa (Emprego ou Oferta)

emprego

Com esse recurso, você poderá criar uma lista de ofertas de emprego/tarefas.

Recurso ideal para agências de emprego.

 

1. Guia Geral

Clique ap4biz tarefa emprego na seção “Adicionar páginas”, para adicionar o recurso à sua aplicação:

(Observe que a guia “Posições” só estará disponível depois de ter criado uma empresa)

ap4biz emprego

Em “Geral”, você pode gerenciar configurações gerais para a função Job:

  • ” Exibir pesquisa “: exiba a barra de pesquisa na página principal do recurso
  • ” Exibir ícone do lugar “: exiba o logotipo da empresa ao lado da oferta de trabalho
  • ” Mostrar renda “: exibir a renda do cargo na página da oferta de trabalho
  • ” Exibir contato “: você pode selecionar o tipo de contato que deseja exibir na página de posição
  • ” Distância de busca padrão “: a distância máxima padrão entre os usuários e as ofertas exibidas no recurso
  • ” Unidade de distância “: escolha entre quilómetros ou milhas

 

2. Empresas

ap4biz emprego tarefa

Nesta seção você pode adicionar as empresas que oferecem posições:

ap4biz emprego tarefa

  • ” Nome “: é o nome da empresa
  • ” Descrição “: é a descrição do campo / projetos / objetivos da sua empresa / etc …
  • ” E-mail “: é o e-mail de quem receberá os pedidos de emprego/oferta.
  • ” Administradores “: é um usuário(s) que pode gerenciar as ofertas de trabalho e as informações da empresa diretamente do aplicativo.
  • ” Mostrar contato “: são as mesmas configurações da guia Geral. Se escolher “Usar configuração global“, usará as configurações na guia Geral.

3. Categorias/funções

Nesta seção você pode criar categorias para as vagas/oferta oferecidas.

Clique em   para criar uma categoria:

ap4biz emprego oferta categoria

Essas categorias podem ser selecionadas durante a criação da oferta de trabalho.

4. Ofertas / vagas

Nesta seção você pode adicionar as ofertas de trabalho:

ap4biz tarefa emprego oferta

O recurso no aplicativo

As ofertas de trabalho são exibidas na página principal do recurso.

ap4biz ofertas emprego

Na página de ofertas/vagas, você pode ver a localização da vaga/oferta, entre em contato com a empresa e veja as informações da empresa.

ap4biz ofertas emprego

Click no nome da empresa, você pode ver uma descrição da empresa e todas as vagas oferecidas por esta empresa.

ap4biz ofertas emprego

Importante: se o usuário tiver acesso como administrador, ele poderá editar a oferta de trabalho clicando em editar

Ele também pode editar as informações da empresa clicando editar ou criando uma oferta de emprego clicando em  adicionar

ap4biz ofertas emprego editar

Se gostou, separe este recurso no carrinho:

Tarefa (Emprego)

Publicado em

Recurso (Mídia) – Imagens

lugares

Este recurso permitir reunir em um só lugar as fotos de suas redes sociais.

 

Este recurso permite que você crie galerias de imagens. Você tem cinco opções:

  • Picasa (O Google está desativando o Picasa – melhor não usar)
  • Instagram
  • Flickr
  • Suas próprias fotos
  • Facebook

ap4biz imagens galeria

1. Crie uma galeria do Instagram

Como o Instagram mudou suas políticas de API, agora você deve usar suas próprias chaves do Instagram para criar uma galeria do Instagram.
Você encontrará como criar suas chaves da API do Instagram aqui.

ap4biz imagens galeria instagram

nome da galeria é apenas o nome exibido em seu aplicativo, e não está relacionado à galeria do Instagram.

Se você tiver um erro sobre o nome, verifique as chaves da API.

E o resultado é:

ap4biz aimagens galeria

2. Crie uma galeria do Flickr

Para criar uma galeria do Flickr, você deve criar as chaves da API do Flickr. Você encontrará como criar suas chaves da API do Flickr aqui.

O   campo “Nome da galeria” permite que você dê um nome à sua galeria.
Com o   campo “Pesquisar” , você poderá recuperar todas as fotos do Flickr que sejam relevantes para essa pesquisa.

ap4biz aimagens galeria

3. Crie uma galeria com suas próprias fotos

Nomeie sua galeria e clique em “Enviar suas imagens”.

Em seguida, clique em “Procurar”  para fazer upload de fotos do seu computador.

ap4biz aimagens galeria

Você pode carregar várias fotos ao mesmo tempo, basta selecionar de uma pasta todas as fotos que deseja enviar.

Não é obrigatório, mas você pode inserir um título e uma descrição para todas as suas fotos.
Clique em “Salvar” para salvar sua galeria.

4. Crie uma galeria do Facebook

Antes de tudo, verifique se você criou e preencheu a chave da API do Facebook: AQUI

Digite a ID do Facebook da sua página do Facebook Fan e escolha as imagens que deseja exibir no campo “Pesquisar”:

ap4biz aimagens galeria facebook

Por favor, note que apenas a página Fan do Facebook funcionará (e não a página pessoal do Facebook).
Para criar uma nova galeria, clique  Screen Shot 2016-06-24 at 12.13.29 e repita o processo acima.

ap4biz aimagens galeria

Se gostou, separe este recurso no carrinho:

Imagens