Windows 8 HTML5 Game/App

Development

Practical Training Pilot at BIT

MC Jing, mjing@microsoft.com

Senior Academic Developer Evangelist

22nd May, 2012

2

Objectives & Approach

• CS students together with

Design students Objective

Students

Innovate Win8

HTML5

Game/Apps

Approach

• Train HTML5 technical session

• Metro design

• Good gaming UI design.

• Team up to design and prototype

• Build and test following next

weeks

• Submit to the market.

3

Win8 HTML5 Game/Apps Training

Devices & Experiences Users Want

Enterprise-Grade Solutions Advanced Foundation Innovation

• Learn the fundamentals

• Building the simple

apps

• Real practical &

industry experience

sharing

• Case study

• Building the real innovative consume apps

4

Schedule

Target

Audience

Software School of BIT

Digital Media

department of

software school

(Tech + Design)

• Art/design major (29 ppl )

20 design students

• Students innovation base

20 Tech students

Camp training

Three weekends -

Total 6 days camp

• 5/26-27

• 6/2-3

• 6/9-10

Break for innovate

Two weeks break

• semester final exam

• Ideas generation

Project Development

Total two weeks app

development

• 6/25 – 7/7 :

App development

• 7/8 :

App submit app

26-五月 27-五月 2-六月 3-六月

1 Hour HTML5的前世今生

* 什么是HTML

* 为何要HTML5

Snap and Scale

1 Hour Feel connected and alive

1 Hour 初窥Canvas Less is more Use the right contracts

1 Hour Be fast and fluid

1 Hour Animations

1 Hour 动手实践 动手实践 动手实践 动手实践

课后作业 课后作业 课后作业 课后作业

CSS构建页面

* CSS1.0、2.0、3.0

* CSS构建页面

HTML5高级功能

* 多媒体* 拖拽

使用HTML5标记语言*Tags

Website to Metro StyleApps

Metro Style Design

HTML语言基础* HTML语言基础

* HTML、XHTML、CSS

HTML5 教学计划 Metro Design 教学计划

9-六月 10-六月 2012/6/25- 7/6 2012/7/7-7/8

1 Hour 发布应用

1 Hour

1 Hour 创意开发

1 Hour 创意开发

1 Hour 创意开发

1 Hour 创意开发

课后作业 课后作业

创意开发

Win8 游戏程序设计 应用设计教学计划

Waiting for

update from

speakers

案例参考 - Windows Phone 实训实施与成果

提交应用市场 (Marketplace) （3周）

项目实战开发-完成57个应用 (4天)

Windows Phone 7 应用开发知识培训 (3天WP+1天云)

基础知识培训 (2天)

C#语言基础的学习、Sliverlight, Blend 开发平台知识方面的了解和掌握

“边学边练”案例实践教学的方式，系统学习WP 相关开发技术

以示范案例为框架进行创意开发，鼓励自行创意个性化应用

继续优化应用，如果在三周内成功提交到应用市场，课程成绩会加分

项目开发阶段

培训阶段

北交大游戏专业Windows Phone应用作品成果展示

Let’s get started…