Khéo tay hay làm Khéo tay hay làm Khéo tay hay làmkl hoang cao phi

TỔNG LIÊN ĐOÀN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA ĐIỆN – ĐIỆN TỬ LUẬN VĂN TỐT NGHIỆP ĐỀ TÀI : XÂY DỰNG WEBSITE TRẮC NGHIỆM ONLINE Giảng viên hướng dẫn : PGS.TS TRẦN CÔNG HÙNG Sinh viên thực : HOÀNG CAO PHI Lớp : 08DD2D Khóa : 12 Ngành : ĐIỆN TỬ VIỄN THƠNG TP Hồ Chí Minh, tháng năm 2013 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử LỜI CẢM ƠN Trước hết em xin gửi lời cảm ơn sâu sắc đến thầy PGS.TS Trần Công Hùng, người giúp đỡ em nhiều định hướng nghiên cứu, hướng dẫn cho em suốt thời gian thực đề tài Cuốn đồ án hoàn thành theo thời gian quy định nhà trường khoa không nỗ lực em mà giúp đỡ, bảo Thầy hướng dẫn, quý thầy cô bạn sinh viên Em xin chân thành cảm ơn thầy cô giảng dạy chúng em, đặc biệt thầy cô giáo khoa Điện-Điện tử Xin cảm ơn bạn sinh viên khoa giúp đỡ nhiều mặt: phương tiện, sách vở, ý kiến … Mặc dù cố gắng hoàn thành đồ án song không tránh khỏi sai sót, mong thầy bạn đóng góp ý kiến quí báu để luận văn thành cơng Mọi thắc mắc,góp ý xin gởi : hoangphi0605@gmail.com Tp.Hồ Chí Minh,ngày 20 tháng 01,năm 2013 Sinh viên thực Hồng Cao Phi GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hoàng Cao Phi Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Mục lục Chương : GIỚI THIỆU CHUNG 1.1 Đặt vấn đề 1.2 Mục tiêu Chương : CƠ SỞ LÝ THUYẾT 2.1 Phương thức hoạt động website 2.2 Ngơn ngữ lập trình PHP 2.2.1 Giới thiệu ngôn ngữ PHP 2.2.2 Các kiểu liệu PHP 2.2.3 Hằng biến 2.2.4 Toán tử biểu thức PHP 2.3 PHP kết hợp với ngôn ngữ khác 2.4 Hệ quản trị sở liệu MySQL 2.5 Các câu lệnh SQL 2.6 Các bước xây dựng chương trình có kết nối tới CSDL MySQL Chương 3: GIỚI THIỆU VÀ HƯỚNG DẪN CÀI ĐẶT CÁC PHẦN MỀM THIẾT KẾ WEB 10 3.1 Phần mềm quản lý sở liệu appserv 2.5.8 10 3.1.1 Giới thiệu appserv 2.5.8 10 3.1.2 Cài đặt Appserv 10 3.1.3 Cách tạo Database 16 3.2 Công cụ lập trình adobe dreamweaver 18 3.2.1 Giới thiệu 18 3.2.2 Những cải tiến Dreamweaver 19 3.3 Hướng dẫn kết nối sở liệu (database) với cơng cụ lập trình 20 Chương : THIẾT KẾ CHI TIẾT 25 4.1 Thiết kế hệ thống sở liệu MySQL 25 4.1.1 Sơ lược sở liệu trang 25 4.1.2 Chi tiết liệu 26 4.2 Thiết kế hệ thống trang Web 27 4.2.1 Cổng thông tin giáo dục điện tử 29 4.2.1.1 Tư vấn ngành nghề (hướng nghiệp) 29 4.2.1.2 Thắc mắc, góp ý đặt câu hỏi 33 GVHD: PGS.TS Trần Công Hùng – SVTH: Hoàng Cao Phi Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử 4.2.1.3 Bài giảng video – thông tin giáo dục 33 4.2.2 Thiết kế web trắc nghiệm online 36 4.2.2.1 Hệ thống trắc nghiệm 37 4.2.2.2 Hệ thống chấm điểm thông báo kết 40 4.3 Hệ thống quản lý 41 4.3.1 Hệ thống đăng ký thành viên 42 4.3.2 Hệ thống quản lý học 43 Chương :KẾT QUẢ ĐẠT ĐƯỢC- HƯỚNG PHÁT TRIỂN 47 5.1 Kết đạt 47 5.2 Hạn chế 47 5.3 Hướng phát triển 47 Tài liệu tham khảo 48 Phụ lục 49 GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hồng Cao Phi Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Danh Mục Bảng Bảng 2.1 Tốn tử số học ngơn ngữ lập trình PHP Bảng 2.2 Tốn tử so sánh ngơn ngữ lập trình PHP Bảng 2.3 Tốn tử logic ngơn ngữ lập trình PHP Bảng 2.4 Tốn tử kết hợp ngơn ngữ lập trình PHP Bảng 4.1 Bảng học 26 Bảng 4.2 Hướng nghiệp ngành 26 Bảng 4.3 Các trường đào tạo 26 Bảng 4.4 Bảng quản lý người dùng (user) 27 Bảng phụ lục: Các lệnh HTML 49 GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hồng Cao Phi Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Danh Mục Hình Hình 2.1 Sơ đồ hoạt động Website Hình 2.2 Câu lệnh select MySQL Hình 2.3 Câu lệnh update MySQL Hình 2.4 Câu lệnh update nhiều bảng MySQL Hình 2.5 Câu lệnh insert MySQL Hình 2.6 Ví dụ kết nối sở liệu Hình 3.1 Cơ sở hình thành trang web 10 Hình 3.2 Cài đặt Appserv 11 Hình 3.3 Cài đặt Appserv 11 Hình 3.4 Cài đặt Appserv 12 Hình 3.5 Cài đặt Appserv 12 Hình 3.6 Cài đặt Appserv 13 Hình 3.7 Cài đặt Appserv 13 Hình 3.8 Thư mục gốc ( web root) 14 Hình 3.9 Giao diện appserv 15 Hình 3.10 Đăng nhập appserv 15 Hình 3.11 Tạo database 16 Hình 3.12 Giao diện quản lý database 17 Hình 3.13 Thanh chức database 17 Hình 3.14 Giao diện khởi động Dreamweaver 18 Hình 3.15 Giao diện lập trình 19 Hình 3.16 Thư mục web root 20 Hình 3.17 Tạo site 21 Hình 3.18 Khai báo site 21 Hình 3.19 Tạo kết nối site 22 Hình 3.20 Tạo kết nối đến Appserv 22 GVHD: PGS.TS Trần Công Hùng – SVTH: Hoàng Cao Phi Xây dựng website trắc nghiệm online Đại học Tơn Đức Thắng – khoa điện-điện tử Hình 3.21 Khai báo kết nối đến Appserv 23 Hình 3.22 Khai báo kết nối đến database 23 Hình 3.23 Kiểm tra kết nối 24 Hình 4.1 Hệ sở liệu 25 Hình 4.2 Sơ đồ cấu tạo trang web 27 Hình 4.3 Giao diện trang 28 Hình 4.4 Sơ đồ chức cổng thông tin 29 Hình 4.5 Giao diện chọn ngành (thơng tin ngành nghề) 30 Hình 4.6 Ví dụ ngành nghề khí 31 Hình 4.7 Ví dụ ngành nghề viễn thơng 32 Hình 4.8 Đóng góp ý kiến, nêu thắc mắc, đặt câu hỏi 33 Hình4.9 Tin tức giáo dục 33 Hình 4.10 Ví dụ tin tức giáo dục 34 Hình 4.11 Ví dụ giảng 35 Hình 4.12 Ví dụ giảng 35 Hình 4.13 Ví dụ giảng 36 Hình 4.14 Minh họa môn 36 Hình 4.15 Giao diện chọn môn trắc nghiệm 37 Hình 4.16 Giao diện chọn đề 37 Hình 4.17 Giao diện câu hỏi làm 38 Hình 4.18 Giao diện câu hỏi làm 39 Hình 4.19 Nộp làm xong 39 Hình 4.20 Giao diện thơng báo kết 40 Hình 4.21 Sơ đồ quản lý trang 41 Hình 4.22 Giao diện đăng nhập 42 Hình 4.23 Giao diện đăng kí thành viên 42 Hình 4.24 Giao diện quản lý 43 GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hồng Cao Phi Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Hình 4.25 Giao diện quản lý viết 43 Hình 4.26 Đăng 44 Hình 4.27 Đăng giảng 44 Hình 4.28 Đăng đề thi 45 Hình 4.29 Quản lý câu hỏi 45 Hình 4.30 Quản lý thành viên 46 Hình 4.31 Quản lý viết 46 Hình 5.1 Hướng phát triển 47 GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hồng Cao Phi Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử LỜI MỞ ĐẦU Ngày nay, với phát triển không ngừng khoa học công nghệ máy tính đóng vai trị ngày quan trọng khơng thể thiếu sống xã hội lồi người Việc trao đổi thông tin người tất ngành, lĩnh vực đời sống ngày trở nên cần thiết với đời phát triển mạng Internet Nhằm mục đích đưa internet phục vụ cho công việc học tập, gần gũi cho bạn học sinh – sinh viên, em chọn đề tài thiết kế web trắc nghiệm online Mong muốn xây dựng thêm môi trường để bạn trao đổi, học tập thêm kiến thức mà không nhiều thời gian, công sức, tiền bạc nên em chọn đề tài Trang web nhấn mạnh vào phần trắc nghiệm online phương pháp học tập phổ biến nay, giúp bạn củng cố tiếp thu thêm kiến thức tồn diện GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hoàng Cao Phi Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử CHƯƠNG : GIỚI THIỆU CHUNG 1.1 Đặt vấn đề: Trong thời đại nay, internet phát triển không ngừng, kèm theo dịch vụ ngày tốt phục vụ lĩnh vực, đời sống người Nhằm mục đích đưa internet phục vụ cho cơng việc học tập, gần gũi cho bạn học sinh – sinh viên, em chọn đề tài thiết kế website trắc nghiệm online Mong muốn xây dựng thêm môi trường để bạn trao đổi, học tập thêm kiến thức mà không nhiều thời gian, công sức, tiền bạc nên em chọn đề tài Trang web nhấn mạnh vào phần trắc nghiệm online phương pháp học tập phổ biến nay, giúp bạn củng cố tiếp thu thêm kiến thức toàn diện 1.2 Mục tiêu : Xây dựng hoàn chỉnh web site thỏa mãn yêu cầu sau :  Cổng thông tin giáo dục điện tử: + Thông tin tuyển sinh + Tư vấn chọn ngành nghề, giới thiệu trường + Bài giảng tổng hợp + Tài liệu tham khảo hỗ trợ từ thư viện điện tử  Trắc nghiệm online: + Hệ thống trắc nghiệm + Hệ thống chấm điểm lưu kết + Đánh giá, xếp loại, xếp hạng kết thi + Nhập xuất, tạo đề thi thông qua file excel (hỗ trợ excel 2003 )  Hệ thống quản lý: + Quản lý điểm thi học sinh + Tương tác ban quản trị thành viên thông qua sổ liên lạc trực tuyến  Yêu cầu kỹ thuật: + Xây dựng website dựa ngơn ngữ lập trình php kết hợp javascript(js,ajax,jquery), CSS, HTML +Sử dụng sở liệu mySQL chạy apache server GVHD: PGS.TS Trần Công Hùng – SVTH: Hoàng Cao Phi trang Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Hình 4.13 Ví dụ giảng 4.2.2 Thiết kế web trắc nghiệm online: Thiết kế nhiều môn học nhằm đáp ứng cách đầy đủ yêu cầu học tập vật lý tốn cao cấp hóa học Hình 4.14 Minh họa môn GVHD: PGS.TS Trần Công Hùng – SVTH: Hoàng Cao Phi trang 36 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử 4.2.2.1 Hệ thống trắc nghiệm: Hình 4.15 Giao diện chọn môn trắc nghiệm Giao diện chọn vào đề thi Hình 4.16 Giao điện chọn đề GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hồng Cao Phi trang 37 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Nhấp nút vào phịng thi để bắt đầu làm bài: Hình 4.17 Giao điện câu hỏi làm GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hồng Cao Phi trang 38 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Hình 4.18 Giao điện câu hỏi làm Sau hoàn tất làm, ta nhấp nút nộp Hình 4.19 Nộp làm xong GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hồng Cao Phi trang 39 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử 4.2.2.2 Hệ thống chấm điểm thơng báo kết quả: Hình 4.20 Giao diện thông báo kết GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hồng Cao Phi trang 40 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử 4.3 Hệ thống quản lý : Sơ đồ quản lý trang: admin quản lý giảng quản lý tin tức danh sách viết kiểm duyệt viết viết danh sách giảng kiểm duyệt viết quản lý đề thi viết giảng văn tạo đề thi danh sách đề thi giảng video kiểm tra đề thi quản lý thành viên danh sách thành viên thêm thành viên quản lý thơng tin thành viên Hình 4.21 Sơ đồ quản lý trang GVHD: PGS.TS Trần Công Hùng – SVTH: Hoàng Cao Phi trang 41 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử 4.3.1 Hệ thống đăng ký thành viên : Hình 4.22 Giao diện đăng nhập Hình 4.23 Giao diện đăng kí thành viên GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hoàng Cao Phi trang 42 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử 4.3.2 Hệ thống quản lý: Hình 4.24 Giao diện quản lý Hình 4.25 Giao diện quản lý viết GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hồng Cao Phi trang 43 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Hình 4.26 Đăng Hình 4.27 Đăng giảng GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hoàng Cao Phi trang 44 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Hình 4.28 Đăng đề thi Hình 4.29 Quản lý câu hỏi GVHD: PGS.TS Trần Công Hùng – SVTH: Hoàng Cao Phi trang 45 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Hình 4.30 Quản lý thành viên Hình 4.31 Quản lý viết GVHD: PGS.TS Trần Công Hùng – SVTH: Hoàng Cao Phi trang 46 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử CHƯƠNG :KẾT QUẢ ĐẠT ĐƯỢC- HƯỚNG PHÁT TRIỂN 5.1 Kết đạt được: Đã hoàn thành yêu cầu giao Chất lượng web tốt mặt thẩm mĩ Nội dung chọn lọc đăng tin 5.2 Hạn chế : Hệ thống câu hỏi trắc nghiệm chưa phong phú Quá trình sưu tầm đề thi lâu dài 5.3 Hướng phát triển : Đây tiền đề phát triển hình thức học tập với lượng kiến thức rộng hơn, bắt kịp xu hướng thời đại Sơ đồ phát triển mong muốn: website trắc nghiệm online tin tức, giảng, trắc nghiệm miễn phí website hỗ trợ học tập thu thập tài liệu sát với mơn học trường miễn phí website hỗ trợ học tập - thương mại hóa cung cấp giảng, đề thi năm trước, tài liệu ôn tập thi cuối kì thu phí Hình 5.1 Hướng phát triển GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hồng Cao Phi trang 47 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Tài liệu tham khảo Tiếng việt [1] Khuất Thùy Dương , giáo trình lập trình ứng dụng web với PHP, NXB Đại học quốc gia TP Hồ Chí Minh, năm 2008 [2] Nguyễn Quang Bình, Nguyễn Thanh Phong, xây dựng chương trình trắc nghiệm qua mạng, Đại học Hồng Bàng, năm 2008 [3] Trung tâm đào tạo mạng máy tính Nhất Nghệ, sách giáo trình thiết kế web doanh nghiệp, lưu hành nội bộ, năm 2010 [4] Võ Văn Nhiên, lập trình web PHP/MySQL, trung tâm đào tạo Newstar TP Hồ Chí Minh, năm 2010 Tiếng anh [5] Brian Suda, A Practical Guide to Designing with Data, JEREMY KEITH CO LTD, 2010 [6] Mark boulton, A Practical Guide to Designing for the Web, Mark Boulton Design Ltd., united Kingdom, autumn 2009 Website: [7] www.thietkeweb.vn [8] http://www.thietkewebtop.com GVHD: PGS.TS Trần Cơng Hùng – SVTH: Hồng Cao Phi trang 48 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử Phụ lục Các lệnh HTML: Tên lệnh (tên tag) Cú pháp Định nghĩa Chú thích HTLM < tên hiển thị Tạo liên kết đến trang abc.html nội dung văn In đậm nội dung trang Chứa toàn nội dung trang Chứa vùng liệu nội dung Định dạng kiểu chữ nghiêng nội dung sắc văn trang web khác) nội dung Bao quanh vùng text để định dạng body { color: white} Tag chứa style css P {color:blue;font-size : 12pt;} vùng head ,, Table : tạo bảng họ tên điểm Tr: tạo hàng bảng Th: tạo ô tiêu đề bảng Td: tạo ô liệu bảng , Select : tạo select box value= “giá trị 1” > Option : tạo item option1 select box value= “giá trị 2” > option2

nội dung văn

paragraph

Tạo danh sách
1. danh mục 1
2. danh mục 2
GVHD: PGS.TS Trần Công Hùng – SVTH: Hoàng Cao Phi trang 49 Xây dựng website trắc nghiệm online Đại học Tôn Đức Thắng – khoa điện-điện tử
3. danh mục 3
4. danh mục 4
nội dung Đoạn văn bắt đầu dịng Ghi thơng tin version HTML sử dụng Định dạng chữ lớn Xuống dịng khơng qua đoạn Nhãn table bảng điểm /caption> tênđiểm name9 method=post action= Tạo form ”xuly.php” > tiêu đề Tạo tiêu đề cấp đến tiêu đề tiêu đề tiêu đề tiêu đề tiêu đề Head: phần thông tin quản Meta: chứa thơng tin quản