Dynamics website

NCC Education

Level 5 Diploma in Computing

Dynamics Website

Centre Name : MCC-Yangon

Assignment Title : Pastime Sports

Exam Cycle :

Candidate Name : Hein Khant Oo

NCC Education ID No. : 00173211

Submission Date :

Marker’s Comment :

Moderator’s Comment :

Mark: Moderated Mark : Final Mark :

Statement and Confirmation of Own Work

Prepared by – Hein Khant Oo_00173211 Page 1

 Dynamics website

Each time you submit an assignment you must attach this statement as the cover
page for both the hard copy and the electronic version. If the statement is missing
your work will not be marked.

Student Declaration

I have read and understood NCC Education’s Policy on Academic Dishonesty and Plagiarism.

I can confirm the following details:

Programme/Qualification Name: Level 5 Diploma in Computing

Student ID/Registration number: 00173211

Name: Hein Khant Oo

Centre Name: MCC-Yangon

Module Name: Dynamics Website

Module Leader: Daw Phyu Phyu Hsan

Number of words:
I confirm that this is my own work and that I have not plagiarized any part of it. I have also noted the
assessment criteria and pass mark for assignments.

Due Date: 27.4.2018

Student Signature: heinkhantoo

Submitted Date: 27.4.2018

Prepared by – Hein Khant Oo_00173211 Page 2

 Dynamics website

Table of Content

Contents
Introduction..........................................................................................................................................................4
Acknowledgement................................................................................................................................................5
Task1..................................................................................................................................................................... 7
Task 2.................................................................................................................................................................. 10
Task 3.................................................................................................................................................................. 29
Task 4.................................................................................................................................................................. 49
Task 5.................................................................................................................................................................. 57
Task 6.................................................................................................................................................................. 80
Tas7..................................................................................................................................................................... 83
Task 7.................................................................................................................................................................. 83
References..........................................................................................................................................................84

Prepared by – Hein Khant Oo_00173211 Page 3

 Dynamics website

Introduction
My name is Hein Khant Oo. Now, I am studying Level 5 Diploma in Computing at MCC. I So, I study
four subjects: Information System Analysis, Network Security and Cryptography, Analysis, Design
and Implementation and Dynamic Website. I do make the assignments for this subject. I make the
Dynamics Website assignment by remaking a website for Pastime Sport which is a local community
group. They focus on sports and games that are no longer mainstream sports. So a website is
important for them to persuade new customers. In this website, a customer can register, login and
join an event. And moreover, they can discuss about the games and sports on the website. The
donation can be done online and they can view how many days of their membership left on the
website.

Prepared by – Hein Khant Oo_00173211 Page 4

 Dynamics website

Acknowledgement
First of all, I want to thank MCC institute for teaching us Network Security and Cryptography.
And I also thank to who give us the instruction to do this assignment. Finally, I want to thank our class
tutor who checks for plagiarism. I appreciate help from my friends, teachers and I am very thankful for
that. And again, I want to thank the module leader, Daw Phyu Phyu Hsan, who explains how to do
this assignment.

Prepared by – Hein Khant Oo_00173211 Page 5

 Dynamics website

Tas
k1

Prepared by – Hein Khant Oo_00173211 Page 6

 Dynamics website

Task1
Setup Page (coding)

Prepared by – Hein Khant Oo_00173211 Page 7

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 8

 Dynamics website

Tas
k2

Prepared by – Hein Khant Oo_00173211 Page 9

 Dynamics website

Task 2
Register Page (design)

Fig 1.01 The design of register page.

Fig 1.02 The design of register page.

Prepared by – Hein Khant Oo_00173211 Page 10

 Dynamics website

registerpage.php (coding)

Prepared by – Hein Khant Oo_00173211 Page 11

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 12

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 13

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 14

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 15

 Dynamics website

Login Page (design)

Prepared by – Hein Khant Oo_00173211 Page 16

 Dynamics website

Fig 1.03 The design of login page (username).

loginusername.php (coding)

Prepared by – Hein Khant Oo_00173211 Page 17

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 18

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 19

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 20

 Dynamics website

Login Page (design)

Fig 1.04 The design of login page (password).

Prepared by – Hein Khant Oo_00173211 Page 21

 Dynamics website

loginpassword.php (coding)

Prepared by – Hein Khant Oo_00173211 Page 22

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 23

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 24

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 25

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 26

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 27

 Dynamics website

Tas
k3

Prepared by – Hein Khant Oo_00173211 Page 28

 Dynamics website

Task 3
Donation Page (design)

Fig 1.05 The design of donation page.

realdonation.php (coding)

Prepared by – Hein Khant Oo_00173211 Page 29

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 30

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 31

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 32

 Dynamics website

Membership Page (design)

Prepared by – Hein Khant Oo_00173211 Page 33

 Dynamics website

Fig 1.06 The design of membership page.

membership_payment.php (coding)

Prepared by – Hein Khant Oo_00173211 Page 34

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 35

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 36

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 37

 Dynamics website

Forum Page (design)

Fig 1.07 The design of forum page.

forumregister.php (coding)

Prepared by – Hein Khant Oo_00173211 Page 38

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 39

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 40

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 41

 Dynamics website

