Cross-Platform HTML5+JS Code Camp 2013

Code Camp Weekend: Friday 14.6. - Saturday 15.6.2013 Room no: 6218

CT10A9700 Summer School on Communications Engineering (2 cr)

Learn to program on HTML5, JavaScript and the PhoneGap library for cross-platform app development and deployment!

News & Notes

Registration open

Course pages open

Introduction Presentation Slides

Code Camp / WOrkshop Schedule

Location 6218 basement computer lab
Workshop is from 9AM to 3PM on Tuesday
Code Camp is from Tuesday 9AM until Wednesday midday

Start time on Tuesday 15.10.2013 at 9:00

09:00 - 11:00 Technology Briefing

10:00 Coffee Break

12:00 - 13:00 Lunch and group forming

13:00 → Coding

16:00 PhoneGap & PhoneGap Build tech demo

Presentations on Wednesday 10:00 - 12:00

Feedback times and return deadlines

To be announced (return for deadlines roughly two weeks after the course weekend)

Groups

Two (to three) person teams:

Group	Application	Name 1	Name 2	Name 3	Name 4
Group 1	Match Pairs	Maksim Vlasov	Alireza Adli	Yongyi Wu	Poorang Vosough
Group 2	Treasure Hunter	Teemu Virta	Eero Pajunen
Group 3	Boiler Room	Esko Naski	Tatu Huttunen	Joonas Kylmälä
Group 4	Shopping List	Kalle Kareinen	Teemu Hokkanen
Group 5	Earth Defence Deluxe	Kimmo Bordi	Arttu Tolvanen
Group 6	App Name	Name 1	Name 2

Requirements for projects

Release and present a program that uses HTML5 and JavaScript on some mobile or tablet device

Return a poster and a five page report /or/ a published Windows 8 / WP8 / Android / iOS app

Return requirements for groups and the return schedule

On Wednesday, at the end of the course, you need to have

Five minute presentation about your program (idea, motivation, goals, technology used, what was actually implemented etc.)

Five minute demonstration of your working program

= Total presentation time of 10 minutes

Done your wiki page and linked it to this one. Use this or this as an example

Group members

Idea

Motivation

Features

Tech

Some explanatory charts optionally

Link to your source code repository, or have the project in the wiki page

Discussion and the Q&A

Q&A goes here. Feel free to edit!

FAQ

What are recommended skills/requirements for code camp ?

Programming experience(I hope you all have some…if not..then you'll have one during this code camp) and of course learning INTEREST is the most.

Can I prepare to Code Camp ?

Yes. During code camp week we will brainstorm a software idea, design it and code it. Getting good ideas might sometimes be hard and thinking about different ideas before code camp makes it faster to get into coding part.

I have an exam in Code Camp week ?

You are free to go exam, but code camp in intensive course and idea is to focus coding during the well, so it is recommended you prepare to exam before the code camp week.

Grading ?

Grading 1-5 from

Idea and presentation of the Idea in wiki: 25%

Coding of the implementation: 25%

Presentation: 10%

Code Camp Spirit: 20%

Code camp Report 20%

Publish in the app store to at least double the coding section grading. (+ 1-2 grades)

More ?

If you have questions about code camp send email to Antti Knutas (firstname.lastname@lut.fi).

Helpful Links

PhoneGap

http://phonegap.com/ - PhoneGap

https://build.phonegap.com/ - PhoneGap build

http://docs.phonegap.com/en/edge/guide_platforms_index.md.html - PhoneGap getting started

Windows 8 HTML5 apps

Developing your first HTML5 app for Windows 8

Create Windows 8 apps

Touch events in Windows 8 HTML

Gaming Kit Tutorial

HTML5 + JS basics

HTML5 basics

HTML5 canvas basic tutorial

Make a simple HTML5 game

Introducing WebSockets

Sample Projects

HTML5 Game Starter Kit

HTML5+JS touch game sample

Dev Tools

Dreamspark

WebStorm (for Linux/OSX)

What is Code Camp ?

Code Camp is a learning and hacking experience. The code camp approach can be defined as a collaborative learning setting that aims to promote profession-oriented skills. In code camp, the term camp refers to a situation where students assemble and stay a while together. The term code refers to coding, i.e. writing computer programs.

Registration

Registration link is on the front page.