「 ZERO CODING 」 -Quick and Easy -Responsive Web -100% Creative Freedom Cloud Ready

1. @AppBuilder
Designer Guide

2. MailMsg
@AppBuilder
IoT PC
雲端三⽀箭

3. @APPBUILDER

4. ZERO
CODING
Quick and Easy
Responsive Web
100% Creative Freedom
Cloud Ready

5. What is @App?
1. Responsive Web
2. Drag and Drop
3. Cloud office
4. Form and Dashboard
5. Internet of Things
6. MailMsg Services
“A cup of coffee time,
Create a @App”

6. Bootstrap
Templates
CloudObjects
Container
Edit MMS Property
@AppBuilder Dashboard
Panel View Publish My

7. GRID SYSTEM (12 COLUMNS)
The standard of windows is 724px,1170px, 940px.
(The row becomes floating and vertically stacked
when the windows size is below 767px.)
Width: percentage instead of pixels Adjust title and font size to fit with all devices

8. MailMsg DataObject
The default grid system utilizes 12 columns for a 940px
wide container without responsive feature enabled
e.g. (4 8), (6 6),(3 3 3 3) = 12 when it add up in each parenthesis
CSS Style Components
JavaScript Kit Package

9. Image Size
Prefect image size in @AppBuilder

10. Tutorial

11. CLOUDER

12. Admin
&
Dashboards
Cards
&
Portfolios
Business
&
Corporate
Landing
PagesE-Commerce
CV
&
Resumes
Blog
&
Magazines
Forms
&
Components
@APPBUILDER THEMES
T1 T2 T3 T4
T5 T6 T7 T8

13. http://marcdahmen.de/
T1 Admin & Dashboard

14. http://www.leodislager.com/
T2 Business & Corporate

15. http://sainathchillapuram.com/BS/spice-shoppe/spice/
T3 E-commerce

16. http://www.scoopthemes.com/templates/Oleose/Freeze/
T4 Landing Page

17. http://marcdahmen.de/
T5 Blog & Magazines

18. http://www.bootply.com/render/90113
T6 Cards & Portfolio

19. http://chanchandrue.net/themes/rangda/
T7 CV & Resumes

20. http://bootsnipp.com/?page=3
T8 Forms & Components

21. EDM
https://a36273d333f4c136df816b0220b550ddbb6bcd01.googledrive.com/host/
0B3ldvuVxra2VZ1FDUnoyNk1fTlk/2014-5-3.html

22. APP 365

23. Pretty
Interesting Cloud
App 365
Core Of App 365

24. Lucky 7

25. Puzzle

26. Target
• A button that can do anything what you want
• A completed application

27. MARKETING

28. @APPBUILDER FEATURES
@AppBuilder Others
Own Design O X
Response Web O
Cloud Object O X
IOT Object O X
Designer Market O X
App Market O X
AI Market O X

29. Event Postcard
Business card
搖搖樂
媒體推播
Jujue 新媒體
A+公仔 One Store an App
Cloud Vending Machine
One event an App

30. 1. Input AppName http://luckystory/#appname
2. Produce AppName QR code http://pqd.cc/qr/AppName
3. Customized framework using Bootstrap Template Builder
Or bought templates from Designer Store
4. Edit DataObject or Story No.
5. Chose your own media in the cloud library of CloudDisk
Or bought media in the YPCloud media store
6. Published App on social network
INSTANT CLOUDAPPS