220914

FM-BINUS-AA-FPT-66/R5

Soal Proyek
Project Case

M0114
Web Based Programming
Teknik Informatika

O2-M0114-YD04

Computer Science

Periode Berlaku Semester Ganjil 2014/2015

Revisi 00

Valid on Odd Semester Year 2014/2015

Revision 00

Seluruh kelompok tidak diperkenankan untuk :

The whole group is not allowed to:

Melihat sebagian atau seluruh proyek kelompok lain,

Seeing a part or the whole project from other groups

Menyadur sebagian maupun seluruh proyek dari buku,

Adapted a part or the whole project from the book

Mendownload sebagian maupun seluruh proyek dari internet,

Downloading a part or the whole project from the internet,

Mengerjakan soal yang tidak sesuai dengan tema yang ada di soal proyek,
Working with another theme which is not in accordance with the existing theme in the matter of the project,

Melakukan tindakan kecurangan lainnya,

Committing other dishonest actions,

Secara sengaja maupun tidak sengaja melakukan segala tindakan kelalaian yang menyebabkan hasil
karyanya berhasil dicontek oleh orang lain / kelompok lain.
Accidentally or intentionally conduct any failure action that cause the results of the project was copied by someone else / other
groups.

Jika kelompok terbukti melakukan tindakan seperti yang dijelaskan butir 1 di atas, maka nilai
kelompok yang melakukan kecurangan (menyontek maupun dicontek) akan di NOL kan.
If the group is proved to the actions described in point 1 above, the score of the group which committed dishonest acts (cheating or
being cheated) will be Zero

Perhatikan jadwal pengumpulan proyek, segala jenis pengumpulan proyek di luar jadwal tidak
dilayani.
Pay attention to the submission schedule for the project, all kinds of submission outside the project schedule will not be accepted

Jangan lupa untuk melihat kriteria penilaian proyek yang ditempel di papan pengumuman, atau tanya
asisten anda.
Dont forget to look at the project assessment criteria that posted on the announcement board, or ask your teaching assistant.

Persentase penilaiaan untuk matakuliah ini adalah sebagai berikut:

Marking percentage for this subject is described as follows:

Tugas Mandiri

Proyek

UAP

Assignment

Project

Final Exam

40%

60%

Halaman : 1 dari 6
Page

1 of 6

220914

FM-BINUS-AA-FPT-66/R5

Software yang digunakan pada matakuliah ini adalah sebagai berikut:

Software will be used in this subject are described as follows:

Software
Software

Notepad++
Firefox
7

Ekstensi file yang harus disertakan dalam pengumpulan tugas mandiri dan proyek untuk matakuliah
ini adalah sebagai berikut:
File extensions should be included in assignment and project collection for this subject are described as follows:

Tugas Mandiri
Assignment

HTML, image files (JPG/PNG/GIF)

Halaman : 2 dari 6
Page

2 of 6

Proyek
Project

HTML, image files (JPG/PNG/GIF), CSS,

JS

220914

FM-BINUS-AA-FPT-66/R5

Soal
Case

Blue Fragrance is a well-known perfume shop in Indonesia. They are providing various types of
fragrances which are sourced directly from the fragrance houses themselves no gray market products, no
copies, and no testers. Now, Blue Fragrance wants to be available online to help customer finding the
best deals online whilst shopping conveniently and easily. Therefore, Blue Fragrance asks you to
develop a website to make better experiences of their customers.
As their web designer, you are asked to design an attractive web to promote their products. All
contains should be in English and you can use Notepad++ to design your web.
Website structure consists of five main menus with the following details:
1. Home
This page contains short description about Blue Fragrance, a slider to engage more website visitors.
2. Collections
This page shows some perfume collections of Blue Fragrance and this page must contain information
for each perfume such as Brand, Product Name and Price of the perfume, plus Add to Cart
button.
3. Register
On this page visitor can register themselves as Blue Fragrance member. Visitors must submit their
personal information for registering. For more information, look at the table below.
4. About Us
This page contains information about Blue Fragrance. You also can add Blue Fragrance history.
5. Contact Us
This page contains contact information of Blue Fragrance.

Halaman : 3 dari 6
Page

3 of 6

220914

FM-BINUS-AA-FPT-66/R5

Further Information about the validation in registration page:

No
Fields
Description
.
1.
Name
- Must be filled.
- Length of Name must be at least 6 characters.
- Must more than one word.
- Must contain alphabet.
2.
Gender
- Must be chosen.
3.
Password
- Must be filled.
- Must contain alphabetic and numeric characters.
- Length of Password must be at least 6 characters.
4.
Confirm Password
- Must be filled.
- Must match with Password.
5.
Email
- Must be filled
- Must match with the format below:
a. Email must contain At (@) character and Dot (.) character.
b. At (@) character cannot be more than one.
c. Maximum of Dot (.) character after At (@) character is two
characters.
d. Minimum of Dot (.) character after At (@) character is one
character.
e. At (@) and Dot (.) characters cannot be placed beside each
other.
f. At (@) and Dot (.) character cannot be the first and the last
character of Email.
e.g.:
asd@baba.com
: valid
aasd.13@adsad.com : valid
abc@bubu.co.id
: valid
abc@bubu.co.asd.id : invalid
6.
Address
- Must be filled.
- Address must contain street word and case sensitive.
- Length of Address must be at least 10 characters.
7.
Captcha
The format of Captcha is XX999.
- The 1st and 2nd character of Captcha is gotten from random alphabet
from A to Z.
- The 3rd, 4th and 5th character of Captcha is gotten from random
number from 0 to 9.
e.g:
VH395
AK289
8.
Re-Captcha
- Must be exactly same with Captcha.

Halaman : 4 dari 6
Page

4 of 6

220914

FM-BINUS-AA-FPT-66/R5

Make the validation of the form above. You must use the JavaScript language. You are not allowed to
use other languages besides JavaScript. Validate each field with the provisions of the information above.
You are not allowed to use the Regex (Regular expressions).
Complete your website with Cascading Style Sheets (CSS) so the display format of your website can be
obtained with maximum results.
Make appropriate Human and Computer Interaction rules, 8 Golden Rules (Ben Shneiderman, 2009), as
following:
1. Strive for consistency
2. Offer informative feedback
3. Offer simple error handling
4. Permit easy reversal of actions
5. Support internal locus of control.
And please make website documentation.
Guide
1 Design your website by observing the principles of Human and Computer Interaction. Set up your site
as creative as possible but consistent. Feel free to choose the font and color of your website.
2

Consider a right hypertext paradigm (rules), not just a regular document or a brochure on the web.

Make your website best viewed with the screen resolution of 1024x768. Give an explanation on your
site if necessary.

Use HTML file extension : .html or .htm.

Organize your files with subdirectories.

Use only client-side scripting with JavaScript.

Make sure your website can be viewed either with Internet Explorer 8 or above version.

For navigation, use roll-over effect for each menu option. Give a descriptive picture or icon if you
like. (You are free to use your image or the corresponding icon).

In the form, use the controls (widgets) which are appropriate for the requested fields.

10 Notice the language you use, including spelling and grammar.

11 Use any facilities from Notepad++ to add attractiveness of your website.
12 Use Shockwave Flash or Java Applets if you want to improve usability and experience significantly.

Halaman : 5 dari 6
Page

5 of 6

220914

FM-BINUS-AA-FPT-66/R5

If you do not understand, please ask your assistant! Do not make your own assumption!

Halaman : 6 dari 6
Page

6 of 6