![Page 1: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/1.jpg)
EasyWebDemonstration scenario
JustLook
By Dongnd
![Page 2: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/2.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/3.jpg)
Are you ready?
Okey, let's go...
![Page 4: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/4.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/5.jpg)
It's here, EasyWeb!
![Page 6: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/6.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/7.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/8.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/9.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/10.jpg)
View a template
![Page 11: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/11.jpg)
Start designing..
![Page 12: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/12.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/13.jpg)
Start designing (cont)
Main menu
Elements bar
Workspace
Site master bar
![Page 14: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/14.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/15.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/16.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/17.jpg)
Previewing
Without saving, I only want to preview...
![Page 18: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/18.jpg)
Previewing (cont)
After clicking on the Preview button, I see...
![Page 19: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/19.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/20.jpg)
Saving (cont)
And then...
I click Preview to come back Preview mode.
![Page 21: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/21.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/22.jpg)
A public site
http://easyweb.justlook.com.au/green-global
![Page 23: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/23.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/24.jpg)
Republish
Republishing that means bring the latest changes to public version of my site.
![Page 25: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/25.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/26.jpg)
Updated
New changes have been applied to public version.
http://easyweb.justlook.com.au/green-global
![Page 27: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/27.jpg)
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?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/28.jpg)
Issues
Unsolved bugs : ● Serious : 0● Unexpected : 2● Miscellaneous : 3
Deficiency :● Templates● User support
![Page 29: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/29.jpg)
Next version
● Open template● Notifications● Widgets system● JustLook data sync
Release time : Feb 2013
![Page 30: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/30.jpg)
Resources
Video :
Communication :
Wiki : https://bitbucket.org/dongnd/easyweb/wiki/
Our website : http://justlook.com.au
![Page 31: Easyweb demonstration scenario : What's Easyweb?](https://reader033.vdocuments.site/reader033/viewer/2022051015/5561f89fd8b42a2a488b4c41/html5/thumbnails/31.jpg)
Thanks
EasyWeb team