Exercises
Self Service Design Training Exercises

Exercises

The 4me Self Service Design Training will guide you through the following exercises:

  1. Structure of the Self Service Portal
  2. Bootstrap
  3. First Steps: the Search Bar
  4. The Logo
  5. Media Queries
  6. Cards
  7. Give It Some Space
  8. Add the Navigation Bar to the Homepage
  9. Add the Dropdown Menu
  10. Styling the Homepage
  11. Styling Other Self Service Pages
  12. Styling the Cards
  13. Styling the Global Navigation Menu
  14. Finishing Touches

To complete the exercises, access your 4me instance at 4me-demo.com by entering the name and password of the instance. Once you have accessed your instance, select the 4me account of GlobalNet.

If you do not yet have access to a 4me instance, you can request one by going to the 4me website.

For this training, it is recommended to have 2 browsers open, one for the designer and another one for the end user.

Go ahead and log in as Frederic Anderson. Frederic has the ‘Account Designer’ role in the GlobalNet account. He is responsible for the design of the GlobalNet Self Service Portal.

Frederic’s email address is: frederic.anderson@globalnet.com
His 4me password is: 4me

In another browser, log in as Red Williams. Red Williams is a user of International Oilwell Specialists, a customer of GlobalNet (GlobalNet provides the ‘Internet Access’ service to International Oilwell Specialists).

Red’s email address is: red.w@ios.com
His 4me password is: 4me
All passwords in your training instance have been set to 4me. For training purposes we use easy to remember passwords, since you will switch users with  different roles quite often during the exercises. The passwords do not reflect the strict password requirements 4me has for its own employees, nor the requirements your organization will set in the 4me system for you.
Make sure you verify the settings of your training instance when it has been used by someone else. Go to the Settings console (5th icon in the toolbar). In the left pane at the bottom you will find the menu options 'Instance Options' and 'Instance Reset'. Click on 'Instance Options' to enter your email address in the Forwarding email address field. Click on the 'Instance Reset' menu option to reinitialize the data in your demo instance.

Click on the button below to get started with the first exercise.

Start Exercise 1