Bài tập lớn tương tác người máy đề tài btl01 xây dựng mạng xã hội học tiếng anh trực tuyến

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG BỘ MÔN HỆ THỐNG THÔNG TIN BÁO CÁO BÀI TẬP LỚN TƯƠNG TÁC NGƯỜI MÁY Đề tài BTL01: XÂY DỰNG MẠNG XÃ HỘI HỌC TIẾNG ANH TRỰC TUYẾN Giảng viên hướng dẫn: Cô Vũ Thị Hương Giang Sinh viên thực : Nhóm HCI09 Nguyễn Văn Khải Nguyễn Đức Long Lê Sỹ Hạnh Vũ Hồng Hoan Phạm Xuân Trường Lớp : Hệ Thống Thông Tin K52 Hà Nội, tháng 10 năm 2011 Tieu luan Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến LỜI NÓI ĐẦU I Mô tả toán: .4 II Kiến trúc tổng thể: .5 Kiến trúc hệ thống theo mơ hình phân tầng: .5 Mô hình thành phần chế giao tiếp: .6 Mơ hình triển khai: III Phân tích hệ thống: Xây dựng biểu đồ use case: 1.1 Các tác nhân hệ thống: 1.2 Phân tích use case: .10 Biểu đồ lớp tổng quan: 21 Xây dựng biểu đồ trình tự: 21 IV 3.1 Các nhóm chức liên quan đến user: 21 3.2 Các use case liên quan đến Admin: 23 Thiết kế hệ thống: 25 Biểu đồ lớp chi tiết: 25 Đặc tả sở liệu: 27 V Thiết kế giao diện: .29 Thiết kế ký pháp đối thoại .29 Giao diện trang chủ: 31 Giao diện trang cá nhân User: 32 Giao diện trang quản lí admin: 36 Đánh giá tính tương tác hệ thống: .38 VI KẾT LUẬN: .39 Tài Liệu Tham Khảo: 40 Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến LỜI NÓI ĐẦU Hiện nay, nước ta giai đoạn hội nhập tăng cường hợp tác với nước bạn bè quốc tế để phát triển kinh tế Ngày có nhiều cơng ty, tổ chức nước đầu tư hợp tác vào nước ta Khả sử dụng ngoại ngữ thành thạo, đặc biệt Anh ngữ trở thành tiêu chí đánh giá hàng đầu vấn cơng ty Vì vậy, nhu cầu học rèn luyện tiếng Anh cấp thiết bạn trẻ nói riêng lứa tuổi người dân nói chung Trong vài năm trở lại đâu, hình thức học tiếng Anh qua mạng dần trở nên phổ biến xã hội Khi cần tìm khóa học hay hay hội thoại để luyện tập, người học lên số trang web tự học tiếng Anh quốc tế http://www.livemocha.com, hay nước http://www.tieng-anhonline.net/ để tự rèn luyện kỹ cho Tuy nhiên, hình thức học tiếng Anh qua mạng phổ biến rộng rãi vài năm gần đây, nên hình thức học tập tồn số nhược điểm chưa phát huy hiệu thật Một ngun nhân phần lớn người dân quen với cách học tập cũ, download phần mềm luyện thi Toefl, TOEIC máy tự luyện tập.Hơn nữa, người ta coi mạng xã hội nơi để trò chuyện để học tập, nên website học tiếng Anh chưa thu số lượng bạn học dự tính Với mong muốn xây dựng website học Anh ngữ giúp người vừa tự học tiếng Anh vừa trao đổi kiến thức với bạn học khác, nhóm chúng em định lựa chọn đề tài xây dựng mạng xã hội học Anh ngữ trực tuyến Khác với trang web tiếng http://www.livemocha.com,cho phép bạn đọc luyện nhiều ngoại ngữ tiếng Anh, Ý, Đức… hệ thống nhóm tập trung vào luyện tập Anh ngữ qua luận, qua nhóm thực ý tưởng để làm mạng xã hội trở nên thân thiện, hữu ích với người dùng Trong q trình phân tích thiết kế hệ thống thiết kế giao diện, chúng em sử dụng kiến thức dạy môn học Tương tác người máy cô Vũ Thị Hương Giang giảng dạy Tuy nhiên, cịn thiếu kinh nghiệm, nên chúng em mong thầy bạn góp ý để hồn thiện hệ thống website thời gian tới Nhóm chúng em gồm thành viên: Họ tên Phạm Xuân Trường Nguyễn Văn Khải Lê Sỹ Hạnh Vũ Hồng Hoan Nguyễn Đức Long MSSV 20073100 20071562 20073647 20071195 20071768 Liên hệ 01656053368(pxt.mono@gmail.com) Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến I Mơ tả tốn:  Mục đích: Xây dựng mạng xã hội học tiếng anh trực tuyến  Mô tả: Trang web hỗ trợ học tiếng anh thông qua việc người dùng viết luận theo chủ đề, đóng góp ý kiến luận, chia sẻ tài liệu… Người dùng truy cập vào hệ thống sử dụng số tính như: xem thơng tin, tìm kiếm tài liệu, đọc topic Sau đăng kí tài khoản đăng nhập, người dùng upload tài liệu, download tài liệu, viết topic comment topic Người dùng phải đạt level hoạt động định có quyền viết luận Tài liệu người dùng upload lên trang web hệ thống lưu lại chờ admin kiểm duyệt Nếu tài liệu hợp lệ hiển thị, ngược lại admin xóa Ngồi người dùng cịn kết bạn, gửi tin nhắn với người dùng khác  Tham khảo hệ thống tại: www.livemocha.com: website hỗ trợ học ngoại ngữ với nhiều thứ tiếng, cung cấp chức năng: kết bạn, test ngôn ngữ, review tập, hệ thống tính điểm cá nhân…  Phạm vi: Sau trao đổi đến thống nhất, nhóm giới hạn phạm vi hệ thống học tiếng Anh trực tuyến nhóm có chức sau:     Quản lý tài khoản cá nhân Kết bạn với thành viên khác tham gia vào mạng xã hội Học tập thực hành kỹ nghe, nói đọc viết Chia sẻ tài liệu giúp đỡ lẫn đánh giá luận  Đánh giá hệ thống so với hệ thống cũ: - Điểm bổ sung: Hỗ trợ chức tùy chỉnh giao diện, tương thích với người dùng Đơn giản hóa giao diện để tiện cho việc thao tác chức Bổ sung thêm chức upload chia sẻ tài liệu - Điểm chưa hoàn thiện: Hạn chế bớt số chức năng: test ngôn ngữ, hỗ trợ học ngôn ngữ tiếng anh Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến II Kiến trúc tổng thể: Kiến trúc hệ thống theo mơ hình phân tầng: Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến Trong đó: Giới thiệu  Hệ thống xây dựng theo mơ hình phân tầng, gồm tầng lớn: Presentation, Business, Data Access Layer  Cụ thể o Presentation Layer Gồm  User Interface: ứng với View tương tác với người dùng o Business Layer Gồm  Application Logic: chứa thành phần thực logic ứng dụng; nhận yêu cầu liệu vào từ Presentation, sơ chế theo yêu cầu cụ thể (VD xử lý request, xử lý bảo mật lọc liệu vào); chuyển tiếp cho phận Business xử lý  Business Logic: chứa thành phần thực thao tác cụ thể theo yêu cầu nghiệp vụ ứng dụng o Data Access Layer Gồm  Data Entity Entity Framework: chứa thành phần thực kết nối database; ánh xạ liệu database với thực thể ứng dụng, phục vụ cho thao tác tầng Business  Database: sở liệu vật lý Ý nghĩa  Kiến trúc phân tầng kiến trúc truyền thống phù hợp cho loại hình ứng dụng  Áp dụng kiến trúc phân tầng ứng dụng đảm bảo độc lập trình phát triển, đồng thời giảm chi phí bảo trì thành phần ứng dụng Mơ hình thành phần chế giao tiếp: Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến Trong  Hệ thống xây dựng theo kiến trúc MVC, ngôn ngữ PHP  Model o Gồm thành phần (class) đại diện cho domain hệ thống  View o Giao diện tương tác người dùng o Thông tin hiển thị View đặt Model cụ thể ứng với View  Controller o Là thành phần trung gian Model View o Có nhiệm vụ nhận yêu cầu từ View gửi đến, gọi đến thành phần liên quan để xử lý yêu cầu, từ định kết trả lời (bao gồm View Model tương ứng) Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến - - Một cách tương đối hình dung thành phần ứng dụng(component) theo thứ tự từ xuống sau:  View  Controller  Service o WebContextService o DataService  Repository  Entity (bao gồm class Model)  Entity Framework  Database Cơ chế hoạt động giao tiếp thành phần  Luồng thông tin xuất phát từ mức cùng, xuống mức Trong thành phần mức gọi tới thành phần mức để xử lý nghiệp vụ Các thành phần mức không cần quan tâm tới mức  Các thành phần ứng dụng giao tiếp thông qua giao diện (Interface), tạo lỏng lẻo liên kết thành phần o Controller gọi thành phần Service thông qua Interface:  ISecurity  IMembership  IDataService o Service gọi thành phần Data thông qua Interface  IDataRepository  Các package component lớn phục vụ cho nghiệp vụ ứng dụng o Service : gồm thành phần  WebContextService  Data Service o Data : gồm thành phần  DataRepository  DataEntity  Entity Framework Mơ hình triển khai: Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến Trong đó:  Hệ thống triển khai node o Máy Web Server cài đặt website service phục vụ ứng dụng o Máy Database Server chứa database phục vụ cho ứng dụng, kết nối với web server sử dụng giao thức bảo mật TLS/SSL o Máy Client sử dụng trình duyệt truy nhập website, dùng giao thức TCP/IP III Phân tích hệ thống: Xây dựng biểu đồ use case: 1.1 Các tác nhân hệ thống: User Admin Guest Mô tả: Hệ thống gốm tác nhân chính, bao gồm khách, thành viên người quản trị - Guest : người sử dụng bình thường, nhóm có chức bản: xem thơng tin, tìm kiếm tài liệu Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến - User: nhóm có tất quyền khách, ngồi cịn có quyền tạo topic, comment, upload download tài liệu, kết bạn gửi tin nhắn cho thành viên khác Admin: Người quản trị hệ thống, có tất quyền hệ thống (bao gồm tất quyền hai nhóm trên) ngồi cịn có thêm quản lí thành viên, quản lí topic, quản lí tài liệu (resource) … 1.2 Phân tích use case: Mơ hình Use Case tổng quan hệ thống: Registry View info Search Manage Owner Friend Guest Create/Edit Topic Upload Create Commet User Manage Message Download Admin Manage Comment Manage Topic Login Manager Resource Manage User Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan 10 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến  Controller o UserController 1.2 Use case Manage Friend: class design for Manage Friend FriendController + + + + Friend ViewFriendsOfUser(int) : view result deleteFriend(int) : view result sendFriendRequest(int, int) : view result confirmFriendRequest() : view result - «use» friendID: int user1ID: int user2ID: int isConfirm: boolean «use» «interface» IFriendRepository «interface» IFriendService «use» «use» FriendServ ice + + + + FriendRepository ViewFriendsOfUser(int) : void deleteFriend(int) : boolean sendFriendRequest(int, int) : boolean confirmFriendRequest() : boolean + + + + AddFriend() : void deleteFriend(int, int) : boolean confirmFriend() : boolean getFriendForUser(int) : List Trong Bao gồm class  Entity o Friend  Repository o FrendRepository  Service o FriendService  Controller o FriendController 1.3 Use Case Manage Message: Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan 26 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến class design for Manage Message MessageController + + + + Message ViewAllMessages() : view result readMessage(int) : view result sendMessage(int) : view result deleteMessage(int) : view result «use» - messageID: int content: string send_userID: int receive_userID: int is_read: boolean is_del_inbox: boolean is_del_outbox: boolean «use» «interface» IMessageRepository «interface» IMessageService «use» MessageRepository MessageServ ice + + + + + + + + viewAllMessage() : void readMessage(int) : void sendMessage(int) : void deleteMessage(int) : void getAllMessage() : List readMessage(int) : message addMessage(int, int) : boolean deleteMessage(int) : boolean Trong Bao gồm class  Entity o Message  Repository o MessageRepository  Service o MessageService  Controller o MessageController Đặc tả sở liệu: Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan 27 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến TT Tên bảng Diễn giải Admin Quản lí admin User Quản lí user Friend Quản lí kết bạn thành viên Message Quản lí tin nhắn thành viên Category Mức phân loại topic Resource Dữ liệu thành viên upload Topic Quản lí topic Comment Comment thành viên topic Meta Tùy chỉnh giao diện thành viên Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan 28 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến V Thiết kế giao diện: Thiết kế ký pháp đối thoại - Sơ đồ mạng dịch chuyển trang thái cho người dùng - Sơ đồ mạng dịch chuyển trạng thái cho admin Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan 29 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến - Sơ đồ luồng (Flow chart) chức xóa message Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan 30 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến Giao diện trang chủ: Bao gồm chức hiển thị:  Ơ đăng nhập  Ơ tìm kiếm  Form đăng kí tài khoản Chức đăng nhập: - Người dùng điền thông tin username, password chọn button Login Hệ thống chuyển đến giao diện trang cá nhân Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan 31 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến Chức tìm kiếm tài liệu: - Người dùng gõ từ khóa vào tìm kiếm (search) chọn button GO! - Hệ thống hiển thị danh sách tài liệu theo từ khóa nhập vào Chức đăng kí tài khoản: Form đăng kí tài khoản hiển thị trang chủ giúp người dùng đăng kí tài khoản dễ dàng nhanh chóng - Người dùng nhập thơng tin cần thiết bao gồm usernam, password email - Người dùng chọn button Create Account để hoàn tất đăng kí tài khoản hệ thống chuyển đến giao diện trang cá nhân - Người dùng chọn button Reset để nhập lại thông tin Giao diện trang cá nhân User: Các chức hiển thị trang user: - Menu bar gồm chức trang web - Thơng tin nhân user - Danh sách friend - Danh sách topic user lập - Danh sách topic friend user lập Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan 32 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến Các chức bổ sung: - Người dùng thay đổi bố cục trang web linh động giữ chuột vào module kéo đến vị trí mong muốn Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan 33 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến - Người dùng thay đổi màu sắc & tên module cách chọn chức edit module: Điều chỉnh thông tin cá nhân user: - Cho phép người dùng xem thống kê tình trạng hoạt động (điểm, level, tổng số post, tổng số bạn, …) Cho phép người dùng thay đổi thông tin cá nhân (avata, password) Để thay đổi password, người dùng chọn chức Change Password giao diện Nhập password cũ password Chọn button Submit để xác nhận thay đổi Cancel để hủy bỏ thay đổi Tin nhắn cá nhân người dùng: - Xem danh sách tin nhắn inbox outbox - Tìm kiếm tin nhắn - Reply xóa tin nhắn Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan 34 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến Theo dõi topic User: - Cho phép người dùng theo dõi topic tạo Tạo topic Tìm kiếm topic theo từ khóa Để tạo topic mới, người dùng chọn chức Create New Topic giao diện Hệ thống hiển thị giao diện tạo topic: Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan 35 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến - Người dùng nhập thông tin cần thiết bao gồm: tên topic, chọn category, nội dung, file ghi âm (nếu có) - Người dùng chọn button OK để lưu topic Hệ thống hiển thị thông báo thành công Comment viết: Dưới topic người dùng viết comment đánh giá (vote) Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan 36 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến Giao diện trang quản lí admin: Bao gồm chức quản lí admin: - Quản lí trang chủ - Quản lí User - Quản lí Friend - Quản lí Resource - Quản lí Email - Quản lí Topic - Quản lí User Comments - Quản lí Category Trang quản lí user: Cho phép Admin lí thơng tin user, cụ thể: - Tìm kiếm user cách nhập username vào tìm kiếm chọn search, hệ thống hiển thị kết tìm kiếm - Xem danh sách tất user - Xem thông tin cá nhân user, chọn biểu tượng: - Chỉnh sửa thông tin cá nhân: - Xem topic user: - Xem comment user: - Tài liệu user upload: Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan 37 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến - Xóa user: Trang quản lí Resource: Cho phép admin quản lí tài liệu người dùng upload: - Xem danh sách tài liệu: chọn chức View All - Tạo tài liệu mới: Create new resource - Tìm kiếm tài liệu: nhập từ khóa vào tìm kiếm chọn Submit Query - Kiểm duyệt (active) tài liệu upload: - Chỉnh sửa nội dung xóa tài liệu (tương tự quản lí user) Đánh giá tính tương tác hệ thống: Hệ thống đạt số tiêu để đảm bảo tính tiện lợi tương tác Cụ thể:  Tính học được: module hệ thống thiết kế theo mơ hình số mạng xã hội phổ biến (facebook, zing …) nên quen thuộc với người dùng Ví dụ: module Đăng kí tài khoản, kết bạn, gửi tin nhắn … Thực hiện: Nhóm – Hệ Thống Thơng Tin K52 Tieu luan 38 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến  Tính dễ sử dụng: Các chức người dùng admin thể cách trực quan, dễ dàng thao tác hiệu  Tính cảm xúc: Màu sắc bố cục trang web linh động, người dùng tùy chỉnh, tạo cảm giác thoải mái VI KẾT LUẬN: Hệ thống hoàn thành chức đề mạng xã hội hỗ trợ học tiếng anh trực tuyến Thơng qua trang web, người dùng trực tiếp tham gia viết, đánh giá luận chia sẻ tài liệu Đồng thời giao lưu kết bạn, trao đổi kiến thức, tạo môi trường học tập trực tuyến thân thiện Tuy nhiên hạn chế mặt thời gian kinh nghiệm nên hệ thống nhiều vấn đề cần phải hồn thiện, tính bảo mật, hiệu suất xử lí tác vụ … Chúng em cố gắng hoàn thiện khắc phục nhược điểm thời gian tới Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan 39 Bà i tậ p lớ n xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến Tài Liệu Tham Khảo: [1] Tương tác người máy- Thầy Lương Mạnh Bá –NXBKHKT [2] Bài giảng tương tác người máy cô Vũ Thị Hương Giang, ĐHBKHN-2011 [2] Learning UML, Sinan Si Alhir 6-2003 [3] Managing Software Requirements 2003, Dean Leffingwell,Don Widrig [4] Phân tích & thiết kế hệ thống thơng tin, Thầy Nguyễn Văn Ba Thực hiện: Nhóm – Hệ Thống Thông Tin K52 Tieu luan 40 ... bạn học dự tính Với mong muốn xây dựng website học Anh ngữ giúp người vừa tự học tiếng Anh vừa trao đổi kiến thức với bạn học khác, nhóm chúng em định lựa chọn đề tài xây dựng mạng xã hội học Anh. .. xâ y dự ng mạ ng xã hộ i họ c tiếng Anh trự c tuyến I Mô tả tốn:  Mục đích: Xây dựng mạng xã hội học tiếng anh trực tuyến  Mô tả: Trang web hỗ trợ học tiếng anh thông qua việc người dùng viết... phần lớn người dân quen với cách học tập cũ, download phần mềm luyện thi Toefl, TOEIC máy tự luyện tập. Hơn nữa, người ta coi mạng xã hội nơi để trò chuyện để học tập, nên website học tiếng Anh