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: traning@vietchuyen.org 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 http://vietchuyen.org/games.rar ) 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: traning@vietchuyen.org 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: traning@vietchuyen.org 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: traning@vietchuyen.org 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: traning@vietchuyen.org 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: traning@vietchuyen.org 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: traning@vietchuyen.org 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: traning@vietchuyen.org 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: traning@vietchuyen.org 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: traning@vietchuyen.org 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 [...]... traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn + 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 VI T 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... 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn + File -> Save -> F12 b n s th y k t qu nh sau: VI T C H U YÊ N + 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 L p: Chuyên Viên Website Lành Ngh Biên so n: Nguy n Phát... TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn ng t ng ng trong Recordset VI T + Trong b ng ch a chi ti t game phía trên chèn các tr 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 L p: Chuyên Viên Website Lành Ngh Biên so n: Nguy n Phát Tài Trang 15 VI T C H U YÊ N Trung Tâm... 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: VI + Hãy copy Recordset rs_gamesmoidetail t trang inc_gamesdetail.php sang trang downloadgames.php + Recordset trong trang downloadgames.php nh sau L p: Chuyên Viên Website Lành Ngh Biên so n: Nguy n Phát Tài Trang 20 VI T C H U YÊ N Trung Tâm ào T o Công Ngh M ng VI T CHUYÊN 740/12... traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn VI T + 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 L p: Chuyên Viên Website... traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn t o link cho nó t i trang index.php v i các tham s + Click OK, hãy + T VI T + Ch n tengame, click nút Browse for File sau t target là _parent ng t hãy làm link cho hinhgame e) Thi t k th IFRAME trong trang inc_gamesdetail.php + M l i trang inc_gamesdetail.php, t con tr sau b ng + Chuy n qua ch Code, chèn th Iframe nh sau L p: Chuyên Viên Website Lành... traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn VI T + Trong Tab Advance nh p l nh sau C H U YÊ N + Trong Tab Server Behavior -> click + -> Developer Toolbox -> Form -> Advance -> Custom Transaction + Trong Tab Basic t các thông s 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... Chuyên Viên Website Lành Ngh Biên so n: Nguy n Phát Tài Trang 18 C H U YÊ 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: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn VI T + 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... (n i dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – Fax: (84.8) 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn VI 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 inc_gamesdetail.php L p: Chuyên Viên Website Lành Ngh Biên so n: Nguy n Phát Tài ng d n t i trang Trang 12 C H U YÊ N Trung Tâm ào T o Công... sau L p: Chuyên Viên Website Lành Ngh Biên so n: Nguy n Phát Tài Trang 13 VI T C H U YÊ 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: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn + Trong trang này chúng ta c ng t o ra Recordset rs_gamesmoidetail sau: L p: Chuyên Viên Website Lành Ngh Biên . + 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 đó. 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 http://vietchuyen.org/games.rar . 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)