MODULE A

INTRODUCTION

You need to implement a layout for E-Commerce website called Toko Jualan. The UI designer has designed
the interfaces for you to make use of. You can find the design in the project files supplied.
We want you to follow the design to implement the layout by using HTML and CSS.
The layout needs to work in different screen resolutions. From the provided material, you can find different
design screens at width points from 480px width to 1440px width.

DESCRIPTION OF PROJECT AND TASKS

There are following sections that you need to implement in your layout.

• Website Heading
• Navigation
• Our featured products section
• Our collection section
• Plans section
• Testimonial section
• Newsletter section
• Footer sections
• Copyright section

JavaScript
This module tests your HTML and CSS skills. You should not modify the given JavaScript code in this
project. We will disable any extra JavaScript during the marking.

Accessibility
You should apply proper accessibility roles to the essential elements.

Text selection
There is a text selection background colour applied to the web page. The colour follows the major colour of
the website, which is gold colour.

Notes
• The HTML is valid to HTML5 through W3 validator
• The CSS contains no syntax errors
• The people hover animation matches the provided motion design.

LKS LAMPUNG 2018 Version: 1.0 1 of 3

 MODULE B
INTRODUCTION

Thinking about these concepts, you decided to develop a small game that works in the most common web
browsers and that makes it possible to spread your talent in the skill of web design and development. The
game will be called Speed Racer.
You should develop the layout using HTML and CSS and develop client-side programming using JavaScript
and its open source libraries. Some media files are available to you in a zip file. You can create more media
and modify anything in the media if you want.

DESCRIPTION OF PROJECT AND TASKS

We have PSD files for game, you must make it to HTML and CSS. Your layout should follow the design that
we created. You will create the functionality of game using JavaScript that allows the game to work correctly
in different web browsers, following the requirements described below.

1. When open the game, Player can input name/nickname and choose car character
2. After game start, timer will increase every seconds.
3. You can make car run with press space on keyboard
4. After car move to end side, show game over with data name/nickname, time used and car character.
5. When user click play again, back to step 1

JavaScript
This module tests your HTML,CSS and JavaScript skills.

Accessibility
You should apply proper accessibility roles to the essential elements.

Notes
• You can use JQuery

LKS LAMPUNG 2018 Version: 1.0 2 of 3

 MODULE C
INTRODUCTION
QuestMe is a company like Kaskus. They would like to create a website that could help user to get some
features like Kaskus, such as add question, search question, and answer question.

DESCRIPTION OF PROJECT AND TASKS

We have HTML and CSS template, you must make it to functional website with php and use framework
laravel. The QuestMe system should cover the following requirement:

 Login and Register

 Ask Question
 Explorer
 Detail Question
 Search Question
 Logout

JavaScript
This module tests your Server Side Skills with PHP. Additional HTML and CSS will not be judged.

Accessibility
You should apply proper accessibility roles to the essential elements.

Notes
• You can use PHP Native or Using Framework Laravel

LKS LAMPUNG 2018 Version: 1.0 3 of 3