Thiết kế và xây dựng hệ thống chia sẻ sách điện tử

TRƢỜNG ĐẠI HỌC SƢ PHẠM KHOA TIN HỌC BÁO CÁO LUẬN VĂN TỐT NGHIỆP CHUYÊN NGÀNH CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG CHIA SẺ SÁCH ĐIỆN TỬ Giảng viên hƣớng dẫn : PGS TSKH Trần Quốc Chiến Sinh viên thực : Nguyễn Bích Huy Lớp : 11CNTT1 Đà Nẵng – Năm 2015 LỜI CẢM ƠN Lời em xin bày tỏ lòng biết ơn sâu sắc đến tất quý thầy cô khoa Tin học trường đại học Sư phạm - Đại Học Đà Nẵng, người tận tình giúp đỡ, truyền đạt kiến thức cho em suốt năm Đại học, đặc biệt em xin gửi lời cảm ơn chân thành đến thầy Trần Quốc Chiến, người hướng dẫn em suốt q trình làm khóa luận Em xin chân thành cảm ơn ban lãnh đạo công ty TNHH Tin học & Thương mại AsNet tận tình dạy tạo điều kiện cho em thực tốt đề tài Thơng qua việc thực khóa luận mình, em học hỏi nhiều kiến thức bổ ích, kỹ làm việc độc lập Mặc dù cố gắng hoàn thành cách tốt báo cáo khóa luận tốt nghiệp, kinh nghiệm vốn kiến thức hạn chế nên khơng tránh khỏi thiếu sót Rất mong nhận góp ý, nhận xét thầy bạn Em xin chân thành cảm ơn ! Sinh viên Nguyễn Bích Huy LỜI CAM ĐOAN Tơi xin cam đoan: Những nội dung báo cáo thực hướng dẫn trực tiếp PGS TSKH Trần Quốc Chiến Mọi tham khảo dùng báo cáo trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm công bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, xin chịu hồn tồn trách nhiệm Sinh viên, Nguyễn Bích Huy NHẬN XÉT CỦA GIẢNG VIÊN HƢỚNG DẪN ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Đà Nẵng, ngày….tháng….năm 2015 GIẢNG VIÊN HƢỚNG DẪN (Ký, ghi rõ họ tên) MỤC LỤC DANH MỤC BẢNG ii DANH MỤC HÌNH VẼ iii MỞ ĐẦU 1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI MỤC TIÊU NGHIÊN CỨU ĐỐI TƢỢNG VÀ PHẠM VI NGHIÊN CỨU 3.1 Đối tƣợng nghiên cứu 3.2 Phạm vi nghiên cứu PHƢƠNG PHÁP NGHIÊN CỨU CHƢƠNG CƠ SỞ LÝ THUYẾT 1.1 HTML 1.1.1 Khái niệm HTML 1.1.2 Cấu trúc tài liệu HTML 1.1.3 Cấu trúc thành phần HTML 1.1.4 Các thẻ 1.2 CSS 1.2.1 Khái niệm CSS 1.2.2 Cú pháp CSS 10 1.2.3 Cách khai báo CSS 11 1.3 BOOTSTRAP 12 1.3.1 Giới thiệu Bootstrap 12 1.3.2 Ƣu điểm Bootstrap 12 1.4 MySQL 13 1.4.1 MySQL gì? 13 1.4.2 Tại lại sử dụng MySQL? 13 1.4.3 Cấp quyền cho ngƣời dùng 15 1.5 JAVASCRIPT 16 1.5.1 Khái niệm 16 1.5.2 Cú pháp 16 1.5.3 Cách nhúng JavaScript vào trang HTML 18 1.6 JQUERY 19 1.6.1 jQuery gì? 19 1.6.2 Cách sử dụng jQuery 20 1.7 MVC 21 1.7.1 MVC gì? 21 1.7.2 Các thành phần MVC 21 1.7.3 Cách làm việc mô hình MVC 21 1.7.4 Ƣu điểm mơ hình MVC 22 1.8 RUBY 22 1.8.1 Ruby gì? 22 1.8.2 Ƣu điểm Ruby 23 1.8.3 Cú pháp 23 1.9 RUBY ON RAILS 26 1.9.1 Ruby on Rails gì? 26 1.9.2 Các tính ƣu điểm Ruby on Rails 27 1.9.3 So sánh Ruby on Rails với cơng nghệ có 28 1.9.4 Cài đặt sử dụng Rails 29 CHƢƠNG PHÂN TÍCH THIẾT KẾ 30 2.1 PHÂN TÍCH U CẦU BÀI TỐN 30 2.2 PHÂN TÍCH HỆ THỐNG VỀ CHỨC NĂNG 31 2.2.1 Sơ đồ tổng quát hệ thống 31 2.2.2 Sơ đồ phân rã chức 32 2.2.3 Đặc tả chức hệ thống 32 2.2.4 Sơ đồ luồng liệu mức 34 2.3 THIẾT KẾ CƠ SỞ DỮ LIỆU 38 2.3.1 Mô tả thực thể 38 2.3.2 Sơ đồ quan hệ thực thể 48 2.3.3 Xây dựng lƣợc đồ quan hệ 49 CHƢƠNG KẾT QUẢ ĐẠT ĐƢỢC 50 KẾT LUẬN VÀ KIẾN NGHỊ 59 ƢU ĐIỂM 59 HẠN CHẾ 59 HƢỚNG PHÁT TRIỂN 59 DANH MỤC TÀI LIỆU THAM KHẢO 60 ii DANH MỤC BẢNG Số hiệu bảng Tên bảng Trang 1.1 Cấu trúc tài liệu HTML 1.2 Cú pháp CSS 11 1.3 Cấp quyền cho ngƣời dùng MySQL 16 1.4 Cách nhúng JavaScript vào trang HTML 19 1.5 Toán tử Ruby 25 2.1 Bảng mô tả tác nhân 31 2.2 Bảng đặc tả chức hệ thống 34 2.3 Bảng mơ tả thuộc tính users 42 2.4 Bảng mơ tả thuộc tính books 45 2.5 Bảng mơ tả thuộc tính categories 46 2.6 Bảng mơ tả thuộc tính roles 46 2.7 Bảng mơ tả thuộc tính books_categories 47 iii DANH MỤC HÌNH VẼ Số hiệu hình vẽ Tên hình vẽ Trang 1.1 Mơ hình MVC Rails 27 2.1 Sơ đồ thể yêu cầu đặt cho hệ thống 31 2.2 Sơ đồ tổng quát hệ thống 31 2.3 Sơ đồ phân rã chức 32 2.4 Sơ đồ luồng liệu mức ngữ cảnh 35 2.5 Sơ đồ luồng liệu mức đỉnh 35 2.6 Sơ đồ luồng liệu mức dƣới đỉnh chức 36 đăng nhập 2.7 Sơ đồ luồng liệu mức dƣới đỉnh chức 36 năngchỉnh sửa tài khoản 2.8 Sơ đồ luồng liệu mức dƣới đỉnh chức 37 năngquản lý thƣ viện cá nhân 2.9 Sơ đồ luồng liệu mức dƣới đỉnh chức 37 tìm kiếm 2.10 Sơ đồ luồng liệu mức dƣới đỉnh chức 38 tác vụ với sách 2.11 Sơ đồ thực thể quan hệ 48 2.12 Lƣợc đồ quan hệ 49 3.1 Trang chủ 51 iv 3.2 Trang thông tin sách 52 3.3 Form đăng nhập 53 3.4 Form đăng ký 54 3.5 Form yêu cầu gửi email đổi mật 54 3.6 Form yêu cầu gửi lại email xác nhận tài 55 khoản 3.7 Thƣ viện cá nhân 55 3.8 Form đăng tải sách 56 3.9 Form chỉnh sửa thông tin cá nhân 57 3.10 Trang hiển thị kết tìm kiếm 58 47 ● Bảng books_categories Thuộc tính Kiểu Độ dài int Mơ tả Khóa NULL liệu book_id Giá trị 11 NOT id sách primary key NULL category_id int 11 NOT id loại NULL sách tƣơng primary key ứng Bảng 2.7 Bảng mơ tả thuộc tính books_categories 48 2.3.2 Sơ đồ quan hệ thực thể Hình 2.11 Sơ đồ thực thể quan hệ 49 2.3.3 Xây dựng lƣợc đồ quan hệ Hình 2.12 Lƣợc đồ quan hệ 50 CHƢƠNG KẾT QUẢ ĐẠT ĐƢỢC Hoàn thành website ITeBS đáp ứng đƣợc yêu cầu chức đề Hệ thống giới thiệu tất sách ngƣời dùng đăng tải lên, nhƣ sách đƣợc lấy từ Google Books thông qua Google Books API trang chủ hệ thống.Hệ thống cho phép ngƣời dùng tìm kiếm sách theo tên sách, tên tác giả, số ISBN tên nhà xuất trả tất kết theo từ khóa ngƣời dùng nhập vào trang kết tìm kiếm Ngƣời dùng xem thơng tin chi tiết sách trang thông tin chi tiết sách Tại đây, ngƣời dùng cịn trao đổi, nhận xét sách chức bình luận Để sử dụng đƣợc chức này, hệ thống yêu cầu ngƣời dùng phải đăng nhập vào hệ thống thông qua việc cung cấp form đăng nhập Nếu ngƣời dùng chƣa có tài khoản, hệ thống cung cấp form đăng ký để ngƣời dùng nhập vào thông tin cần thiết Sau đăng ký, hệ thống tự động gửi email xác nhận tài khoản cho ngƣời dùng Trong trƣờng hợp ngƣời dùng chƣa nhận đƣợc email xác nhận, quên mật khẩu, họ yêu cầu hệ thống gửi lại email xác nhận tài khoản email yêu cầu đổi mật Đối vời ngƣời dùng có tài khoản quản trị viên cung cấp, hệ thống cho phép họ đăng sách lên hệ thống việc cung cấp form yêu cầu thông tin đăng sách Ngƣời dùng đƣợc quản lý thƣ viện cá nhân để lƣu trữ quản lý tất sách đăng tải Ngồi ra, ngƣời dùng cịn chỉnh sửa thơng tin tài khoản chức chỉnh sửa thông tin cá nhân Giao diện hệ thống đƣợc thể nhƣ sau 51 ● Trang chủ hệ thống: Trang chủ hệ thống hiển thị tất sách ngƣời dùng đăng tải lên hệ thống sách lấy từ Google Books với số rating từ 4.5 trở lên Hình 3.1 Trang chủ 52 ● Trang thông tin chi tiết sách: hiển thị tất thông tin liên quan đến sách, bao gồm: tên sách, ảnh bìa sách, mơ tả sách, tên nhà xuất bản, tên tác giả, số ISBN, số trang, ngày xuất bản, số rating, link thông tin chi tiết sách (đối với sách lấy từ Google Books), link tải sách (đối với sách ngƣời dùng đăng tải) bình luận ngƣời dùng Hình 3.2 Trang thơng tin chi tiết sách 53 ● Form đăng nhập, đăng ký, đổi password, yêu cầu gửi email xác nhận ○ Form đăng nhập yêu cầu ngƣời dùng nhập vào email mật đƣợc xác nhận Hình 3.3 Form đăng nhập vào hệ thống 54 o Form đăng ký tài khoản yêu cầu ngƣời dùng nhập vào thông tin cần thiết nhƣ email, mật khẩu, tên họ, giới tính, ngày sinh, … Hình 3.4 Form đăng ký tài khoản Hình 3.5 Form yêu cầu gửi email đổi mật 55 Hình 3.6 Form yêu cầu gửi lại email xác nhận tài khoản ● Thƣ viện cá nhân ngƣời dùng có tài khoản quản trị viên cung cấp: hiển thị tất sách ngƣời sở hữu thƣ viện đăng tải lên hệ thống Ngƣời dùng chỉnh sửa sách xóa sách đăng lên Hình 3.7 Thƣ viện cá nhân 56 ● Form đăng tải sách : hiển thị tất trƣờng nhập liệu cần thiết đăng tải sách lên hệ thống Hình 3.8 Form đăng tải sách 57 ● Form chỉnh sửa thơng tin cá nhân Hình 3.9 Form chỉnh sửa thông tin cá nhân 58 ● Trang kết tìm kiếm: hiển thị tất kết tìm kiếm trả theo từ khóa mà ngƣời dùng nhập vào Hình 3.10 Trang hiển thị kết tìm kiếm 59 KẾT LUẬN VÀ KIẾN NGHỊ ƢU ĐIỂM Học hỏi đƣợc nhiều kinh nghiệm công việc Học đƣợc quy trình xây dựng trang web chuyên nghiệp với công nghệ nhƣ HTML5, CSS3, Twitter Bootstrap, JavaScript, jQuery, Ruby on Rails Áp dụng đƣợc kiến thức học vào việc xây dựng Demo Rút đƣợc nhiều kinh nghiệm quý báu, học đƣợc cách tự lập, tự nghiên cứu, kỹ mềm nhƣ phong cách làm việc môi trƣờng chuyên nghiệp có nhìn nhận cơng việc tƣơng lai HẠN CHẾ Đọc nghiên cứu tài liệu chậm Do kiến thức kinh nghiệm hạn chế demo đơn giản, chƣa triển khai đƣợc tƣởng xây dựng hệ thống đề tài HƢỚNG PHÁT TRIỂN Đề tài đƣợc phát triển theo số hƣớng sau: ● Xây dựng thêm chức tƣơng tác với ngƣời dùng ● Xây dựng chức quản lý dành cho quản trị viên nhƣ quản trị tài khoản hệ thống, quản trị sách, tối ƣu hóa chức quản trị sách đăng tải ngƣời dùng ● Áp dụng cho đầu sách thuộc nhiều chuyên ngành khác 60 DANH MỤC TÀI LIỆU THAM KHẢO [1] Dejan V Cancarevi (2011), Frontend Guide [2] Bruce Lawson and Remy Sharp (2011), Introduce HTML5 (Second Edition), New Riders, CA 94710, 1249 Eighth Street [3] Jonathan Snook (2012), Scalable and Modular Architecture for CSS, Snook.ca Web Development, Inc, Ottawa, Ontario, Canada [4] Thuong Dinh, CSS Naming Convention - CSS Best Guidelines [5] Trung Pham Duc, Object - Oriented CSS (OOCSS) [6] Marijn Haverbeke (2014), Eloquent JavaScript, No Starch Press, Inc, 245 8th St., San Francisco, CA 94103 USA [7] Adam Gamble, Cloves Carneiro Jr, Rida Al Barazi (2013), Beginning Rails 4, Apress Media LLC, 233 Spring Street, 6th Floor, New York, NY 10013 [8] HTML, Wikipedia, truy cập ngày 14 tháng năm 2015, [9] HTML5, Wikipedia, truy cập ngày 14 tháng năm 2015, [10]CSS, Wikipedia, truy cập ngày 14 tháng năm 2015, [11] Bootstrap (front-end framework), Wikipedia, truy cập ngày 15 tháng năm 2015, 61 [12] Bootstrap, getbootstrap.com, truy cập ngày 12 tháng năm 2015, [13] MySQL, Wikipedia, truy cập ngày 12 tháng năm 2015, [14] JavaScript, Wikipedia, truy cập ngày 14 tháng năm 2015, [15] Giới thiệu jQuery, hocwebchuan.net, truy cập ngày 14 tháng năm 2015, [16] MVC in Rails, vietonrails.com, truy cập ngày 24 tháng năm 2015, [17] Ruby (programming language), Wikipedia, truy cập ngày 24 tháng năm 2015, [18] Ruby on Rails, Wikipedia, truy cập ngày 24 tháng năm 2015, [19] Rails Guides, guides.rubyonrails.org, truy cập từ ngày 27 tháng năm 2015 tới ngày 28 tháng năm 2015, ... sẻ sách điện tử: ○ Tìm hiểu nhu cầu lƣu trữ chia sẻ sách điện tử thực tế ○ Cách thức chia sẻ sách ○ Các vấn đề phát sinh trình đăng tải chia sẻ ● Đi sâu nghiên cứu, phân tích xây dựng hệ thống. .. để giảng viên chia sẻ giáo trình tài liệu, nhƣ nơi để ngƣời dùng trao đổi nhận xét sách đọc điều cần thiết Đó lý định chọn đề tài "Thiết kế xây dựng hệ thống chia sẻ sách điện tử" làm đề tài... Nghiên cứu hệ thống lƣu trữ sách điện tử có, nghiên cứu phân tích nhu cầu ngƣời dùng ● Phân tích nghiên cứu hệ thống giới thiệu, lƣu trữ chia sẻ sách điện tử có ● Đọc hiểu tài liệu qua sách, tạp