Part 1 - Views

How your App looks...

Learn Create Share

1. Architecture of Vizwik2. Structure of an App3. Creating View Items4. View Item Properties5. Examples

Contents

What is Vizwik?

Visual Coding

What is Vizwik?

Social Network

Visual Coding

+

What is Vizwik?

Social Network

Marketplace

Visual Coding

+

+

Vizwik Cloud Architecture

SocialSplash Shell

desktop browser mobile browser

App Builder App User

build/sell find/follow/buy

www.vizwik.com

Mobile Browser

smartphone/table

iOS/Android/Windows/...

Chrome/Safari/Firefox

HTML5 JavaScript

App Shell DVM

App App App...

Hardware

Operating System

Mobile Browser

Vizwik

App Structure

How it looks

View

App

tap

App Structure

How it looks What it does

View Script

App

tap

get/set

App Structure

How it looks What it does What it stores

View Script Data

App

tap

get/set

App Structure

DB

FB

How it looks What it does What it stores

View Script Data

App

Web

tap

get/set

View Editing

Parts Panel View Editor

View Editing

Parts Panel View Editor

DnD

View Properties

Properties

View Tab

Selected

show/hide

Properties

Script Tab

Selected

show/hide

Script Properties

Properties

Data Tab

Selected

show/hide

Data Properties

View Editing Summary

View Items View Operators

View Editor View Properties

Examples

1. Button2. Labels 3. Fields4. Toggle5. Header6. Footer7. View Navigation8. Images9. Touch Area

10. Map11. Video12. Lists

How we Support You

● Email notifications

● Weekly system updates

● Q&A system

● Feedback

● Help system & Videos

● Blog Summary of Webinars

● Documentation, Presenations, Videos, Templates...

How to reach us...

www.vizwik.com

www.facebook.com/vizwik

www.twitter.com/agoramobile

www.vizwik.com/blog

www.googleplus.com/vizwik

www.youtube.com/vizwik