easyweb demonstration scenario : what's easyweb?

31
EasyWeb Demonstration scenario JustLook By Dongnd

Upload: dong-nguyen

Post on 24-May-2015

288 views

Category:

Technology


4 download

DESCRIPTION

This presentation designed to take you throught a demonstration scenario of usage with EasyWeb on JustLook system (http://www.justlook.com.au) This is also a guideline for beginners.

TRANSCRIPT

Page 1: Easyweb  demonstration scenario : What's Easyweb?

EasyWebDemonstration scenario

JustLook

By Dongnd

Page 2: Easyweb  demonstration scenario : What's Easyweb?

Introduction

This presentation designed to take you throught a demonstration scenario of usage with EasyWeb on JustLook system.

● How to create a website?● How to design your website?● How to share your website on the internet?

This is also a guideline for beginners.

Page 3: Easyweb  demonstration scenario : What's Easyweb?

Are you ready?

Okey, let's go...

Page 4: Easyweb  demonstration scenario : What's Easyweb?

Please login!

Before using EasyWeb, you MUST be a member of JustLook.

Thus, please login or create an account if you do not have yet.

http://justlook.com.au/user/login

Page 5: Easyweb  demonstration scenario : What's Easyweb?

It's here, EasyWeb!

Page 6: Easyweb  demonstration scenario : What's Easyweb?

As you see...

...in this case, our user go to EasyWeb first time. He has a business named Tucker Dental Pty Ltd.So he can "Create website with EasyWeb".

(Otherwise, don't worry, you away can create a demo site.)

Page 7: Easyweb  demonstration scenario : What's Easyweb?

The kinds of EasyWeb website

● Demo site : could be published● Business site : can publish and unpublish● Public site : shared on the internet● Template site : can be used to quickly and

easily build your website.

But, don't care them now.

Please continue to explore EasyWeb by clicking on the “Create website with EasyWeb” button...

Page 8: Easyweb  demonstration scenario : What's Easyweb?

Site templates

Template categories

A template site

Click here if you want to build a website without template

Page 9: Easyweb  demonstration scenario : What's Easyweb?

With a template...

By moving the cursor on the any template, you can choose one of 2 actions :

● View that template on detail● Use it to build a new website

Page 10: Easyweb  demonstration scenario : What's Easyweb?

View a template

Page 11: Easyweb  demonstration scenario : What's Easyweb?

Start designing..

Page 12: Easyweb  demonstration scenario : What's Easyweb?

Start designing (cont)

EasyWeb provides almost the tools you need to easily and quickly design your website's interface and control it's content.

● WYSIWYG based drag&drop mechanism● Right mouse (context) menu● Shortcut (hot) keys

Every element has its owner management tools.

Page 13: Easyweb  demonstration scenario : What's Easyweb?

Start designing (cont)

Main menu

Elements bar

Workspace

Site master bar

Page 14: Easyweb  demonstration scenario : What's Easyweb?

Start designing (cont)

With EasyWeb, the creator can :

● Define the site name and other informations.● Creates new pages and manages them.● Add a picture as business logo.● Insert videos, text content, photo gallery...● Orders, organizes, style them.

By your way. As what you yourself are.

Page 15: Easyweb  demonstration scenario : What's Easyweb?

Start designing (cont)

Creativity

FreedomNo grid.

No layout.

You can put anything at anywhere on the workspace.

Anything and anywhere.

Inspiration

Page 16: Easyweb  demonstration scenario : What's Easyweb?

Start designing (cont)

And with some edits, I've got a new banner like this :

Only 2 minutes.

I've uploaded a logo.I've added 2 new pages.I've created a title element.

Only 2 minutes.

Page 17: Easyweb  demonstration scenario : What's Easyweb?

Previewing

Without saving, I only want to preview...

Page 18: Easyweb  demonstration scenario : What's Easyweb?

Previewing (cont)

After clicking on the Preview button, I see...

Page 19: Easyweb  demonstration scenario : What's Easyweb?

Saving

Because some things have not be saved yet, we back to the design mode, open menu page and click to "Save all" button.

Page 20: Easyweb  demonstration scenario : What's Easyweb?

Saving (cont)

And then...

I click Preview to come back Preview mode.

Page 21: Easyweb  demonstration scenario : What's Easyweb?

Publishing...

Now, I can publish my first website.

A short message displayed let me to know my website has been published sucessfully.

Page 22: Easyweb  demonstration scenario : What's Easyweb?

A public site

http://easyweb.justlook.com.au/green-global

Page 23: Easyweb  demonstration scenario : What's Easyweb?

Republish button

I realise some edits on the design mode.And click Preview again.

When I come back to the preview mode...

Page 24: Easyweb  demonstration scenario : What's Easyweb?

Republish

Republishing that means bring the latest changes to public version of my site.

Page 25: Easyweb  demonstration scenario : What's Easyweb?

Published time

Back to the EasyWeb page of JustLook system.

http://justlook.com.au/easyweb

Published time is the time of latest publishing.

Page 26: Easyweb  demonstration scenario : What's Easyweb?

Updated

New changes have been applied to public version.

http://easyweb.justlook.com.au/green-global

Page 27: Easyweb  demonstration scenario : What's Easyweb?

Browser compatibility

● Google Chrome (all version) : 100%● Mozilla Firefox 4+ : 100%● Apple Safari 4+ : 98%● Opera 9+ : 98%● MSIE 9+ : 97%● MSIE 8 : 92%

Above compatibility rates calculated based on the number of functions those supported by EasyWeb application.

Page 28: Easyweb  demonstration scenario : What's Easyweb?

Issues

Unsolved bugs : ● Serious : 0● Unexpected : 2● Miscellaneous : 3

Deficiency :● Templates● User support

Page 29: Easyweb  demonstration scenario : What's Easyweb?

Next version

● Open template● Notifications● Widgets system● JustLook data sync

Release time : Feb 2013

Page 30: Easyweb  demonstration scenario : What's Easyweb?

Resources

Video :

Communication :

Wiki : https://bitbucket.org/dongnd/easyweb/wiki/

Our website : http://justlook.com.au

Page 31: Easyweb  demonstration scenario : What's Easyweb?

Thanks

EasyWeb team