Hoàn thành bởi Đông Nguyễn Bao gồm đầy đủ sơ đồ hệ thống, ảnh chụp chương trình demo, giao diện website.
VIỆN CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI BÁO CÁO MÔN HỌC PROJECT II Đề tài: PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE LUYỆN NGHE TIẾNG ANH Giảng viên hướng dẫn: ThS Lê Xuân Thành Sinh viên thực hiện: Nguyễn Văn Đông MSSV: 20141075 – Lớp: CNTT 1.2 K59 Hà Nội 12/2016 PROJECT II MỤC LỤC Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 PROJECT II LỜI MỞ ĐẦU Ngày nay, với phát triển vượt bậc công nghệ thông tin, lĩnh vực sống chịu tác động mạnh mẽ tích cực Chiếc máy tính mạng Internet trở thành hai yếu tố vơ quan trọng đóng vai trò to lớn việc tiếp cận tri thức Với điều kể ta nhận thấy rõ ràng, giáo dục trở thành đề tài nóng hổi có nhiều chiều hướng nghiên cứu phát triển Đặc biệt học sinh sinh viên nay, học ngoại ngữ dần chiếm phần quan trọng gần thiết Trong phạm vi cho phép, báo cáo trình bày cách rõ ràng việc phân tích thiết kế hệ thống website luyện nghe tiếng Anh trực tuyến Sau nhiều năm, nhiều người học ngoại ngữ rút kinh nghiệm việc học bắt đầu kỹ nghe hiểu Với mong muốn tác động phần nhỏ vào nhận thức học tiếng Anh cho người Việt Nam, hy vọng hệ thống website luyện nghe tiếng Anh trở thành công cụ đắc lực để giúp cho đối tượng học sinh, sinh viên người làm tiếp cận xác hoàn thiện khả nghe tiếng Anh Nội dung đề tài gồm phần: Phần I: Khảo sát hệ thống Thực tìm hiểu, khảo sát hệ thống thông tin, cụ thể website học tiếng Anh trực tuyến, đánh giá trạng, xác định mặt hạn chế hệ thống trước đó, từ có biện pháp khắc phục Phần II: Phân tích hệ thống Xác định yêu cầu hệ thống cần đáp ứng, chức cần có, luồng liệu thực thể hệ thống Phần III: Thiết kế hệ thống Thực thiết kế CSDL, xử lý chức năng, thiết kế chương trình Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 PROJECT II DANH MỤC HÌNH VẼ Nguyễn Văn Đơng – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 PROJECT II DANH MỤC BẢNG Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 PROJECT II PHẦN I: KHẢO SÁT HỆ THỐNG 1.1 Tổng quan hệ thống học tiếng Anh trực tuyến 1.1.1 Giới thiệu chung hệ thống EarLearning EarLearning hệ thống học nghe tiếng Anh miễn phí, cung cấp cho người học thư viện luyện nghe tiếng Anh tuyển chọn kỹ phù hợp với đối tượng, trình độ, cấp học/bậc học EarLearnig mang đến trải nghiệm tốt giúp người học tiếp thu hiệu kiến thức học 1.1.2 Các yêu cầu Để xây dựng hệ thống hoàn chỉnh, EarLearning cần đáp ứng chặt chẽ quy trình đây: Đăng ký tài khoản Đăng nhập vào hệ thống Tìm kiếm học Xem/nghe học Đánh giá/nhận xét hiệu học 1.2 Đánh giá trạng website học tiếng Anh Một website học tiếng Anh hiệu cần phải đem tới cho người học trải nghiệm tốt hội tụ yếu tố như: dễ sử dụng, đẹp mắt, phân chia chủ đề rõ ràng, chất lượng âm thanh, hình ảnh, đường truyền tốt,… Đồng thời, website cần tiếp cận đối tượng phạm vi người học để đem đến hiệu cho hệ thống Dựa mục tiêu kể trên, đưa nhận xét, đánh giá so sánh chất lượng hệ thống EarLearning so với hệ thống cũ trước đây: Tiêu chí đánh giá Cơng nghệ Tải trang Hệ thống cũ EarLearning (Đề xuất) Chậm Nhanh Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 PROJECT II Giao diện Nội dung Tốc độ tải học Chậm Nhanh Tương thích với nhiều trình duyệt Phân chia bố cục, chuyên mục Font chữ,cỡ chữ Có Có Không rõ ràng Rõ ràng, khoa học Nhiều font chữ gây rối mắt; màu sắc khơng gây khó nhìn Còn bó hẹp, chưa sâu nhu cầu người học Đơn giản hóa tối đa font chữ màu chữ Tính đa dạng Tính Thống kê truy cập Phân loại Chưa rõ ràng, nhiều chủ đề chung chung Tương tác người học Tự tạo học chia sẻ Hỏi đáp Online (admin) Kết nối tài khoản MXH (Facebook, Twitter, Gmail,…) Số người học Không Đa dạng lĩnh vực liên quan học; đem đến học phong phú chất lượng Phân loại theo trình độ, bậc học, nhu cầu học Có Khơng Có Khơng Có Có Có Khơng Có Bảng 1: Đánh giá so sánh hệ thống EarLearning với hệ thống cũ 1.3 Giải pháp khắc phục Từ nhận định, đánh giá trên, hệ thống EarLearning cần bổ sung tính thích hợp để đem tới trải nghiệm tốt hiệu cho người học, đồng thời kế thừa thành mà sản phẩm trước đạt PHẦN II: PHÂN TÍCH HỆ THỐNG Nguyễn Văn Đơng – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 PROJECT II 2.1 Chức hệ thống 2.1.1 S đ t ổ ch ứ cc ủ a EARLEARNING EarLearinng Learner Admin Visitor Hình 1: Sơ đồ tổ chức EarLearning Mô tả người sử dụng quyền hạn: Admin: - Chức năng: Người quản trị hệ thống - Quyền hạn: Toàn quyền xử lý tất chức sở liệu Learner: - Chức năng: Thành viên website, sử dụng tất chức front-end hệ thống - Quyền hạn: Xem học, kiểm tra kiến thức, trao đổi học Visitor: - Chức năng: Truy cập vào website, đăng ký trở thành thành viên không - Quyền hạn: Xem giới thiệu hệ thống; học thử số Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 PROJECT II 2.1.2 Ch ứ c phía front-end a Tổng quan chức phía front-end STT Chức Mơ tả Trang cá nhân Người dùng đăng nhập vào hệ thống để học học, xem lại ghi chú, học lưu, tạo học hệ thống Nếu khơng có tài khoản, nhận thông báo đăng ký tài khoản Bài học Người học xem/nghe học, đọc dịch, download học, xem thơng tin chủ đề, u thích bình luận học vừa xem Đồng thời tự đăng tải học/ thực hành lên hệ thống Phản hồi Với học bị lỗi file/phụ đề, người học báo cáo với admin Tìm kiếm Tìm kiếm chủ đề, học mà người học quan tâm Bảng 2: Chức phía front-end hệ thống b Chi tiết chức phía front-end STT Chức Trang cá nhân Đầu vào Xử lý Đăng ký/Đăng nhập: Xử lý, kiểm tra Usename, password usename, password thông tin đăng ký có tồn hay người học (bao khơng, sau thơng gồm: họ tên, ngày báo hình sinh, địa email/số điện thoại) Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 Đầu Thông báo từ hệ thống: “Đã đăng ký/đăng nhập thành công” báo sai thông tin yêu cầu nhập lại PROJECT II Bài học Xem học: Người học chọn học hiển thị trang Yêu thích: Người học nhấn vào “Yêu thích” có học Phản hồi Tìm kiếm Khi người học chọn Chuyển sang trang học nào, học gồm thông tin tên học, gửi hệ thống video/audio file, phụ đề (nếu có), tập cho nghe,… Hệ thống nhận thông tin từ người học tăng lượt yêu thích lên Số lượt yêu thích hiển thị học Tạo học: Người học tạo học cách đăng tải đoạn video/audio có chất lượng âm tốt đoạn phụ đề Bình luận: Thơng tin người học bình luận bao gồm: tên người học, ngày/giờ bình luận Người học phản hồi hệ thống tới admin, thông tin bao gồm: email, nội dung lỗi Nhận vào liệu Bài học hiển đăng tải, hợp lệ thị trang cá lưu liệu nhân người vào database, học khơng báo lỗi tới người học Lưu lại nội dung Hiển thị bình luận bình luận người vị trí cuối học học Tên học, từ khóa liên quan đến học mà người học muốn tìm kiếm So sánh ký tự người Thông báo kết học vừa nhập với từ hệ thống Trả liệu kết tìm kiếm database trùng khớp, ngược lại thơng báo: “Khơng tìm thấy nội dung” Kiểm tra thơng tin người học vừa nhập gửi địa email admin Bảng 3: Chi tiết chức phía front-end Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 10 Xác nhận hình phản hồi thành công chưa PROJECT II PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngơn ngữ khác [ ]3 • JavaScript: JavaScript ngơn ngữ lập trình kịch dựa đối tượng phát triển từ ý niệm nguyên mẫu Ngôn ngữ dùng rộng rãi cho trang web, dùng để tạo khả viết script sử dụng đối tượng nằm sẵn ứng dụng 3.2 Thiết kế sở liệu 3.2.1 Thi ế t k ế CSDL cho h ệ th ố ng h ệ qu ả n tr ị c s d ữ li ệu SQL Server: *PK: Primary Key, FK: Foreign Key Bảng User STT Khóa PK Tên trường user_id usename password email active Kiểu liệu varchar(50) nvarchar(50) nvarchar(20) nvarchar(20) tinyint(1) Null No No No No No is_admin tinyint(1) No Bảng UserLog STT Khóa Tên trường PK log_id last_login_d ate FK user_id Diễn giải ID người dùng Tên người dùng Mật Email người dùng Tài khoản đang/không hoạt động Tài khoản là/không quản trị viên hệ thống Kiểu liệu int date Null No No Diễn giải ID lượt truy cập Ngày đăng nhập cuối varchar(50) No ID người dùng Nguồn Wikipedia: https://vi.wikipedia.org/wiki/PHP Nguồn Wikipedia https://vi.wikipedia.org/wiki/JavaScript Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 27 PROJECT II FK Bảng Learner STT Khóa PK lesson_id varchar(15) No ID học xem Tên trường Kiểu liệu Null Diễn giải user_id firstname lastname date_of_birth address phone varchar(50) nvarchar(50) nvarchar(50) datetime nvarchar(100) varchar(20) No No No Yes No No ID người dùng Tên người học Họ người học Ngày sinh Địa Số điện thoại Bảng Administrator STT Khóa Tên trường Kiểu liệu Null PK user_id varchar(50) No Bảng Lesson ST Khóa T PK FK FK Tên trường Kiểu liệu Null Diễn giải lesson_id lesson_name lesson_descri ption subtitle category_id user_id varchar(50) varchar(100) nvarchar(50) No No Yes ID học Tên học Mô tả học nvarchar(1000) varchar(50) varchar(50) Yes Yes No Phụ đề học ID danh mục ID người dùng Bảng UploadedLesson STT Khóa Tên trường PK, FK FK Diễn giải ID quản trị viên Kiểu liệu Nul l varchar(50) No varchar(50) No lesson_id user_id date_uploaded datetime Bảng Category STT Khóa Tên trường PK category_id category_name category_descriptio n No Kiểu liệu varchar(50) nvarchar(50) nvarchar(200) Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 28 Diễn giải ID học ID người dùng (người đăng tải học) Ngày đăng học Null No No Yes Diễn giải ID danh mục Tên danh mục Mô tả danh mục PROJECT II Bảng Feedback STT Khóa Tên trường PK feedback_id feedback_conten t date_sent FK user_id Bảng Comment STT Khóa PK, FK PK, FK Bảng Like ST Khóa T PK,FK PK, FK Kiểu liệu Null varchar(50) No nvarchar(500) No Diễn giải ID phản hồi Nội dung phản hồi datetime varchar(50) No No Ngày phản hồi ID người học (người phản hồi) Tên trường user_id lesson_id comment_cont ent comment_date Kiểu liệu varchar(50) varchar(500) nvarchar(500 ) datetime Null No No No Diễn giải ID người dùng ID học Nội dung bình luận No Thời gian bình luận Tên trường Kiểu liệu Null Diễn giải user_id lesson_id date_liked varchar(50) varchar(500) datetime No No No ID người dùng ID học Ngày yêu thích học Bảng 6: CSDL hệ quản trị sở liệu SQL Server Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 29 PROJECT II 3.2.2 M ố i quan h ệ gi ữ a b ả ng Hình 18: Mối quan hệ bảng Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 30 PROJECT II 3.3 Thiết kế giao diện o Giao diện dành cho NGƯỜI HỌC 3.3.1 Giao di ệ n trang Đăng nh ậ p Trang Đăng nhập gồm biểu mẫu bao gồm trường Usename Password Người học muốn sử dụng chức website cần phải đăng nhập Nếu chưa có tài khoản, người dùng gợi ý đăng ký tài khoản Hình 19: Giao diện trang Đăng nhập Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 31 PROJECT II 3.3.2 Giao di ệ n Trang ch ủ Trang chủ hiển thị toàn chức năng, nội dung Để sử dụng chức năng, người học click vào mục chọn tương ứng, hệ thống chuyển sang liên kết Hình 20: Giao diện Trang chủ 3.3.3 Giao di ệ n trang Bài h ọ c Hình 21: Giao diện trang Bài học Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 32 PROJECT II Trang học hiển thị nội dung học video/audio Mỗi học u cầu có đầy đủ thơng tin Tên học, Ngày đăng tải, Người đăng tải, Lượt thích, bình luận học 3.3.4 Giao di ệ n trang Danh m ụ c h ọ c Trang Danh mục học (Learning) bao gồm tùy chọn danh mục học theo chủ đề Người học click vào tiêu đề để chuyển sang Danh mục mong muốn Đồng thời video/audio học gợi ý lên để gợi ý người học Hình 22: Giao diện trang Danh mục học 3.3.5 Giao di ệ n Trang cá nhân Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 33 PROJECT II Trang cá nhân người học bao gồm thông tin cá nhân, cập nhật học, trạng thái mà người học đăng tải Trong phần chỉnh sửa trang cá nhân, người học tùy chỉnh thông tin cá nhân (họ tên, ngày sinh, địa chỉ, …) Hình 23: Giao diện Trang cá nhân Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 34 PROJECT II o Giao diện dành cho QUẢN TRỊ VIÊN 3.3.6 Giao di ệ n trang Qu ả n lý ng ườ i h ọ c Hình 24: Giao diện trang Quản lý người học 3.3.7 Giao di ệ n trang Qu ả n lý h ọ c Hình 25: Giao diện trang Quản lý học Hình 26: Giao diện trang Quản lý danh mục học 3.3.8 Giao di ệ n trang Qu ả n lý danh m ụ c h ọc Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 35 PROJECT II 3.3.9 Giao di ệ n trang Qu ả n lý ph ả n h i 3.4 Thiết kế chương trình 3.4.1 Ch ứ c Trang cá nhân • Đăng nhập tài khoản - Đặc tả: Hình 27: Giao diện trang Quản lý phản hồi Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 36 PROJECT II • Đăng ký tài khoản - Đặc tả: • Sửa thơng tin tài khoản - Đặc tả: 3.4.2 Ch ứ c Bài h ọ c Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 37 PROJECT II • Xem học - Đặc tả: • Tạo bào học - Đặc tả: 3.4.3 Ch ứ c Tìm ki ế m Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 38 PROJECT II - Đặc tả: 3.4.4 Ch ứ c Ph ả n h i - Đặc tả: Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 39 PROJECT II TÀI LIỆU VÀ PHƯƠNG PHÁP Khi bắt đầu nghiên cứu đề tài, cơng việc tìm hiểu vấn đề xử lý đến đâu, phạm vi giới hạn vấn đề chuyên ngành điều kiện thực tế, đáp ứng mục tiêu nghiên cứu cụ thể Để tìm tài liệu tham khảo cho đề tài, cần phải hiểu rõ loại tài liệu với đặc điểm riêng chúng, có nguồn tài nguyên cung cấp loại tài liệu đó, có cơng cụ giúp tìm kiếm nguồn tài nguyên tài liệu theo nhu cầu Để đánh giá, chọn lọc kết quả, ta cần dựa yếu tố định giá trị khoa học tài liệu như: • Tính xác khách quan khoa học tài liệu: Thường tài liệu trang học thuật Google Scholar, trang gov, edu, có phần “library” lựa chọn tốt • Quy trình cơng bố thơng tin tổ chức với phản biện khoa học chặt chẽ • Uy tín, kinh nghiệm xuất khoa học đơn vị phát hành tài liệu: Có thể xem xét thứ hạng/ tiếng tăm đơn vị phát hành tài liệu Google Scholar Google Đối với tạp chí khoa học, số ảnh hưởng (Impact Factor) tiêu chí tốt dùng để đánh giá uy tín • Uy tín, kinh nghiệm khoa học tác giả: Xem thông tin nhà khoa học Google Scholar, trang thông tin khoa học trường đại học, blog cá nhân, diễn đàn chuyên môn Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 40 PROJECT II KẾT LUẬN Trên toàn nội dung đề tài Phân tích thiết kế hệ thống website luyện nghe tiếng Anh Sau thời gian nghiên cứu học hỏi, đến em rút kết luận định Điều góp phần quan trọng định hướng tư phân tích thiết kế hệ thống DANH MỤC TÀI LIỆU THAM KHẢO Giáo trình Phân tích thiết kế hệ thống thơng tin, Thạc Bình Cường, NXB Khoa học Kỹ thuật, 2002 Các nguồn tài liệu Internet khác Nguyễn Văn Đông – MSSV: 20141075 – Lớp: CNTT 1.2 – K59 41