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

Chia sẻ: Lưu Trần Quang Trung | Ngày: | Loại File: PDF | Số trang:0

Thêm vào BST

Báo xấu

120
lượt xem 23
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

TÀI LIỆU THAM KHẢO - BÀI GIẢNG LAB - TẠO MODULE CHƠI GAME TRÊN WEB

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: BÀI GIẢNG LAB - TẠO MODULE CHƠI GAME TRÊN WEB

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 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 N YÊ U H C ỆT VI + 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). Lớp: Chuyên Viên Website Lành Nghề Trang 1 Biên soạn: Nguyễn Phát Tài
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 + Hãy thiết kế sao cho có giao diện như sau: N YÊ U H C ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 2 Biên soạn: Nguyễn Phát Tài
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 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: N YÊ U H C ỆT VI + 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 Lớp: Chuyên Viên Website Lành Nghề Trang 3 Biên soạn: Nguyễn Phát Tài
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 • Đị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. N YÊ U H C ỆT VI 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 Lớp: Chuyên Viên Website Lành Nghề Trang 4 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C ỆT VI + Để nhập được tiếng việt cho Tab Panel bạn hãy chuyển sang chế độ Code Lớp: Chuyên Viên Website Lành Nghề Trang 5 Biên soạn: Nguyễn Phát Tài
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 + Để đư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 N YÊ U H C ỆT VI + 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: Lớp: Chuyên Viên Website Lành Nghề Trang 6 Biên soạn: Nguyễn Phát Tài
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 + Recordset rs_gamesmoi dùng để sắp xếp các game theo thứ tự ngaycapnhat giảm dần N YÊ U H C + Recordset rs_gameschoinhieu dùng để sắp xếp các game giảm dần theo số lần chơi ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 7 Biên soạn: Nguyễn Phát Tài
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 + Recordset rs_gameshot dùng để lọc ra các game có cờ hot bằng 1 N YÊ U H C + 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) ỆT VI + 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 Lớp: Chuyên Viên Website Lành Nghề Trang 8 Biên soạn: Nguyễn Phát Tài
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 N YÊ U + 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 H đ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 của bạn) ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 9 Biên soạn: Nguyễn Phát Tài
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 + Click OK + Đặt con trỏ trong Cell, định thuộc tính canh lề như sau N YÊ U H C ỆT + Chọn Table , định thuộc tính cho bảng như sau VI Lớp: Chuyên Viên Website Lành Nghề Trang 10 Biên soạn: Nguyễn Phát Tài
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 + 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) N YÊ U H C ỆT VI + Chọn trang index.php , click nút Parameters để truyền các tham số vào Lớp: Chuyên Viên Website Lành Nghề Trang 11 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C ỆT Chú ý: bạn phải chọn đúng ID_game trong Recordset tương ứng VI + Trong trang index.php hãy tạo một mod là playgame và chỉ đường dẫn tới trang inc_gamesdetail.php Lớp: Chuyên Viên Website Lành Nghề Trang 12 Biên soạn: Nguyễn Phát Tài
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 N YÊ + 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 U của hinhgame cho nhanh) + Tương tự hãy xuất các Game chơi nhiều và Game HOT H b) Thiết kế trang inc_gamesdetail.php C 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 ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 13 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C ỆT VI + 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ề Trang 14 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H + 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 C ỆT VI + Đặ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ề Trang 15 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C ỆT VI + Hãy chọn biểu tượng Flash và đặt thuộc tính cho nó Lớp: Chuyên Viên Website Lành Nghề Trang 16 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C ỆT VI + Hãy chuyển sang chế độ Code xóa các thẻ và đi (xóa đoạn màu vàng) Lớp: Chuyên Viên Website Lành Nghề Trang 17 Biên soạn: Nguyễn Phát Tài
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 N YÊ + Để đếm được số lần chơi ta dùng lệnh sau : + Trong Tab Server Behavior -> click + -> Developer Toolbox -> Form -> Advance -> Custom U Transaction + Trong Tab Basic đặt các thông số như sau H C ỆT VI + Trong Tab Advance ta tạo lệnh SQL như sau Lớp: Chuyên Viên Website Lành Nghề Trang 18 Biên soạn: Nguyễn Phát Tài
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 N YÊ + 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ử U H C ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 19 Biên soạn: Nguyễn Phát Tài
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 + 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 > DOWNLOAD