BÀI GIẢNG LAB-MODULE CHƠI GAME TRÊN WEB pps

Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 1
Biên son: Nguyn Phát Tài
LAB – TO MODULE CHI GAME TRÊN WEB

Bc 1: Thit k Database nh sau:

+ Trong MySQL to mt bng game dùng đ lu tr các game có cu trúc nh sau



+ Hãy chép th mc games vào th mc gc ca website đ làm d liu th (bn có th download
t
/> )

Bc 2
: Trong th mc admin to trang gamesmanage.php dùng đ lit kê tt c các trò chi
có trong bng game

+ Hãy s dng lnh Create Dynamic List Wizard đ to chc nng này (xin vui lòng xem li các
LAB hng dn dùng lnh này).
VIT CHUYÊN

Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 2
Biên son: Nguyn Phát Tài
+ Hãy thit k sao cho có giao din nh sau:




VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 3
Biên son: Nguyn Phát Tài

Bc 3: Trong th mc admin to trang gamesform.php dùng đ thêm, xóa, sa d liu trong bng
game

+ Hãy s dng lnh Create Dynamic Form Wizard đ to chc nng này (xin vui lòng xem li các
LAB hng dn dùng lnh này).
+ Hãy thit k sao cho có giao din nh sau:



+ Trong trang gamesform.php này bn s dng thêm mt s lnh sau:
• Lnh Check Uniquee Key trên trng tengame đ không cho phép nhp trùng tên Game
• Lnh Upload & Resize Image đ upload hình minh ha cho Game này
• Gn thêm b san tho Innova Editor vào Textarea noidunggame đ tin cho vic nhp liu
hng dn cách s dng game này
VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 4
Biên son: Nguyn Phát Tài
• nh dng ngaycapnhat bng Extension Server Side Format Suite đ hin đc dng
ngay/thang/nam gio:phut:giay
• Chú ý: trong c 2 trang qun lý này bn phi gn thêm lnh Restrict Access to Page và đt

Level 1 vào đ ch cho phép ngi admin có quyn qun lý các trang này.

Tt c các lnh này bn hãy tham kho li các bài LAB trc đu đã có hng dn s dng.



Bc 4
: Trong th mc gc ca website hãy to thêm các trang sau inc_games.php,
inc_gamesdetail.php, downloadgames.php

a) Thit k trang inc_games.php
:

+ Hãy s dng lnh Spry Tabbed Panel đ to ra 3 Tab nh sau

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 5
Biên son: Nguyn Phát Tài

+  nhp đc ting vit cho Tab Panel bn hãy chuyn sang ch đ Code
VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 6
Biên son: Nguyn Phát Tài


+  đa đc ni dung vào Tab nào thì chúng ta click vào Spry Tabbed Panels, sau đó click chn
tên ca Tab Panel trong hp Panels, đ thêm Tab thì click nút +, click nút – đ b bt Tab, click nút
mi tên lên xung đ đi th t các Tab Panel



+ Trong Tab Panel 1 ta s chèn các game mi nht (da vào ngaycapnhat game) vào đây
+ Trong Tab Panel 2 ta s chèn các game chi nhiu vào đây (da vào solanchoi)
+ Trong Tab Panel 3 ta s chèn các game HOT vào đây (da vào c hot)

Chúng ta hãy to 3 Recordset nh sau:

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 7
Biên son: Nguyn Phát Tài
+ Recordset rs_gamesmoi dùng đ sp xp các game theo th t ngaycapnhat gim dn



+ Recordset rs_gameschoinhieu dùng đ sp xp các game gim dn theo s ln chi



VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:

Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 8
Biên son: Nguyn Phát Tài
+ Recordset rs_gameshot dùng đ lc ra các game có c hot bng 1



+ Trong Tab Game mi hãy chèn các trng tengame và hinhgame t đúng Recordset tng ng
vào (đi vi hinhgame thì dùng lnh Show Image đ chèn)



+ Hãy chn hinhgame và tengame sau đó click nút Looper Wizard đ lp li theo chiu ngang (hay
dc) nh sau

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 9

Biên son: Nguyn Phát Tài


+ Hãy đt các thông s cho lnh này .
Chú ý
: bây gi trong trang này có ti 3 Recordset thì bn phi nhi là chn đúng Recordset mà bn
đang chn
+ Hãy chn s dòng và s ct (cái này cón tùy thuc vào bn đnh xut ra ch nào trong trang ch
ca bn)


VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 10
Biên son: Nguyn Phát Tài
+ Click OK
+ t con tr trong Cell, đnh thuc tính canh l nh sau



+ Chn Table , đnh thuc tính cho bng nh sau

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 11
Biên son: Nguyn Phát Tài

+ File -> Save -> F12 bn s thy kt qu nh sau:



+ Hãy to Link cho hinhgame và tengame nh sau: chn tengame hay hinhgame -> click phi
chut vào chn Make Link (hay click nút Browse For File trong hp Link)



+ Chn trang index.php , click nút Parameters đ truyn các tham s vào

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM

Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 12
Biên son: Nguyn Phát Tài


