Tip:
Highlight text to annotate it
X
Hello, I'm Siebrand Dijkstra, the CEO of AppMachine and I'm gonna give you a little sneak
preview of our developer version of AppMachine.
So let's build a little AppMachine dev app
and
let's grab some content.
Grab a little
design you like
and so here we are.
Here's my app already with some content and
I can add functionality. Well, this is the default stuff you know
but in the developer area we have a new thing called Datalist. And Datalist is really
nice. Everybody has data, everybody has
Excel, but you can do over here just grab an excel file.
Here I have an Excel file we got from The Next Web.
There are speakers inside, name, job title,
some image file online and biography and stuff. There are companies, there is an
agenda.
So it's actually
an Excel ninja who put a link between speakers and agenda through a
speaker ID.
Just open the Excel file,
put it in.
We do a little magic and we find out that there are four worksheets. Just grab
the speakers and we
edit. We see two bricks. The green bricks are the developer bricks:
Speakers and Info.
If you go to the developer area over here you see what we actually did. We have
an internal database
and there's an agenda. You see there's a connection between the agenda and the speakers.
Over here is the data, the speakers and the date of the agenda
and there's a relation between them Here's the companies,
and we already grabbed the data and you see we resolved
the images online. Here's the image of Gary Shapiro.
And we converted the columns to fields.
So, the next thing you can do in your app is go to the speakers, over here you see the speakers
and click here for the layout.
Grab an image ID, put it in and you see, here are the images.
Grab a name, grab a job title.
And he has a twitter, well I love the twitter reference as well.
Make the name a little bigger,
20 pixels,
and make it bold, here we go.
You see, designing is really
fun with this version of
AppMachine.
So this is the Datalist I want to show you. You can make references to
data, so you can put bricks underneath
a
Datalist.
And here's HTML, and in this HTML I can refer to data
name,
and his
bio,
and put in data.bio, that's another column we saw.
You can do the usual markup over here. So I can make the name bold
and make it a little bigger.
24 pixels, center it on the screen.
And here we go.
And call it
'Information'.
Now information is a sub, you see Gary Shapiro, it's a little bigger, and his
biography over here.
And I can browse through speakers and this is Kevin's information.
And here we have the data.
So, really nice playing with data. Another new thing we have
is the Screen.
And with the Screen
you are able to build your own custom screens.
It's really a sneak preview I'm going to show you. Over here you see
we've got controls.
I can drag in controls to my screen.
I'm able to design whatever i want, put in buttons.
I can give this button a functionality, like
Gogo
video, give it an action. Lots of actions, calling web services, properties,
and do the high level stuff.
Let's navigate to our video brick. Ok, here we go, finish.
And what I now built is a custom screen
and when I press the Gogo video
I jump to
the video brick over here in our app.
So this is the official stuff you can do. You can do more things, we can add
service providers over here if you wanna
import data from API's that are
secured like Facebook, or Salesforce, or Twitter.
You can add services over here. I have a feed from Armin van Buuren, his news.
Let's call it Armin's news.
Put in the URL over here.
We have a look at the URL
and we find the data that's inside the web service.
We import the structure,
and we import the data. Here's the definition, the output parameters, there
are no input parameters in this service.
Here you see Armin's news channels and here's information
from Armin. Well, in your database schema there's a relation between the items
in the channel.
If you want, you can make a connection between the channel and the agenda, and just
like you were used in the old days,
we can make a link between language and description, if you want.
So you can make relations between data you get from web services and data you
get from Excel.
Another nice thing we have is the so-called custom javascript.
I make a little jump to another app.
Here's a
custom javascript app.
And here's a brick called Clock and what you see over here is a clock ticking
away. The real special thing is that we have an editor over here and
here you see the source code
of this ticking clock.
And you're able to browse through the javascript and the ACML over here. You can drag in
new projects
over here,
make changes, changes that are live pushed
to the bricks
in your phone. Our app
is a web server and you can talk to the local web server from within your code.
And we provide you with the internal database that's inside, so you don't
have to worry about calling web services in Excel, and stuff.
We do the magic already for you.
So this is a little sneak preview you saw of the developer version. We still need
to do some things before we go into beta, but it's really, really a promising
version of
AppMachine. Thank you.