techmeetups mobile app workshop for beginners

96
Mobile App Workshop For Beginners

Upload: techmeetups

Post on 12-Jan-2015

139 views

Category:

Mobile


0 download

DESCRIPTION

In the first of a series of Tech Masterclasses TechMeetups is helping its non-technical startups and entrepreneurs learn how to build their own Mobile Apps in under 4 hours using one of the best cloud based Mobile App Development environments out there. The sample App that we will build is a fitness solution marketplace where fitness service providers can register their classes and services and users can view and book them.

TRANSCRIPT

Page 1: TechMeetups Mobile App Workshop for Beginners

Mobile App Workshop

For Beginners

Page 2: TechMeetups Mobile App Workshop for Beginners

Agenda Time Topic Page / Section

6:00 pm Register

6:10 pm Mobile App Overview

6:20 pm Starting Appery.IO Discuss sections / areas

6:30 pm Login & Register Page Login & Register Page

6:45 pm Main Menu Main Menu Page

7:00 pm Database & Backend User & Fitness table

7:15 pm Listing/Querying Data Fitness listing page

7:30 pm Adding Master Data Adding Fitness Activity data

8:00 pm Listing/Querying Data My Bookings Panel

8:15 pm Adding Transaction Data Adding My Bookings

8:30 pm Deleting Transaction Data Deleting My Bookings

8:45 pm Miscellaneous Building, Deploying, Version control, Device & REST Service & Google Maps

9:00 pm Continuing your journey GetSatisfaction, Videos, Documents & Tutorials

Page 3: TechMeetups Mobile App Workshop for Beginners

Mobile App Basics

Page 4: TechMeetups Mobile App Workshop for Beginners

Mobile App Technology

Page 5: TechMeetups Mobile App Workshop for Beginners

Mobile App differences

Page 6: TechMeetups Mobile App Workshop for Beginners

Mobile App Components

Page 7: TechMeetups Mobile App Workshop for Beginners

What is HTML?

Page 8: TechMeetups Mobile App Workshop for Beginners

What is CSS?

Page 9: TechMeetups Mobile App Workshop for Beginners

What is JavaScript?

Page 10: TechMeetups Mobile App Workshop for Beginners

What is

Page 11: TechMeetups Mobile App Workshop for Beginners

What is

Page 12: TechMeetups Mobile App Workshop for Beginners

What is

Page 13: TechMeetups Mobile App Workshop for Beginners

What is

Page 14: TechMeetups Mobile App Workshop for Beginners

works easily with

Page 15: TechMeetups Mobile App Workshop for Beginners

So how do we put all this together?

Page 16: TechMeetups Mobile App Workshop for Beginners

We do it using Appery.IO

Page 17: TechMeetups Mobile App Workshop for Beginners

Signing up a free A/c on appery.io

https://appery.io/account/signup?affiliate=techmeetups

Please click link below to sign up

Page 18: TechMeetups Mobile App Workshop for Beginners

What were we building?

MyFitBuddy a fitness market place

Page 19: TechMeetups Mobile App Workshop for Beginners

Login / Register

Page 20: TechMeetups Mobile App Workshop for Beginners

Flow between Page (Design) & Data Service

Button

Design Event

Page (Design)

Service

Data Event

Data Service

Device Service REST Service

Invoke

Page 21: TechMeetups Mobile App Workshop for Beginners

Login / Register

Page 22: TechMeetups Mobile App Workshop for Beginners

Import Login, Logout, Register Service

Page 23: TechMeetups Mobile App Workshop for Beginners

Login / Register Data Services

Page 24: TechMeetups Mobile App Workshop for Beginners

Login Service (Request)

Page 25: TechMeetups Mobile App Workshop for Beginners

Login Service (Response)

Page 26: TechMeetups Mobile App Workshop for Beginners

Register Service (Request)

Page 27: TechMeetups Mobile App Workshop for Beginners

Register Service (Response)

Page 28: TechMeetups Mobile App Workshop for Beginners

Flow between Page (Design) & Data Service

Button

Design Event

Page (Design)

Service

Data Event

Data Service

Device Service REST Service

Invoke

Page 29: TechMeetups Mobile App Workshop for Beginners

1. Login / Register

Page 30: TechMeetups Mobile App Workshop for Beginners

Database

Page 31: TechMeetups Mobile App Workshop for Beginners

Database

Page 32: TechMeetups Mobile App Workshop for Beginners

The prebuilt User Collection

Page 33: TechMeetups Mobile App Workshop for Beginners

Login Button Event

Page 34: TechMeetups Mobile App Workshop for Beginners

Register Button Event

Page 35: TechMeetups Mobile App Workshop for Beginners

Login Button Event

Page 36: TechMeetups Mobile App Workshop for Beginners

2. Main Menu

Page 37: TechMeetups Mobile App Workshop for Beginners

Flow between Page (Design) & Data Service

Button

Design Event

Page (Design)

Service

Data Event

Data Service

Device Service REST Service

Invoke

Page 38: TechMeetups Mobile App Workshop for Beginners

Main Menu

Page 39: TechMeetups Mobile App Workshop for Beginners

Main Menu Data Services

Page 40: TechMeetups Mobile App Workshop for Beginners

Logout Service (Request)

Page 41: TechMeetups Mobile App Workshop for Beginners

Logout Service (Response)

Page 42: TechMeetups Mobile App Workshop for Beginners

Main Menu

Page 43: TechMeetups Mobile App Workshop for Beginners

Activity Creation

Page 44: TechMeetups Mobile App Workshop for Beginners

