V7.

cover

Front cover

Introduction to HTML5 and

JavaScript Programming

(Course code ZU370)

Lab Setup Guide for

Classroom Delivery
ERC 1.0
Lab Setup Guide for Classroom Delivery

Trademarks
IBM and the IBM logo are registered trademarks of International Business Machines
Corporation.
The following are trademarks of International Business Machines Corporation, registered in
many jurisdictions worldwide:
DB2 HACMP System i
System p System x System z
Windows is a trademark of Microsoft Corporation in the United States, other countries, or
both.
Linux is a trademark of Linus Torvalds in the United States, other countries, or both.
Other company, product, or service names may be trademarks or service marks of others.

May 2012 edition

The information contained in this document has not been submitted to any formal IBM test and is distributed on an as is basis without
any warranty either express or implied. The use of this information or the implementation of any of these techniques is a customer
responsibility and depends on the customers ability to evaluate and integrate them into the customers operational environment. While
each item may have been reviewed by IBM for accuracy in a specific situation, there is no guarantee that the same or similar results will
result elsewhere. Customers attempting to adapt these techniques to their own environments do so at their own risk.

Copyright International Business Machines Corporation 2012.

This document may not be reproduced in whole or in part without the prior written permission of IBM.
Note to U.S. Government Users Documentation related to restricted rights Use, duplication or disclosure is subject to restrictions
set forth in GSA ADP Schedule Contract with IBM Corp.
V7.0
Lab Setup Guide for Classroom Delivery

TOC Contents
Trademarks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . v

Purpose . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . vii

Lab setup guide overview. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Lab preparation checklist . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

Requirements for classroom lab workstations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

Number of lab workstations required . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Hardware requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Software requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Network requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

Creating the lab environment manually (non-VMware) . . . . . . . . . . . . . . . . . . . . . . . . . 7

Hardware requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Software requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Network requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Setup instructions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Software setup instructions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

Copyright IBM Corp. 2012 Contents iii

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
Lab Setup Guide

iv HTML5 and JavaScript Copyright IBM Corp. 2012

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
V7.0
Lab Setup Guide for Classroom Delivery

TMK Trademarks
The reader should recognize that the following terms, which appear in the content of this
training document, are official trademarks of IBM or other companies:
IBM and the IBM logo are registered trademarks of International Business Machines
Corporation.
The following are trademarks of International Business Machines Corporation, registered in
many jurisdictions worldwide:
DB2 HACMP System i
System p System x System z
Windows is a trademark of Microsoft Corporation in the United States, other countries, or
both.
Linux is a trademark of Linus Torvalds in the United States, other countries, or both.
Other company, product, or service names may be trademarks or service marks of others.

Copyright IBM Corp. 2012 Trademarks v

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
Lab Setup Guide for Classroom Delivery

vi HTML5 and JavaScript Copyright IBM Corp. 2012

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
V7.0
Lab Setup Guide for Classroom Delivery

LSGp Purpose
This Lab Setup Guide provides directions for installing, preparing, and verifying the lab
hardware and software in preparation for conducting a class of course ZU370.
The Requirements sections of this document may also be used to determine the specific
hardware and software needed to conduct a class.

Copyright IBM Corp. 2012 Purpose vii

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
Lab Setup Guide for Classroom Delivery

viii HTML5 and JavaScript Copyright IBM Corp. 2012

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
V7.0
Lab Setup Guide for Classroom Delivery

LSG Lab setup guide overview

The purpose of this lab setup guide is to assist the classroom preparer in setting up the
ZU370 classroom lab environment. This guide is separated into two parts:
"Requirements for classroom lab workstations" on page 5
"Creating the lab environment manually (non-VMware)" on page 7
The classroom preparer needs to complete only one of the two parts to complete the
classroom lab environment.

Important

The lab exercises are designed to run within VMware virtual machine images.
Contact your WebSphere Education representative immediately if your classroom set-up
does not support VMware virtual machines.
The classroom must be ready to run lab exercises before the first day of class.

Copyright IBM Corp. 2012 Lab setup guide overview 1

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
Lab Setup Guide for Classroom Delivery

2 HTML5 and JavaScript Copyright IBM Corp. 2012

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
V7.0
Lab Setup Guide for Classroom Delivery

LSG Lab preparation checklist

