Home

Home  My courses  WebDevelopmentHTML5Css3  Topic Outline  Lesson 1: HTML5 Introduction

Lesson 1: HTML5 Introduction

Course Project

    

       At the end of the course, students will be required to create an application that applies the concepts from
each of the modules covered in this course (similar to the way that our restaurant finder case study application
does).
        Students should ideally start planning for their project as soon as the course starts and build on the
implementation as the course progresses. It is ideal to form groups on the first day of the class so students can
start brainstorming ideas for the application.

       Note that it can be hard to come up with an application concept that encompasses all the concepts
covered in the course. It is best not to force-fit a functionality just to gain points, instead you should focus on
creating an application that you are really interested in with the help of the tools learnt in the class. We also
encourage you to read up on HTML5 topics that are not covered in the class. Implementing features not
covered in the class can earn you some bonus points.

       You should discuss your project idea with your instructor who can help you make the right choices for your
application.

       The project can be developed individually or in groups of two. In case the class has odd number of
students, one group can be of three students.
The instructors will use this rubric to grade the project.
Students need a minimum of 25 out of 45 points on the project to pass this course and to get a certificate.
Students can get 35 points for feature implementations as specified in the rubric and, can get an additional 10
points for using HTML5 features that were not covered in the course and for creating an outstanding
application.
       The project must be uploaded on a web server and should be accessible on the internet for it to be
considered valid.
       One option is to upload the application on Google App Engine. Following are the steps required to upload
the application:

       Create an Application in App Engine:

1. 1. Go to http://appengine.google.com/ and sign in with your Gmail account if you are not signed in already.
2. 2. Click the Create Application button.
3. 3. Choose an application identifier.
This will be part of the URL of your application, so it needs to be unique. Your app will be available online
at http://<your-unique-application-name>.appspot.com.

4. 4. Edit your app.yaml file so that your application name matches the one you created
exactly. Change “application: helloworld”  to  “application: <your-unique-application-name>.”
Deploy your App

1. 5. Download GoogleAppEngineLauncher for your environment from here.

2. 6. In GoogleAppEngineLauncher, select the <your-unique-application-name> application from the list.
3. 7. Click the blue deploy button. It make take a few moments for your app to upload and start.
4. 8. Visit http://<your-unique-application-name>.appspot.com.
Congratulations! You have just deployed live code to the web. Now anyone can visit this URL to see your app. 
 Back Next

You have completed 80% of the lesson

80%

 Administration

Course administration

 Navigation

Home
Dashboard
Site pages
My courses
Fruit Grower
BCO
WebDevelopmentHTML5Css3
Participants
Web Development HTML
Topic Outline
L esson 1: H TM L 5 I nt roduct ion
Lesson 2: HTML5 Semantics
C# Fundamentals for Beginners

Calendar

◄ May 2018 ►

Sun Mon Tue We d T hu Fri Sa t

(Sunda y) (Monda y) (Tue s da y) (We dne s da y) (T hurs da y) (Fri da y) (Sa t urda y)

    1 2 3 4 5

6 7 8 9 10 11 12

13 14 15 16 17 18 19

20 21 22 23 24 25 26

27 28 29 30 31    

EVENTS KEY
 About TESDA Online Program

The TESDA Online Program (TOP) is an open educational resource that aims to make technical
education more accessible to Filipino citizens through the use of information and communication
technologies. TOP provides an effective and efficient way to deliver technical education and skills
development services to a broader audience/wide range of users/all learners at a lesser cost.

Contact Us

eTESDA P roject M anagement Unit

Address:     PEVOTI Building, TESDA Complex,
                    East Service Road, Taguig City,
                    PH 1630
P hone:        (+632) 887-7777
E-mail:        etesdapmo@tesda.gov.ph

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License || © 2012
- 2018 TESDA Online Program. All Rights Reserved.