PRESENTS

Introduction to vTools.WebInABox

Table of Contents

WebInABox Home page

Select Organizational Unit

Edit “Welcome” Page

Edit “Calendar” Page

Edit “Officer Roster” Page

Edit “Other Units” Page

Edit “Blog” Page

Edit “Links” Page

Table of Contents

Edit “Files” Page

Preview, Save, or Discard changes

Preview WebInABox site

Save Changes

Activate Website

Viewing Activated site

Adding a link after saving changes

WebInABox Home Page

Navigate to http://webinabox.vtools.ieee.org

WebInABox sites can be accessed directly or from the main WebInABox page.

Only volunteers appearing on the Section Officer Roster can login to create and edit WebInABox sites. Please use your IEEE web account to log in. Navigate to http://www.ieee.org/web/accounts to learn more about IEEE web accounts.

Select Organizational Unit

This page allows you to select an Organizational Unit and edit its site.

Note “Logout” and “Help” links.

Select a site that you want to edit

Edit “Welcome” PageThis page allows you to enter information for the “Welcome” page of your site

Name of the site you are editing

Will be shown on top of every page

GIF, PNG, JPEG

Default text. Please feel free to change, as needed.

Let us leave the name of the site and the text for the “Welcome” page, and enter an announcement.

You can add announcements here.

Edit “Calendar” Page

This page allows you to easily get your meeting information from the vTools.Meetings tool

You can learn more about the vTools.Meetings tool by visiting its Wiki page (links to all the Wiki pages are available from http://vtools.ieee.org). If you would like to start using vTools.Meetings, please e-mail us at vtools@ieee.org.

Edit “Calendar” Page – cont’d.

Enter the parameters for the events you’d like to show.

Then, click “Next.”

Edit “Officer Roster” PageThis page allows you to specify what officer information will be shown to site visitors.

Officer Information is automatically pulled from our database which is updated through vTools officer reporting.Please note that newly elected officers can log in to the tool to edit what information (e.g Position, Name, Phone)is visible to site visitors.

Edit “Officer Roster” Page – cont’d.

Corresponding check boxes for each position will display their information.

Let’s show names and e-mail addresses for section Chair, Vice Chair, and Secretary.

Then, click “Next.”

Edit “Other Units” Page

This page allows you to specify information about geo units related to your section or chapter.

You can also add information about geo units not associated with your section or chapter directly. For example, you can add information on you “sister” section from a different region.

This information is automatically pulled in from the IEEE database. It includes geo units’ names and websites if their URLs have been reported to the IEEE.

Edit “Other Units” Page – cont’d.

Click “Add other unit” to submit

Edit “Other Units” Page – cont’d.

You can edit information by typing directly in the text box and then clicking on the “Edit other unit” button.

Then, click “Next.”

Edit “Blog” Page

You can add the Blog’s RSS feed URL here.

Then, click “Next.”

Edit “Links” Page

You can add custom links in addition to the links automatically provided for you.

This page allows you to add links that might be of interest to the site visitors.

Edit “Links” Page – cont’d.

Click “Add link” to add the new link.

Edit “Links” Page – cont’d.

You can delete a link by clicking on the “Delete link” button.

Then, click “Next.”

Edit “Files” Page

You can attach files that will be available to visitors of the site.

Then, click “Next.”

Choose expiration, or “No expiration.” Then choose “Protection level.”

Preview, Save, or Discard changes

You can preview the changes before saving them.

This page allows you to preview your site before saving, as well as to save or discard changes.

Preview WebInABox site

Note the site’s name

Click here to close preview

Welcome screen

Visitors can subscribe to announcements via RSS.

On occasion, WebInABox will automatically show major IEEE announcements.

Preview WebInABox site – cont’d.

Meeting information will be automatically pulled from vTools.Meetings and shown on the Calendar page

Let’s click on the meeting link to get just a small glimpse of what vTools.Meetings tool can do for us.

Preview WebInABox site – cont’d.

This meeting notice was created using vTools.Meeting tool in just a few minutes! Visit vTools.Meetings Wiki page for more information.

Preview WebInABox site – cont’d.

Let’s take a closer look at the information generated on this page.

Information on the related geo units will be automatically pulled from the central database

Geo units information is automatically pulled in from the central IEEE database. It includes geo units’ names and websites if their URLs have been reported to the IEEE.

Preview WebInABox site – cont’d.

Links added manually will show below the automatically-generated links.

Auto-generated

Then, click “Close Preview”

Preview WebInABox site – cont’d.

Remember to save the changes by clicking on the “Save Changes” link!

Save Changes

Click “Next” button.

Activate Website

Click to activate the site.

Newly created sites can be made visible to the general public by activating them. Existing sites can be taken off-line by deactivating them. Let us activate the site that we just created.

Activate Website – cont’d.

Direct link to the site; click this after completing this slide.

Easy to remember URL can be requested

Click to take the site off-line

Viewing Activated site

This is what the site we have created looks like. Let’s now browse through the site pages.

Viewing Activated site – cont’d.

Viewing Activated site – cont’d.

Viewing Activated site – cont’d.

Viewing Activated site – cont’d.

Suppose we want to make changes to the existing site. It is easy to do. As an example, let us add a new link.

Adding a link after saving changes

Click back onto the tab from when you were editing the site.

Then, click on “Links”

Adding a link after saving changes – cont’d.

Then, click on “Add link”

Enter link information

Adding a link after saving changes – cont’d.

Link has been added

Adding a link after saving changes – cont’d.

Now, scroll back up and click on “Preview and Save Changes”

Adding a link after saving changes – cont’d.

Remember to save changes!

Adding a link after saving changes – cont’d.

Note the new link

Let us now log out from the tool.

Adding a link after saving changes – cont’d.

Click on the “Logout” link

Adding a link after saving changes – cont’d.

Remember to close the browser window to complete the logout process.

Thank you!

Thank you for viewing the tutorial. Please remember to visit vTools’ site (http://vtools.ieee.org) to learn more about our projects. If you have any questions regarding vTools.Meetings, please e-mail us at: meetings-vtools@ieee.org.

Thank you!