Xây dựng website đánh giá kết quả học tập bằng hình thức trắc nghiệm trực tuyến

TRTICIYG DAr Hgc rAv od
KHoA KY rHUAT cdNcNcrm

KHoA LUAN 16r NcsrEp DAr Hec

xAv DUIvG wEBSrrE DANH GrA xnr
euA yAC rAP sANc niNn rHrIc
TRAC NGHIEM TRTIC TUYEN

Sinh vi6n thuc hi6n

Can b0 huong d6n
ThS. NguyEn Viet Huynh Mai

VO Huydn Trdn

MSSV: 0751010122

Crin b0 phan biQn
ThS. LC Thi Thu Lan
Kh6a

ll6n ttuoc bno vQ tai._HQi d6ng ctrlm khoa lufln t6t nghiQp BQ m6n Tin Hec
Khoa K! Thuft C6ng NghQ, Trudng DA hSc Tdy D6 vdo ngay ta
th6ng OO nam ZOt t
Ua s5 tlO tai:
05

!
i

t

c6 tne tim hicu lusn v6n t4i:

o
r

Thuvi€n: Trutmg D4i hgc T6y D6.
Website: h@//:tdu.edu.vn

1.003460


LOI cAtvt OI,{
Di5 hoan thdnh kh6a

girip

dO nhiQt

lupn t6t nghiQp ndy, ngodi

sU cO ghng

ciabin

thdn t6i cdn c6 sg

tinh cria thAy c6, ba mg.

TOi xin chdn thdnh cim on Khoa K! Thuflt - COng Ngh€ trudng d4i hqc Tdy EO dE t4o
ili6u kiQn thufln lgi cho tdi hgc tpp vd hodn thdntr mt A:C tdi ndy.TOi xin bdy t6 ldng bi6t on sdu sic dtin c6 Nguy6n ViQt Hulnh Mai da tAn tinh hudng
d6n t6i trong su6t qu6 trinh thgc hign
T6i xin ch6n thdnh c6m on quy tlAy c6 khoa K! Thuft - COng NghQ dd t4n tinh gi6ng
dpy , truycn d4t cho t6i nhtng kiiSn thtc quy b6u trong nhtng nam hgc vira qua.

Xin gti ldi c6m

cm di5n ba mg dd

vi d5lu6n ld ngu6n itQng vi6n to l6n, gitip d0 t6i vugt

qua kh6 khdn trong quii trinh thUc hiQn eC tai.

Do trinh itO ki6n thtc cdn h4n ch6, n€n chuong trinh kh6ng ti6nh khoi nhtng thi6u s6t.
TOi hy vgngdugc su giyp dd cria thiy c6 vd ciic ban ilti hQ th6ng thi trrc rrgt ig* dugc
hodn thiQn dAn vd c6 th6 dugc 6p dgng trong thUc ti6n.

Sinh vi6n thUc hiQn
VO Huy6n Trdn


NHaN XEr CUA GIAO UEN HTPONG DAN
----u3 [X

p------

,
!

Cdn Tho, ngay. . ...th6ng. . ...ndm 201 I
Gi6o viGn Hudng DAn

l.
I


NHaN XEr CoA GAO UEN PHAN B|EN

------q m &)------

Cdn Tho, ngdy.....thring.....n6m 20 1 I
Gi6o vi6n Phin BiQn

!

t.
I


KHOA LUAN

16r Ncnrpr

,

VO Huy€n Trdn I MSSV: 075lOIOt22

KHOA LUaN

2.53
2.6 So

ror NCn$r

Cnph6p........
Luor Ve psAN ricH

................27

Hp ru6NG HUONG por TUQNG

2.6.1Gi6i thiQu UML:................

: ........ ............28

............28

2.6.2IJML trong phdn tich vp thitit fe n9 th6ng:

CUU........
LIEU.......

CHTJONG 3 NQr DUNG VA KET QUA NGHTEN
3.1 PHAN TICU VA THIET KE CO SO DCT
3.1.1 MO t6 hQ

th6ng

dpng....
3.1.3 M6 ti ca sir dUng........
3.1.4X6'y dyng kich bin
3.1.5 Bi6u d6 ca su dsng
3.1.6. BiCu dd 1crp...........
3.1.2. X5c dinh t6c nhdn vd ca sri

3.2 KfrT QUA DAr

Duoc

...............
3.2.2 Chtrc nlng sopn t16 thi:
3.2.3. Chric ndng ldm bii thi:
KET LUAN VA EE NGHI
UU DIEM: ...............
KHUYET DIEM:
HUONG puAr rRIEN:....
PHU LUC
MQT S6 OOAN CODE TrEU BrEU
Code trang lambaithi.php:............
Code chamdiem.php: ........
TAI LrEU THAM KHAO
3.2.1 Giao diQn chinh:

I

VO Huy6n

Trin I MSSV: 0751010122

....

3l

.....33
........... 33

..............33
...............34
................... 35

.......37
....... 54
....... 55

....................78
.............78
.................. 80
.................

SS

..........91
................91
....91
......91

....................e2

...........92
.............92

.....102
.......... 104

2


KHOA LUAN T6T NGHIE,P

DANH sAcH uirun

;

Hinh 3.1 Giao di€n chinh
Hinh 3.2 Giao diQn Admin.

vi€n..........
Hinh 3.4 Giao dien tqo di thi.
Hinh 3.5 Giao diQn thAm cdu h6L
Hinh 3.6 Giao diQn tqo cdu h6i.
Hinh 3.7 Giao diQn tqo di thi theo l6p.
Hinh 3.8 Giao diQn sinh vi1n. .........
Hinh 3.9 Danh sdch di thi. ...........
Hinh I 0 Form nhqp mqt khiiu di thi. ...........
IIinh 3.1I Th6ng bdo dd thttc hiQn di thi.
Hinh 3.12 Giao diQn ldnt bdi thi.
Hinh 3.13 HiAn thi ket qud...........
Hinh 3.i Giao diQn gido

3.

V6 Huy6n TrAn I MSSV: 0751010122

.........78
...... 80

.......... 81
.................. 82
...;......... 83
............... 84
.... 84

.......... 85
............ 86
........... 87
................. 88
.............. 89
............. 89

J


KHOA LUAN TOT NGHIEP

rou rAr
Trong thoi bu6i c6ng nghQ th6ng tin nhu hiQn nay thi hinh thric thi tric nghiOm t4rc tuyi5n
dd kh6ng cdn xa lp v6i nhi6u ngudi. MQt s6 trudng cfing dE 6p dpng phuong ph6p niy vio
chuong trinh giing dpy cira minh. Thi

tric

nghiQm online

ngiy cdng trO n€n ph6 bitin boi

tinh n[ng tiQn dung ctng nhu uu ditim cira n6 ld khSch quan, nhanh ch6ng, gi6m thi6u chi
phi t6 chtic thi.
Kh6a lufn ti5t nghiQp ndy xdy dUng mQt hQ th6ng cho ph6p td chric thi tryc tuytin th6ng
qua hQ thdng m6y tfnh. HQ thting dugc xdy dung tr€n nOn web, dugc cii d[t bing ng6n
ngfr lflp trinh PHP & MySQL.

ABSTRACT
In times of information technology today, the form online tests are no longer strange
tomany people. Some schools also have applied this
method in their curriculum. Onlinetest is becoming more popular because of handy
features and advantages of it is objective, rapid, reducing the cost of a test.
Graduation thesis develops an organizational system that

allows online competitionthrough computer systems. The system is built on the site,
which is installed with the programming language PHP & MySeL.

TI./ KHOA

I

t

Ttt Kh6a

Y nghia

HTML

HyperText Markup Language

CSS

Cascading Style Sheets

PHP

Hypertext Preprocessor

SQL

Structured Query Language

w3c

World Wide Web Consortium

Vd Huy6n Trdn I MSSV: O75l\l0l22

4


KH6A LUAN TOT NGHIE,P

CHI./ONG 1: T6NG QUAN

r.r lY Do cHgN oE rnl
a

Trong nhirng n[m tro l4i d6y, hinh thfc thi tric nghiQm dd tro n€n ph6 bi6n tr€n todn
thti gi6i, n6 girip kiiSm tra duoc todn diQn ki6n thfc cira hgc sinh, nQi dung bao qu6t do
d6 hgc sinh kh6ng th6 ndo hgc tri duoc md phii hgc todn bQ tr€n co so hirSu 16 vi v6n
dpng.Phuong ph6p ndy cdn dpy cho hgc sinh bii5t c6ch vfn dung vd linh hopt trong

tinh to6n

lim

quen v6i sg nhpy b6n

vi

sdm dinh hinh mQt dAu 6c tinh to6n hi6u bi6t

linh hoAt.

Vdi nhirng uu

dir5m tuyQt

c6c t6 chirc gi6o dqc qu6c

vdi cria minh, n6 dd dAn tro thanh hinh

thr?c

thi chinh cria

ti5.

Tru6c tinh hinh d6, nhfn th6y nhfrng uu di6m cria hinh thric thi niy, BQ Gi6o Dgc
nu6c ta dfl quy6t dinh dua tric nghiQm vio trong c6c kj,thi .
Trong thdi gian diu, thi tric nghiQm chi dirng l4i o hinh thtc thi tr6n gi6y nhim cho
hoc sinh, sinh vi€n quen v6i hinh thric thi niy. Tuy nhi6n, trong qu6 trinh ddo tpo,
xuy€n, kh6ng k6m phAn n{ng nhgc cho ngudi quin ly vi kh6 b6o tt6m dQ chinh x6c,

tinh c6ng bing kh6ch quan eOi vOi ngudi hgc. Do d6, viQc cii ti6n hQ th6ng thi, kiiim
tra d5 vd dang dugc nhi6u ngudi quan tdm. MQt trong nhfrng xu hu6ng chung vd dAy
tri,5n vgng, dugc nhi6u co s0 ddo t4o tr6n th6 gi6i cfing nhu trong nu6c diu tu nghiCn
criu li 6p dr,rng thi tric nghiQm kh6ch quan tr6n m5y vi tinh.
thi tric nghiQm kh6ch quan sE girip cho viQc t6 chric kj,thi mQt c6ch nhanh
ch6ng, hiQu qui, tii5t kiQm vi d{c biet ld c6 tinh kh6ch quan cao trong d6nh gi6 k6t qu6
cria hgc sinh, sinh vi6n. Ngodi ra n6 cfrng hd tro cho viQc kiOm tra ki6n thric ngudi hgc
nhim ning cao ch6t luqng hqc t?p.
HQ thdng

1.2 LICH

St/ ctAt QUYET VAn OE

D5 c6 r6t nnieu trang web thi tryc tuy6n dugc lpp ra nhim hd trg viQc thi tr6c nghiQm
tryc tuy6n nhu Moodle. Nhirng trang web niy d€u c6 nhi6u uu dii5m ri€ng cira n6 nhu

qui kh6ch quan cta thi sinh, m5 ngudn mo, giao diQn than thiQn,
cdi d[t. Tuy nhi6n, n6 chi dirng lpi d mtc ld mQt trang web tric nghiQm don thuin,
d6nh gi6 dugc ktit

d6

t6ng qu6t, khdng b6m s5t vdo quy ctrti ttri cflng nhu ciic quy rtinh v0 hinh thirc thi cira
tung truong ri6ng biQt.

I

V6 HuyAn Trin I MSSV: O75l0lOI22

5


KHOA LUAN TOT NGHIE,P

1.3 PHAM

"

vt cuA oE ral

Xu6t ph6t tri tinh hinh thuc t6 trong viQc 6p dpng Cdng ngh6 th6ng tin vdo phuong ph6p
d?y ve hoc ctra nu6c ta hiQn nay, dt) tdi: " Xdy dy'ng Website ifiinh gid kiit qud h7c tQp
bdng hinh thtbc triic nghiQm trqc UyAn " tflp trung vdo c5c v6n dC sau:

-

Xdy dUng website d6nh gi6 ktit qui hoc t4p cria sinh viOn trudng dpi hgc Tdy D6.
C6 cht?c ndng cho gi6o vi6n ra

AC

tfri.

C6 chfc ning cho sinh vi6n thi tr.uc tuy6n.
D6nh gi5 krit qu6 thi cria sinh vi6n mQt c6ch tg dQng.

1.4 HIIONG GIAI QUYET VAI.I OE
Ee giei quy6t v6n d0 dE dugc d{t ra, t6i se x6y dpng mQt trang web thi trlc nghiQm
v6i giao diQn dugc thitit tJavaScript, dugc cdi dpt bing ngdn

Vd Huy6n Trdn I MSSV:

075l}l0l22

ngt lpp trinh PHP & MySQL.

6


KHoA LUAN

r0r Ncnrpr
CHI./ONG 2: GO SO LY THUYET

2.1 HTML

'

2.1.{ Dlnh nghla
HTML ld chft vitit tit cria Hyper Text Markup Language hay titlng Vi6t ggi ln Ng6n
ngt hi0n thi siOu vdn b6n.
- MQt file HTML chira nhtng the HTML
- Nhirng the

HTML

sE

hudng d6n trinh duyQt web trinh bdy thdnh phAn ctra mQt trang

web
- MQt file HTML ph6i c6 ph0n mo rQng ld .html hopc .htm
- Mot file HTML c6 thii duoc tao ra bdi trinh soan th6o
PhAn mo rQng

.

vin bin don gi6n nhu Notepad

li.htm hay .html

C62phdnmd rQng niy d6u dfng. Tru6c <16y khi cdcm6y tfnh cfi kh6ng cho ph6p phAn
mo rQng vugt qu6 3 ky t.u, do v4y nguoi ta ph6i sir dgng .htm. Nhung hiQn nay chring ta
c6 th€ sri dgng .html cfing dugc.

2.1.2 86 cgc mQt file HTML

<HTML>
<HEAD>


Ult

AAu vd k6t

thirc tdi liQu

c6c qui dinh chung cira tdi liQu

<TITLE>nQi dung thanh ti€u d6</tITLE>

</I{EAD>

<BODY>
<P>..

rt6nh d5u nQi dung cira tdi liQu

.</P>

</BODY>

</I{TML>

'

2.1.3 C6c thA HTML co

bin

lnh dpng kh6i v6n bpn:

: d6nh d6u mQt dopn v6n bin

Vd HuyAn TrAn I MSSV: O75l0IOl22

7


KHOA LUAN TOT NGHIEP

-

ThuQc tinh co b6n: align (canh 16)

<h...>: tl5nh ddu tiOu c16, size gi6m tir
!

1-8

(pre): gitr nguyOn dfnh dpng code

,.

<blockQuote>: d6nh d6u dopn trfch ddn

<div>:


khtii.

Dfnh dpng text: kh6ng anh huong tttin bO cgc doan v6n

<font>: dinh dpng font cho text
<b>: in dfm text
<u>: gpch du6i text

<i>: in nghiOn text
<span>: d6nh ddu text di3 dinh dang chung

-

Bing (Table):

<tr>: dSnh d6u k6 ddng
<td>: d6nh ddu k6 6 (cQt)
<th>: d6nh d6u k6 6 ti6u

Oe 1in

dfm, canh gifia)

-

width:

-

height: chi6u cao cira b6ng

dQ rQng c[ra

bing

- border: kd dgng trong bing
- cellpadding: khoing c6ch gifra bi6n 6 vi text

'

- cellspacing:
(tP:

khoing c5ch gifra c6c

6.

valign: canh nQi dung trong 6 theo chi6u dring
<td>:

Vd HuyAn Tr6n I MSSV: 0751010122

8


KHOA LUAN TOT NGHIEP

- colspan: mo rQng 6 tr6n nhi6u cQt
- rowspan: mo rQng 6 tr6n nhi6u ddng
Danh sich
Danh sSch khdng thri tg

<ul>: Uit aAu danh s6ch

. Type: circle, square, disc
<li>:

mQt mgc trong danh s6ch

Danh s6ch c6 thri tU

<ol>: Uat aiu danh s6ch
. Type: a, A,I,I, default:number.

. Start:
<li>:

s6 Uat

diu cta danh s6ch

mQt mpc trong danh s6ch

Chdn hinh enh

<img src:oodudng Air/ten file hinh" u11:"ghi cht">

Form nhflp liQu
. Bi6u mdu (form) nhQn th6ng tin tir ngudi ding

<form>: dugc sir dgng dti t4o mQt virng trOn trang nhu mQt bitiu m6u

- action: "1IRL": dla chi nhpn dfr liQu
- method:"get/post": c6ch thric truydn dt liQu

-

6ype:"text, password, checkbox, radio, submit,

reset, file, hidden hoflc button": ki6u nhap liQu

-

name:o't6n
- value:". ..": giltri ban <16u khi hi6n thi cria di0u khi€n

- size:oodQ rQng cira tli6u khii5n".
- maxlength:"chidu dni t5i da cta text nhfp vdo diiiu khi6n,,
VO Huydn Trdn I MSSV: 075IOlOl22

9


KHoA LUAN 16r Ncnrf,r

- checked: trpng th6i ban dAu cria - src:"LJRL cria hinh 6nh": trudng hgp thay ntt nh6n b6ng hinh nnh
<button> text tr€n nrit </button>: nrit nh6n
thudrng

. (text area) gi6 tri ban dAu
- cols: s6 cQt, hay -

rows: sti nang ngang cria 6 nhpp

<select>: lpp danh s6ch dti chon lua

<option rulrr":oogi6 tri truydn df'>nQi dung hi6n thi

. selected: x6c dinh


li

phAn tu dugc chgn ban

diu

Li6n ktit ngoii:

( a hreF'ouRl'>dii5m

n6ng </a>

Li6n k6t trong:

-

Ap dqng khi nQi dung trang web qu6 dii, g6m 2 phAn

1. DAnh d6u trang:

(a name:"t6n d6u')</a>

2. Li€nti5t

tOi noi dugc d6nh d6u:

( a hrelL"#t€n d6u')dii5m n6ng </a>
Di6m n6ng: c6 th6 ld text ho{c hinh Anh

Khung (Frame)

-

Chia cria s6 trinh duyQt thdnh nhi€u virng ri6ng biQt.
MOi vung hi6n thl nQi dung ri6ng.
C6c

ving c6 th6 lien thOng, t6c dQng lin nhau

Lu6n c6 mQt file chinh chfa lQnh chia khung cho cria s6

<frameset>: chia khung

Vd Huydn Trdn I MSSV: O75l0lOI22

10


KHoA LUAN rOr

-

Ncugr

cols: chia theo cQt
rows: chia theo ddng

(frame): qui dinh bOn trong

mQt khung

(frame>

-

name:"t6n khung hiQn thdi".
src:o'IJRL": dulng din file hi6n thi trong frame
noresize: kh6ng cho thay AOi Hctr thudc

scrolling:"yes/no/auto": thanh bar trong khung
frameborder: hi6n thi dudng bi€n khung

marginwidth: khoing crich gifta bi€n tr6i phii v6i nQi dung trong khung
marginheight: khoing c6ch gifra bi6n tr6n dudi vdi nQi dung trong khung

Target: dinh hudng ktit qu6 cira li6n ktit

sO

hiCn thitrong khung

nio

2.2 CSS
2.2.1Dinh nghTa
Trong tin hgc, c6c t4p tin dinh ki6u theo tAng - dlch tir ti6ng Anh ld Cascading Style
Sheets (CSS) - dugc dung dC mi€u ti c6ch trinh bdy c5c tdi liQu vi6t bing ng6n
ngfi HTML

vi XHTML.

cho XML, SVG,
C6c dpc

k!

Ngodi ra ngdn ngft dinh kir5u theo ting ctng c6 th6 dirng

XUL ...
thu4t cira CSS dugc duy tri boi World Wide Web Consortium (W3C).

Thay vi d4t c6c th6 qui dlnh kiOu d6ng cho vdn bin HTML (ho[c XHTML) ngay
trong nQi dung cta n6, n€n sir dpng CSS.

-

Han ctrti tiSi thitiu viQc ldm r6i mE HTML cria trang Web bing c6c th6 quy dinh
ki6u d6ng (cht dpm, chfi in nghiOng, chfi c6 g4ch ch6n, cht miu...), khiiSn m5

nguiin cira trang Web dugc ggn gdng hon, t6ch nQi dung cria trang Web
dpng hi6n thi, dE ddng cho viQc cpp nhat nQi dung.

-

Tao ra cdc ki6u d6ng c6 thO 6p dqng cho nhii:u trang Web, girip tr6nh
viQc
V6 Huydn Trdn I MSSV: 075lOlOI22

vi

dinh

phii lpp lAi

11


KH6A LUAN TOT NGHIEP
2.2.2 Srl dqng

.
-

C6 3 c6ch

<16

st dqng

CSS:

Inline CSS : Ap dsng tr.uc ti6p tr6n mQt dtii

tu-o.

ng nh6t dlnh bing thuQc tinh style:

(span st5ile:"font-weight:bold;text-decoration:underline;color:#FF0000;">Do4n
text cAn in dfm, g4ch ch6n, miu d6</span>

-

Internal CSS : E[t CSS o dAu trang Web iI€ 6p dqng ki0u d6ng cho todn bQ trang
6y, khi d6 chi ciin dat dopn CSS vdo trong cflp th6 <style> rOi eflt vdo trong phin
header cria Web (gifra <head> vd </head>):