Tip:
Highlight text to annotate it
X
Olá, eu sou Siebrand Dijkstra, o CEO de AppMachine e vou dar uma amostra avançada
da versão Developer da AppMachine.
Então vamos criar um pequeno app AppMachine
e
vamos juntar algum conteúdo.
Escolha algum
design que você gosta
e aqui estamos.
Aqui está meu app já com algum conteúdo e
eu posso adicionar funcionalidade. Bem, isto são as coisas padrão que você conhece
mas na área Developer nós temos uma nova coisa chamada Datalist. E Datalist é mesmo
legal. Todo mundo tem dados, todos tem
Excel, mas você pode ir aqui e simplesmente pegar um arquivo Excel.
Aqui eu tenho um arquivo Excel que recebemos da The Next Web.
Dentro tem os palestrantes, nome, cargo,
um arquivo imagem online e biografia e mais. Tem as empresas, e também tem uma
agenda.
Então foi na realidade
um ninja Excel que fez a conexão entre os palestrantes e a agenda por meio
de um speaker ID.
É só abrir o arquivo Excel,
e inserir.
Fazemos um pouco de magia e descobrimos que existem 4 planilhas. É só escolher
os palestrantes e podemos
editar. Vemos dois blocos. Os blocos verdes são os blocos Developer:
Speakers e Info.
Se você for para a área Developer aqui, dá para ver o que nós fizemos. Nós temos
uma base de dados interna
e tem uma agenda. Dá para ver a conexão entre a agenda e os palestrantes.
Ali estão os dados, os palestrantes, e a data da agenda
e existe uma relação entre elas. Aqui estão as empresas,
e já pegamos os dados e dá para ver que resolvemos
as imagines online. Aqui está a imagem de Gary Shapiro.
E convertemos as colunas em campos.
Então a próxima coisa que se pode fazer no app é ir para os palestrantes, aqui você vê os palestrantes
e clicar aqui para o layout.
Agarre um ID de imagem, insira e você vê, aqui estão as imagens.
Pegue um nome, pegue um cargo.
E ele também tem Twitter, e eu gostei da referencia Twitter também.
Faça o nome um pouco maior,
20 pixels,
e faça a fonte negrita, pronto.
Você vê, design é realmente
divertido com esta versão de
AppMachine.
Então esta é a lista de dados que eu quero mostrar. Você pode fazer referencias
a dados, para poder colocar blocos em
baixo de uma
lista de dados.
E aqui está o HTML, e neste HTML eu posso referir a dados,
nome,
e sua
biografia,
e inserir data.bio, isso é outra coluna que vimos.
Você pode fazer a formatação de costume aqui. Então posso fazer o nome negrita
e um pouco maior.
24 pixels, centrar na tela.
E pronto, aqui está.
E chamá-lo
'Information'.
Agora 'Information' é um sub, você vê Gary Shapiro, é um pouco maior, e sua
biografia aqui.
E eu posso navegar pelos palestrantes e esta é a informação de Kevin.
E aqui temos os dados.
Então é realmente fácil usar dados. Outra coisa nova que temos
é a Tela.
E com a Tela
você pode criar suas próprias telas personalizadas.
É mesmo uma amostra avançada que vou mostrar vocês. Aqui você vê
temos os controles.
Eu posso arrastar controles para minha tela.
Eu posso projetar o que eu quero, colocar os botões.
Eu posso dar esse botão uma função, como
Gogo
video, dar-lhe uma ação. Muitas ações, chamar serviços web, propriedades,
e fazer as coisas de nível elevado.
Vamos navegar para nosso bloco vídeo. Ok, aqui está, terminamos.
E o que eu criei agora foi uma tela personalizada
e quando eu pressiono o Gogo video
eu pull para
o bloco vídeo aqui no aplicativo.
Então isso são as coisas oficiais que você pode fazer. Pode fazer mais coisas, podemos
adicionar provedores de serviço aqui se você
quer importar dados de API's seguros
como Facebook, ou Salesforce, ou Twitter.
Você pode adicionar serviços aqui. Eu tenho um feed de Armin van Buuren, as notícias dele.
Vamos chamar Armin's news.
Colocar o URL aqui.
Damos uma olhada no URL
e encontramos os dados que estão dentro do serviço web.
Importamos a estrutura,
e importamos os dados. Aqui está a definição, os parâmetros de saída,
não há parâmetros de entrada neste serviço.
Aqui você vê os canais de notícias do Armin aqui está informação
do Armin. Bem, na seu esquema de base de dados existe uma relação entre os itens
no canal.
Se você quer, pode fazer uma conexão entre o canal e a agenda, e como era
o costume antigamente,
podemos fazer um link entre o idioma e a descrição, se queremos.
Então é possível fazer relações entre dados obtidos de um serviço web e dados
de um arquivo Excel.
Outra coisa legal que temos é o chamado javascript personalizado.
Vou fazer um pequeno pulo para outro app.
Aqui está
um app de javascript personalizado.
E aqui está um bloco relógio e que você vê aqui é um relógio batendo.
A coisa realmente especial é que aqui temos um editor e
aqui você vê o código de fonte
deste relógio batendo.
E você pode navegar pelo javascript e o ACML aqui. Você pode inserir
novos projetos
aqui,
fazer mudanças, mudanças que são enviadas ao vivo
para os blocos
no seu celular. Nosso app
é um servidor web e você pode falar com o servidor local de dentro do seu código.
E nós providenciamos a base de dados interna, para você não se preocupar
com chamar serviços web em Excel, e tal.
Fazemos a magia já para você.
Então esta é uma pequena amostra avançada que você viu da versão Developer. Ainda
precisamos de fazer algumas coisas antes de ir para beta, mas é uma versão muito, muito
prometedora de
AppMachine. Obrigado.