Fitness Classes/Activity Collection

Page 45: TechMeetups Mobile App Workshop for Beginners

Import Database Service

Page 46: TechMeetups Mobile App Workshop for Beginners

Class/Activity Creation Service

Page 47: TechMeetups Mobile App Workshop for Beginners

Class Creation Service (Request)

Page 48: TechMeetups Mobile App Workshop for Beginners

Class Creation Service (Response)

Page 49: TechMeetups Mobile App Workshop for Beginners

Class Creation Design Events

Page 50: TechMeetups Mobile App Workshop for Beginners

Class Creation Data Service Event

Page 51: TechMeetups Mobile App Workshop for Beginners

Flow between Page (Design) & Data Service

Button

Design Event

Page (Design)

Service

Data Event

Data Service

Device Service REST Service

Page 52: TechMeetups Mobile App Workshop for Beginners

3. Fitness Activity listing

Page 53: TechMeetups Mobile App Workshop for Beginners

Activities/Classes listing page

Page 54: TechMeetups Mobile App Workshop for Beginners

Activities/Classes listing page

Page 55: TechMeetups Mobile App Workshop for Beginners

Activities/Classes listing page

Page 56: TechMeetups Mobile App Workshop for Beginners

Activities/Classes Data Sources

Page 57: TechMeetups Mobile App Workshop for Beginners

Class list Service (Request)

Page 58: TechMeetups Mobile App Workshop for Beginners

Class list Service (Response 1)

Page 59: TechMeetups Mobile App Workshop for Beginners

Class list Service (Response 2)

Page 60: TechMeetups Mobile App Workshop for Beginners

Class list Service (Design Event)

Page 61: TechMeetups Mobile App Workshop for Beginners

Flow between Page (Design) & Data Service

Button / Page

Design Event

Page (Design)

Service

Data Event

Data Service

Device Service REST Service

Invoke

Page 62: TechMeetups Mobile App Workshop for Beginners

Fitness Activity listing

Page 63: TechMeetups Mobile App Workshop for Beginners

My Bookings

Page 64: TechMeetups Mobile App Workshop for Beginners

My Bookings

Page 65: TechMeetups Mobile App Workshop for Beginners

4. Activity Booking & Cancel

Page 66: TechMeetups Mobile App Workshop for Beginners

Booking Query Service (Request)

Page 67: TechMeetups Mobile App Workshop for Beginners

Booking Query Service (Response)

Page 68: TechMeetups Mobile App Workshop for Beginners

Show my Booking Button Event

Page 69: TechMeetups Mobile App Workshop for Beginners

Cancel my Booking

Page 70: TechMeetups Mobile App Workshop for Beginners

Booking Delete Service

Page 71: TechMeetups Mobile App Workshop for Beginners

Booking Delete Service (Request)

Page 72: TechMeetups Mobile App Workshop for Beginners

Booking Delete Service (Request)

Page 73: TechMeetups Mobile App Workshop for Beginners

Booking Cancel Button Event

Page 74: TechMeetups Mobile App Workshop for Beginners

Flow between Page (Design) & Data Service

Button / Page

Design Event

Page (Design)

Service

Data Event

Data Service

Device Service REST Service

Invoke

Page 75: TechMeetups Mobile App Workshop for Beginners

Booking Button Event

Page 76: TechMeetups Mobile App Workshop for Beginners

Booking Delete Service

Page 77: TechMeetups Mobile App Workshop for Beginners

Booking Create Service (Request)

Page 78: TechMeetups Mobile App Workshop for Beginners

Booking Create Service Event

Page 79: TechMeetups Mobile App Workshop for Beginners

Booking Button Event

Page 80: TechMeetups Mobile App Workshop for Beginners

Flow between Page (Design) & Data Service

Button / Page

Design Event

Page (Design)

Service

Data Event

Data Service

Device Service REST Service

Invoke

Page 81: TechMeetups Mobile App Workshop for Beginners

Miscellaneous

• Building

• Deploying

• Version Control

• Device Services

• REST Services

• Google Maps

Page 82: TechMeetups Mobile App Workshop for Beginners

Building (Export)

Page 83: TechMeetups Mobile App Workshop for Beginners

Hosting on Appery.io (Web App)

Page 84: TechMeetups Mobile App Workshop for Beginners

Version control

Page 85: TechMeetups Mobile App Workshop for Beginners

Device Services

Page 86: TechMeetups Mobile App Workshop for Beginners

REST Services

Page 87: TechMeetups Mobile App Workshop for Beginners

Google Maps

Page 88: TechMeetups Mobile App Workshop for Beginners

Continuing your journey

• GetSatisfaction support

• Video training

• Documentation

• Tutorials

Page 89: TechMeetups Mobile App Workshop for Beginners

Get Satisfaction Support

https://getsatisfaction.com/apperyio?view=recent

Page 90: TechMeetups Mobile App Workshop for Beginners

Video tutorials

https://www.youtube.com/user/apperyio

Page 91: TechMeetups Mobile App Workshop for Beginners

Documentation

http://devcenter.appery.io/

Page 92: TechMeetups Mobile App Workshop for Beginners

Tutorials

http://devcenter.appery.io/tutorials/

Page 94: TechMeetups Mobile App Workshop for Beginners

In a hurry to launch or still finding it difficult ?

Page 95: TechMeetups Mobile App Workshop for Beginners

Talk to us at

http://techmeetups.com/lab

We can build it for you and for great ideas take equity

Page 96: TechMeetups Mobile App Workshop for Beginners

Thank You

[email protected]