MTA EXAM 98-375

HTML5 Application Development

Fundamentals
98-375: OBJECTIVE 1
Manage the Application Life Cycle
LESSON 1.1
Understand the
platform fundamentals
OVERVIEW Lesson 1.1

In this lesson, you will review the following:

• Packaging and the run-time environment, including:

o
App package
o
App container
o
Credentials/permission sets
o
Host process
o
Leveraging existing HTML5 skills and content for slate/tablet
applications
GUIDING QUESTIONS Lesson 1.1

• How does a web designer accommodate the various devices that

might be used to view a website?
• What must be considered when selecting a host for your website or
application?
• How can HTML5 enhance the user experience on a slate or tablet
hardware platform?
LECTURE Lesson 1.1

Application Package and Application Container

• An application local package is an application container that can be
used to install your application on your local machine or another
computer for testing and then final implementation.
• To package a website:
o
Microsoft® Expression® Web: Select Site, Export to Web Package.
• Install and run the package
o
Copy the test layout folder and its contents to the test computer (this is
created from the prior step).
o
Import the Web Package on the test computer for testing.
DEMONSTRATION Lesson 1.1

Packaging your website or application

In this demonstration, you will see how to:

• Create a local package for testing on another machine.

o
The target machine must have Expression Web installed to import and
test the new site.
LECTURE Lesson 1.1

Credentials and Permission Sets

• When preparing to deploy your application or website, it is
important to consider the security measures needed for the site and
data.
• The client must present the proper credentials.
o
Users must be registered and sign in with correct user name and
password.
LECTURE Lesson 1.1

Host Process
• With the variety of products that users can use to view a website or
application, it is even more critical to choose the right host.
• To become active, a service must be hosted within a run-time
environment that creates it and controls its context and lifetime.
• A hosting environment must meet the needs of the application
deployment, such as:
o
IIS - Internet Information Services
o
Managed application
o
Windows® Services
LECTURE Lesson 1.1

Leveraging HTML5 Skills and Content

• Web applications are web pages that provide a focused solution to
a task and conform to certain display guidelines.
• Slate or tablet application guidelines
o
Optimize web pages correctly.
o
Scale content for the graphics device.
o
Use HTML5 content to check for browser compatibility and
accommodate the display for a slate or tablet device.
DISCUSSION Lesson 1.1

1. What is meant by development platforms? For example, a program

might be created to run on a Windows desktop platform. Can you
think of addition platforms that should be considered?

2. What is the current version of each platform?

3. Look at the Internet Explorer® 9 Guide for Developers:

http://msdn.microsoft.com/en-us/ie/hh410106.aspx

4. What HTML5 features are included in Internet Explorer 8? What

new features are in Internet Explorer 9?
IN-CLASS ACTIVITY Lesson 1.1

Directions:
• Read the scenario described in the In-class Activity document.
• Answer the questions that follow.
REVIEW Lesson 1.1

Can you answer these?

• How does a web designer accommodate the various devices that

might be used to view a website?
• What must be considered when selecting a host for your website or
application?
• How can HTML5 enhance the user experience on a slate or tablet
hardware platform?
ADDITIONAL RESOURCES
MSDN Resources
Building Apps with HTML5:
What You Need to Know
MSDN® Developer Samples:
Learn Through Code
Learn HTML5 in 5 Minutes!
New! HTML 5 and CSS: Six
Complete Lessons
Other Resources
W3 Schools
A vocabulary and associated
APIs for HTML and XHTML
Lesson 1.1
http://msdn.microsoft.com/en-
us/magazine/hh335062.aspx
http://code.msdn.microsoft.com/site/search?f
%5B0%5D.Type=Technology&f%5B0%5D.Value=HTML5
http://msdn.microsoft.com/en-us/hh549253 
http://blogs.msdn.com/b/mis_laboratory/archive/2011
/10/18/new-html-5-and-css-six-complete-lessons.aspx
http://www.w3schools.com/html5/default.asp
http://dev.w3.org/html5/spec/Overview.html