Repeat the following setup steps on each lab workstation machine:
__ 1. Confirm that there are enough workstation machines for each student and the
instructor.
__ 2. Verify that the workstation machines meet the course requirements.
__ a. Check processor, memory, and free disk space requirements.
__ b. Check operating system and other software requirements.
__ c. Check network connectivity requirements.
__ 3. Install either VMware Workstation 7.1.4 or VMware Player 3.1.4.
__ 4. Extract and copy the virtual machine image files.
__ 5. Start the virtual machine.
__ 6. Log in to the guest operating system in the virtual machine.

Copyright IBM Corp. 2012 Lab preparation checklist 3

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
Lab Setup Guide for Classroom Delivery

4 HTML5 and JavaScript Copyright IBM Corp. 2012

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
V7.0
Lab Setup Guide for Classroom Delivery

LSG Requirements for classroom lab workstations

Number of lab workstations required

As the classroom provider, you are responsible for providing:
One workstation for the instructor;
For each student in the class, one workstation.
For example, a class with 12 students and one instructor requires 13 workstations.
Each workstation must meet the following hardware, software, and network requirements
for the ZU370 course.

Hardware requirements
Ensure that each workstation meets or exceeds the following requirements.
Tier Processor type and Minimum RAM Minimum free Display
code speed memory hard disk space resolution
Intel Core 2 Duo P8400
65 (2.26 GHz, two cores) or 3.0 GB 40 GB 1024 x 768 pixels
faster

Software requirements
Make sure that each workstation has a copy of the following software installed. The
classroom provider is responsible for obtaining software licenses for any non-IBM software.
Software product Version Licensing requirement
Microsoft Windows XP Site must satisfy the user
Service Pack 3
Professional license agreement.

Install one of the following virtualization products to support the virtual machine image
used in lab exercises.
Software product Version Licensing requirement
Site must satisfy the user
VMware Player 3.1.4 or newer
license agreement.
Site must satisfy the user
VMware Workstation 7.1.4 or newer
license agreement.

Copyright IBM Corp. 2012 Requirements for classroom lab workstations 5

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
Lab Setup Guide for Classroom Delivery

Note

Install only one virtualization product, either VMware Player or VMware Workstation, on to
each workstation.
You do not need to install both Player and Workstation.

Network requirements
Configure and test network connectivity settings for each lab workstation.
Provide local network connectivity between workstations? Not required
Provide Internet access for each workstation? Required
Use a DHCP server to assign network IP addresses? Required
Assign fixed IP addresses for each workstation? Not required

6 HTML5 and JavaScript Copyright IBM Corp. 2012

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
V7.0
Lab Setup Guide for Classroom Delivery

LSG Creating the lab environment manually

(non-VMware)
The following section provides information about how to manually create the lab
environment that is needed to conduct the lab exercises in this course.
Perform the manual lab setup under the following conditions only:
You are not allowed to install VMware virtualization software.
You tried to perform the lab setup using VMware virtualization software and you were
unable to successfully install the software on the student or instructor workstation.
Verification of the virtual machine image settings, including network connectivity, failed.

Important

Contact your WebSphere Education representative before attempting to perform these

steps.

As the classroom provider, you are responsible for providing:

Enter the number of workstations required per student. For example, one student
workstation per student or one student workstation for every two students.
One workstation for the instructor;
For each student in the class, one workstation.
For example, a class with 12 students and one instructor requires 13 workstations.
Each workstation must meet the following hardware, software, and network requirements
for the ZU370 course.

Hardware requirements
This section lists the recommended hardware requirements for a student workstation.
In the table, enter the hardware requirements for a student workstation.
Tier Processor type and Minimum Minimum free Display
code speed memory hard disk space resolution
Intel Core 2 Duo P8400
65 (2.26 GHz, two cores) or 3.0 GB 40 GB 1024 x 768 pixels
faster

Copyright IBM Corp. 2012 Creating the lab environment manually (non-VMware) 7
Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
Lab Setup Guide for Classroom Delivery

Software requirements
This section lists the software needed to prepare the student lab environments. When
preparing for a class, be sure to have the correct number of licensed copies of any non-IBM
software.
Update and add any software requirements. Delete any unused rows.
Software product Version Licensing requirement
Microsoft Windows XP SP3 For XP Service Pack 3 or Site must provide sufficient
or Windows 7.0 greater licenses for private offerings.
Site must satisfy the user
Java RTE or SDK V6 or later
license agreement.
IBM WebSphere Application Site must satisfy the user
Server Developer Tools license agreement.
Google Chrome and Opera Site must satisfy the user
Web browsers license agreement.