Forum Discussion Page (design)

Prepared by – Hein Khant Oo_00173211 Page 42

 Dynamics website

Fig 1.08 The design of forum discussion page.

forumdiscussion.php (coding)

Prepared by – Hein Khant Oo_00173211 Page 43

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 44

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 45

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 46

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 47

 Dynamics website

Tas
k4

Prepared by – Hein Khant Oo_00173211 Page 48

 Dynamics website

Task 4
Currency Web Service (design)

Fig 1.09 Currency web service utility.

Currency Web Service (coding)

Mobile Accessible Website

Prepared by – Hein Khant Oo_00173211 Page 49

 Dynamics website

Fig 1.10 The website is also accessible on mobile devices.

Image Sprite Navigation

Fig 1.11 The image change to another one when the blue bar is complete.

Prepared by – Hein Khant Oo_00173211 Page 50

 Dynamics website

Slider on Home page

Fig 1.12 You can slide on the home page as a slider is added.

Visitor counter on Home page

Fig 1.13 It will show how many visitors have seen our website.

Prepared by – Hein Khant Oo_00173211 Page 51

 Dynamics website

Visitor counter (coding)

Prepared by – Hein Khant Oo_00173211 Page 52

 Dynamics website

Footer (design)

Fig 1.14 The design of the footer.

Footer (coding)

Prepared by – Hein Khant Oo_00173211 Page 53

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 54

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 55

 Dynamics website

Tas
k5

Prepared by – Hein Khant Oo_00173211 Page 56

 Dynamics website

Task 5
User Profile Page (design)

Fig 1.15 The design of the user profile page.

userlist.php (coding)

Prepared by – Hein Khant Oo_00173211 Page 57

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 58

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 59

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 60

 Dynamics website

Event register page (design)

Prepared by – Hein Khant Oo_00173211 Page 61

 Dynamics website

Fig 1.15 The design of the event register page.

Fig 1.16 The design of the event register page.

Prepared by – Hein Khant Oo_00173211 Page 62

 Dynamics website

eventregister .php (coding)

Prepared by – Hein Khant Oo_00173211 Page 63

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 64

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 65

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 66

 Dynamics website

Event Update Page (design)

Fig 1.17 The design of Event Update Page.

Prepared by – Hein Khant Oo_00173211 Page 67

 Dynamics website

Fig 1.18 The design of Event Update Page.

Prepared by – Hein Khant Oo_00173211 Page 68

 Dynamics website

eventedit.php (coding)

Prepared by – Hein Khant Oo_00173211 Page 69

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 70

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 71

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 72

 Dynamics website

Event Delete Page (design)

Prepared by – Hein Khant Oo_00173211 Page 73

 Dynamics website

Fig 1.19 The design of Event delete page.

eventlist.php (coding)

Prepared by – Hein Khant Oo_00173211 Page 74

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 75

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 76

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 77

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 78

 Dynamics website

Tas
k6

Prepared by – Hein Khant Oo_00173211 Page 79

 Dynamics website

Task 6
Calculation of remain days and annual membership

Fig 1.20 This show the remain days of a member and annual membership.

Calculation of remain days (coding)

Prepared by – Hein Khant Oo_00173211 Page 80

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 81

 Dynamics website

Prepared by – Hein Khant Oo_00173211 Page 82

 Dynamics website

Task 7
1. After doing this assignment, I can create a database and can write a web-page which has connection
with the database. There are many functions of database such as insert, select, update, delete and
etc. I learnt how to create a database by the setup page. By creating the register web-page I learnt
and knew how to insert data into the database. And moreover, I know how to retrieve data from the
database by creating login page and eventview page. When I login as an owner, I can register a new
event and you can update and delete older events from database. So I have learnt most important
function of database and I knew how to connect web-pages with the database. And moreover, the
design and decoration of the web-pages are essential for increase visiting time by customers. To have
good decoration the CSS code of the html is important. I have learnt how to right both CSS code and
PHP code by doing this assignment.
2. In the last decade, people replace desktops with mobile devices. So developing the website to be
viewed on a mobile device is important to have many visitors. But developing a website to become a
fully mobile website is not easy as it not just cross-browser but it is about cross-platform. To support
the improvement and development to become a mobile website, I use responsive design in this
website of assignment. and it is easily viewable on different sizes of devices. I use the font size on the
website to 14px which seems big but for the mobile website, the font size should be minimum of
12px. And the bigger the button, the better for the user not press a wrong button. And I use the

Tas
images of high-resolution for the purposes of mobile website. It will help to avoid having a blurry
image on the mobile devices as the latest mobile devices have extremely high-definition screens. And
to be able to be viewed on the mobile devices a number of extra PHP code is written on the html.
3. I found writing extra PHP code to be run the website on the mobile devices the most difficult because I
am new to the PHP code and I don’t know how to write such complexity code. And it is also difficult to
form a responsive website as it also need to write some complexity PHP code.
4. I overcame these difficulties by asking my teacher and with the help of my classmates. And I also

7
further studied on the internet.

Prepared by – Hein Khant Oo_00173211 Page 83

 Dynamics website

References

Prepared by – Hein Khant Oo_00173211 Page 84