Chú ý: bn phi chn đúng ID_game trong Recordset tng ng

+ Trong trang index.php hãy to mt mod là playgame và ch đng dn ti trang
inc_gamesdetail.php

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 13
Biên son: Nguyn Phát Tài

+ Tng t bn hãy làm Link cho hinhgame (hãy copy đa ch link ca tengame paste vào hp Link
ca hinhgame cho nhanh)
+ Tng t hãy xut các Game chi nhiu và Game HOT

b) Thit k trang inc_gamesdetail.php


Trang này thit k gn ging nh trang newsdetail.php cng bao gm phn xut ra chi tit ca game
và phn cha các game khác giao din nh sau

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 14
Biên son: Nguyn Phát Tài


+ Trong trang này chúng ta cng to ra Recordset rs_gamesmoidetail sau:

VIT CHUYÊN

Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 15
Biên son: Nguyn Phát Tài


+ Trong bng cha chi tit game phía trên chèn các trng tng ng trong Recordset
rs_gamesmoidetail nh hình minh ha bên di



+ t con tr trong dòng s 2 đ chèn phn Play game Flash nh sau

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn

Lp: Chuyên Viên Website Lành Ngh Trang 16
Biên son: Nguyn Phát Tài






+ Hãy chn biu tng Flash và đt thuc tính cho nó

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 17
Biên son: Nguyn Phát Tài


+ Hãy chuyn sang ch đ Code xóa các th <script> và <noscript> đi (xóa đon màu vàng)

VIT CHUYÊN

Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 18
Biên son: Nguyn Phát Tài


+  đm đc s ln chi ta dùng lnh sau :
+ Trong Tab Server Behavior -> click + -> Developer Toolbox -> Form -> Advance -> Custom
Transaction
+ Trong Tab Basic đt các thông s nh sau



+ Trong Tab Advance ta to lnh SQL nh sau

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:

Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 19
Biên son: Nguyn Phát Tài


+ File -> Save
+ M trang inc_game.php -> F12 -> click th vào mt game chi th
+ ây là kt qu khi ta click vào mt game chi th


VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 20
Biên son: Nguyn Phát Tài
+ Bc k tip chúng ta to phn Download đ cho phép ngi dùng khi click vào mc
>> DWONLOAD << thì s cho download game này v.

+ Chn mc >> DOWNLOAD << chuyn sang ch đ Code

+ S dng hàm m ca s gi trang downloadgames.php nh hình minh ha bên di



+ Hãy s dng đúng Recordset ca bn
+ Chú ý: trong trang inc_gamesdetail.php trc th </head> chúng ta phi có hàm javascript
mi ca s này

<script type="text/javascript">
<!
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
// >
</script>

Bn có th copy đan script này trong trang newsdetail.php (lúc làm trang này phn Send to Friend
chúng ta cng đã có thc hin hàm này ri)

c) Thit k trang downloadgames.php
:

+ Hãy copy Recordset rs_gamesmoidetail t trang inc_gamesdetail.php sang trang
downloadgames.php
+ Recordset trong trang downloadgames.php nh sau
VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179

Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 21
Biên son: Nguyn Phát Tài



+ Thit k giao din trang downloadgames.php nh sau:

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 22
Biên son: Nguyn Phát Tài


+ Chn mc óng ca s, trong hp Link nhp vào đan javascript đóng ca s nh sau

+ Chn mc Click phi chut chn "Save Target As" , trong hp Link click nút Browse for File,
chn diachigame trong Recordset



+ Click nút OK
VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 23
Biên son: Nguyn Phát Tài
+ Trong Tab Server Behavior -> click + -> Developer Toolbox -> Form -> Advance -> Custom
Transaction
+ Trong Tab Basic đt các thông s nh sau



+ Trong Tab Advance nhp lnh sau

+ Click nút OK
+ File -> Save

d) Thit k phn các game khác trong trang inc_gameskhac.php


+ M li trang inc_gameskhac.php
+ Hãy to Recordset rs_gameskhac nh sau

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 24
Biên son: Nguyn Phát Tài


+ Click OK, bn s thy Recordset này trong Tab Bindings



+ Hãy đa các trng t Recordset ra đ có đc nh sau

VIT CHUYÊN
Trung Tâm ào To Công Ngh Mng VIT CHUYÊN
740/12 S Vn Hnh (ni dài), P12, Q10, TP.HCM
Tel: (84.8) 862 7509 – Fax: (84.8) 2649179
Email:


Website:
www.vietchuyen.org – www.ddcntt.vn


Lp: Chuyên Viên Website Lành Ngh Trang 25
Biên son: Nguyn Phát Tài


+ Dùng lnh Looper Wizard lp li hinhgame, tengame, solanchoi, solandownload đ có đc
kt qu nh trên.
+ Chn c Table thc hin lnh Show If Recordset is Not Empty đ du c bng này nu không có
game nào khác
+ t con tr trong dòng cui


+ Tip tc thc hin thêm các lnh phân trang Page Lists Limited , Next X Page, Previous X Page

VIT CHUYÊN