Network requirements
Configure and test network connectivity settings for each lab workstation.
Provide local network connectivity between workstations? Not required
Provide Internet access for each workstation? Required
Use a DHCP server to assign network IP addresses? Required
Assign fixed IP addresses for each workstation? Not required

8 HTML5 and JavaScript Copyright IBM Corp. 2012

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
V7.0
Lab Setup Guide for Classroom Delivery

LSG Setup instructions

Software setup instructions

Perform the following steps to install and customize software that is required in addition to
the operating system.
List the steps to install and customize any software.

Note

If you are installing the software on Windows 7, then you should download the 64-bit
versions of the Java Runtime and Eclipse. If you are installing on Windows XP, then you
should download and install the 32-bit versions of the Java Runtime and Eclipse software
products.

__ 1. Download and follow the instructions to install the Java 6 RTE or later from
java.com.
__ 2. After installing the Java Runtime, add the location of the JRE library to your user
PATH environment variable from the Control Panel on Windows.
__ 3. Check that your environment is recognizing the Java JRE by opening a command
prompt and typing java -fullversion. This should return the name of the Java
environment that you installed.
__ 4. The IBM DeveloperWorks web site has links to the installation instructions and
where you can download the WebSphere Application Server Developer Tools at

Copyright IBM Corp. 2012 Creating the lab environment manually (non-VMware) 9
Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
Lab Setup Guide for Classroom Delivery

https://www.ibm.com/developerworks/mydeveloperworks/blogs/wasdev/entry/downl
oad_wdt?lang=en.

Information

Links to this software can also be found at

http://marketplace.eclipse.org/content/ibm-websphere-application-server-v85-liberty-profile
-developer-tools.

__ 5. Download Eclipse Indigo for Java EE Developers V3.7.2 from

http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/indigosr
2.

__ 6. Extract the downloaded Eclipse compressed file to the developer workstation, for
example, C:\eclipse.
__ 7. Create a shortcut to eclipse.exe on the desktop.

10 HTML5 and JavaScript Copyright IBM Corp. 2012

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
V7.0
Lab Setup Guide for Classroom Delivery

LSG __ 8. Double-click the Eclipse shortcut to start Eclipse. If Eclipse recognizes the installed
Java JRE, then Eclipse starts.

__ 9. Accept the default workspace, then click OK.

__ 10. Follow the instructions to drag the WebSphere Application Server Liberty Profile
V8.5 to the Eclipse toolbar.

Copyright IBM Corp. 2012 Creating the lab environment manually (non-VMware) 11
Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
Lab Setup Guide for Classroom Delivery

__ 11. Select all the features in the Confirm Selected Features dialog.

Note

The feature version numbers might differ slightly from the those seen in the figure.

__ 12. Click Next.

__ 13. Accept the license conditions.
__ 14. If you get a dialog that prompts you that you are installing unsigned content, click
OK.
__ 15. After the software installation completes, you see a dialog asking you whether you
want to restart Eclipse.

__ 16. Download and install the Opera browser.

__ a. Open a Firefox browser session and type the address:
http://www.opera.com/browser/download/
__ b. Ensure that the browser download is for Windows.

12 HTML5 and JavaScript Copyright IBM Corp. 2012

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
V7.0
Lab Setup Guide for Classroom Delivery

LSG __ 17. Download and install the Google Chrome browser.

__ a. From a Firefox browser session, type the address:
https://www.google.com/chrome/?hl=en&brand=chmo
__ b. Ensure that the browser you are about to download is for Windows.
__ 18. Copy the compressed lab exercise files for the class to a directory on the
workstation file system, for example, C:\labfiles.
__ a. Extract the lab files from zu370_labfiles.7z to the root directory.
__ b. If you do not have the 7-zip program, you can download it from www.7-zip.org.

STOP
STOP Stop

You have completed the manual installation and customization of the lab environment.

Copyright IBM Corp. 2012 Creating the lab environment manually (non-VMware) 13
Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
Lab Setup Guide for Classroom Delivery

14 HTML5 and JavaScript Copyright IBM Corp. 2012

Course materials may not be reproduced in whole or in part
without the prior written permission of IBM.
V7.0

backpg
Back page