====o0o==== BÁO CÁO NHÓM KHOA CÔNG NGHỆ THÔNG TIN MÔN HỌC KỸ THUẬT LẬP TRÌNH HƯỚNG ĐỐI TƯỢNG ĐỀ TÀI WEBSITE ĐỌC TRUYỆN TRANH Giáo viên hướng dẫn ThS HUỲNH TRUNG TRỤ Sinh viên thực hiện MSSV VŨ TUẤN AN.
====o0o==== BÁO CÁO NHĨM KHOA: CƠNG NGHỆ THƠNG TIN MƠN HỌC: KỸ THUẬT LẬP TRÌNH HƯỚNG ĐỐI TƯỢNG ĐỀ TÀI: WEBSITE ĐỌC TRUYỆN TRANH Giáo viên hướng dẫn: ThS HUỲNH TRUNG TRỤ Sinh viên thực hiện: MSSV VŨ TUẤN ANH N18DCCN010 NGUYỄN HẢI ĐĂNG N18DCCN040 TP Hồ Chí Minh, ngày 18 tháng 10 năm 2022 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Lời cảm ơn Đầu tiên, em xin gửi lời cảm ơn chân thành đến Học viện Cơng nghệ Bưu Viễn thơng (Cơ sở phía Nam) đưa mơn học Kỹ thuật lập trình hướng đối tượng vào chương trình giảng dạy Đặc biệt, nhóm em xin gửi lời cảm ơn sâu sắc đến giảng viên môn – Thầy Huỳnh Trung Trụ dạy dỗ, truyền đạt kiến thức quý báu cho nhóm em tập thể lớp suốt thời gian học tập vừa qua Trong thời gian tham gia lớp học Kỹ thuật lập trình hướng đối tượng thầy, nhóm em có thêm cho nhiều kiến thức bổ ích, tinh thần học tập hiệu quả, nghiêm túc Đây chắn kiến thức quý báu, hành trang để nhóm em làm việc phát triển sau Bộ môn Kỹ thuật lập trình hướng đối tượng mơn học thú vị, vơ bổ ích có tính thực tế cao Đảm bảo cung cấp đủ kiến thức, gắn liền với nhu cầu thực tiễn sinh viên Tuy nhiên, vốn kiến thức nhiều hạn chế khả tiếp thu thực tế nhiều bỡ ngỡ Mặc dù nhóm em cố gắng chắn báo cáo khó tránh khỏi thiếu sót nhiều chỗ cịn chưa xác, kính mong thầy xem xét góp ý để báo cáo nhóm em hồn thiện Nhóm em xin chân thành cảm ơn! GIỚI THIỆU ĐỀ TÀI Hiện nay, CNTT phát triển mạnh mẽ nước ta Máy tính điện tử khơng cịn phương tiện q mà ngày gần gũi với người Công tác quản lý ngày nhiều quan đơn vị quan tâm quản lý quản lý cho đạt hiệu cao như: nhanh, bảo mật, thân thiện, dễ sử dụng Đứng trước bùng nổ thông tin, tổ chức doanh nghiệp tìm biện pháp để xây dựng hồn thiện hệ thống thơng tin nhằm tin học hoá hoạt động nghiệp vụ đơn vị Mức độ hồn thiện tuỳ thuộc vào q trình phân tích thiết kế hệ thống Tin học hố cơng tác quản lý làm giảm bớt sức lao động người tiết kiệm thời gian, độ xác cao, gọn nhẹ tiện lợi nhiều so với công việc làm thủ công quản lý giấy tờ trước đây, tránh thất lạc liệu, tự động hoá hệ thống cụ thể hố thơng tin theo nhu cầu người Đó phần mềm quản lý thay cho tệp hồ sơ dày cộp thay cho ngăn tủ chứa đựng hồ sơ chiếm nhiều diện tích ta phải nhiều thời gian để tìm kiếm thông tin cần thiết hay liệu quan trọng Tất điều bất tiện tích hợp phần mềm quản lý sản phẩm Nhu cầu cịn lớn nói đến tập truyện tranh dài ngắn với thể loại khác Tưởng tượng thay bạn phải chạy hàng số để đến tiệm sách, mò hàng tiếng đồng hồ để kiếm truyện thích để mang nhà cảm thấy ngán ngẫm truyện cũ chiếm hết khơng gian tất bạn cần ngồi nhà với điện thoại thông minh internet, bạn dễ dàng kết nối với vơ số truyện khắp giới Chính lí mà chúng em chọn đề tài “Phần mềm đọc truyện tranh” với hy vọng thực điều GIỚI THIỆU CÔNG NGHỆ 2.1 Web API -API phương thức, giao thức kết nối với thư viện ứng dụng khác Nó viết tắt Application Programming Interface – giao diện lập trình ứng dụng API cung cấp khả cung cấp khả truy xuất đến tập hàm hay dùng Và từ trao đổi liệu ứng dụng 2.1.1 Web API hoạt động nào? -Đầu tiên xây dựng URL API để bên thứ ba gửi request liệu đến máy chủ -cung cấp nội dung, dịch vụ thông qua giao thức HTTP HTTPS -Tại web server cung cấp nội dung, ứng dụng nguồn thực kiểm tra xác thực có tìm đến tài nguyên thích hợp để tạo nội dung trả kết -Server trả kết theo định dạng JSON XML thông qua giao thức HTTP/HTTPS -Tại nơi yêu cầu ban đầu ứng dụng web ứng dụng di động , liệu JSON/XML parse để lấy data Sau có data thực tiếp hoạt động lưu liệu xuống Cơ sở liệu, hiển thị liệu… 2.1.2 Ưu nhược điểm Web API Mỗi ứng dụng có ưu nhược điểm riêng, hỗ trợ tốt cho ứng dụng Vì mà web API không ngoại lệ: Ưu điểm Web API sử dụng hầu hết ứng dụng desktop, ứng dụng mobile ứng dụng website Linh hoạt với định dạng liệu trả client: Json, XML hay định dạng khác Nhanh chóng xây dựng HTTP service: URI, request/response headers, caching, versioning, content formats host ứng dụng IIS Mã nguồn mở, hỗ trợ chức RESTful đầy đủ, sử dụng client hỗ trợ XML, Json Hỗ trợ đầy đủ thành phần MVC như: routing, controller, action result, filter, model binder, IoC container, dependency injection, unit test Giao tiếp hai chiều xác nhận giao dịch, đảm bảo độ tin cậy cao Nhược điểm Do web API nên chưa thể đánh giá nhiều nhược điểm mơ hình Tuy nhiên, có hai nhược điểm dễ dàng nhận thấy: Web API chưa hoàn toàn phải RESTful service, hỗ trợ mặc định GET, POST Để sử dụng hiệu cần có kiến thức chuyên sâu, có kinh nghiệm backend tốt Tốn thời gian chi phí cho việc phát triển, nâng cấp vận hành Có thể gặp vấn đề bảo mật hệ thống bị công không giới hạn điều kiện kỹ 2.2 Spring boot -Spring Boot dự án phát triển JAV (ngôn ngữ java) hệ sinh thái Spring framework Nó giúp cho lập trình viên đơn giản hóa trình lập trình ứng dụng với Spring, tập trung vào việc phát triển business cho ứng dụng 2.2.1 Sơ lược Spring Framework gì? -Spring framework framework ứng dụng hay Java platform có mã nguồn mở cho tảng Java Được hàng triệu lập trình viên tin tưởng lựa chọn sử dụng Spring có kích thước nhỏ, suốt nhẹ trình chạy -Chính kích thước nhỏ, nên giải pháp gọn, nhẹ với khả hỗ trợ để tạo phát triển ứng dụng web có mã hiệu suất cao Hơn hết, bạn dễ dàng kiểm tra, thử nghiệm sử dụng lại code -2 nguyên tắc thiết kế để xây dựng nên spring framework là: Dependency Injection Aspect Oriented Programming -Những tính cốt lõi Spring framework sử dụng việc phát triển java desktop, java web,… Mục tiêu dễ dàng phát triển ứng dụng J2EE dựa mơ hình sử dụng POJO 2.2.2 Spring Boot có tính nào? Một số tính bật Spring Boot là: Tạo ứng dụng Spring mang tính độc lập Nhúng trực tiếp Tomcat, Jetty Undertow mà không cần phải triển khai file WAR Starter dependency giúp cho việc chạy cấu hình Maven trở nên đơn giản Tự động chạy cấu hình Spring cần thiết Khơng sinh code cấu hình, đồng thời khơng u cầu phải cấu hình XML 2.2.3 Đặc điểm bật Được phát triển tối ưu cho cấu hình XML trở nên đơn giản nhanh chóng dễ dàng Spring Gia tăng suất trình lập trình Giảm mức tối thiểu thời gian lập trình Giúp người dùng khơng có nhiều kiến thức lập trình xây dựng ứng dụng 2.3 Angular 1.1.1 Angular gì? -Angular javascript framework google phát triển để xây dựng Single Page Application (SPA) JavaScript , HTML TypeScript Angular cung cấp tính tích hợp cho animation , http service có tính auto-complete , navigation , toolbar , menus ,… Code viết TypeScript , biên dịch thành JavaScript hiển thị tương tự trình duyệt 2.3.1 Sử dụng Angular, người dùng gì? Ứng dụng giảm tối đa kích thước tăng tối đa hiệu suất HTML linh hoạt Code HTML mạnh mẽ với đặc trưng IF , FOR, LOCAL VARIABLES, … Dễ dàng hiển thị field từ data model website theo dõi thay đổi, cập nhật lại từ người dùng nhờ binding data Xây dựng tái sử dụng nội dung nhờ vào khối module độc lập Nhanh chóng giải toán logic nhờ back- end service hỗ trợ giao tiếp 2.3.2 Ưu điểm bật AngularJS đánh giá giải pháp dành cho Single Page Application làm việc dễ dàng Code Front end thường thân thiện nhờ khả Binding data lên tảng HTML để tạo thao tác tuyệt Bạn dễ dàng Unit test Có thể tái sử dụng component dễ dàng Hỗ trợ cho lập trình viên viết code với nhiều chức Bạn chạy AngularJS nhiều loại trình duyệt khác lẫn PC mobile 2.3.3 Nhược điểm Khơng an tồn: Thơng thường, chất AngularJS Front End, mà front end thường vốn bảo mật Back End Chính vậy, sử dụng API bạn cần xây dựng cho hệ thống kiểm tra liệu cho việc trả tốt Với số trình duyệt sở hữu tính Disable Javascript nên có nghĩa website khơng hồn tồn sử dụng dựa trình duyệt Phân tích chức 3.1 Use-case 3.1.1 Admin Đặc tả use-case: Đăng nhập: - Use-case mô tả cách người dùng đăng nhập vào hệ thống để thực chức - Khi người muốn thực chức mình, hệ thống yêu cầu người dùng nhập tên đăng nhập mật Sau người dùng nhập đầy đủ, hệ thống kiểm chứng tên mật nhập, nhập tên mật cho phép người dùng đăng nhập vào hệ thống để thực chức Nếu người dùng nhập sai tên mật khẩu, hệ thống thơng báo lỗi, người dùng chọn việc hủy bỏ đăng nhập, đăng nhập lại kết thúc tác vụ -Nếu người dùng quên mật khẩu, họ sử dụng tính “qn mật khẩu” Bằng cách nhập tên đăng nhập người dùng, Họ nhận mật từ email Đăng xuất: - Use-case mô tả cách người dùng đăng xuất khỏi hệ thống kết thúc tác vụ - Khi hồn thành cơng việc mình, người dùng chọn đăng xuất khỏi hệ thống, lúc hệ thống cho người dùng đăng xuất quay lại hình đăng nhập Quản lí người dùng: - Use-case cho phép admin thêm, cập nhật thơng tin hay xóa thơng tin người dùng nói chung(bảo gồm độc giả-user admin) -Sau admin đăng nhập vào hệ thống, giao diện làm việc hiển thị với chức năng: thêm người dùng, xóa người dùng thay đổi thơng tin người dùng Admin thay đổi vai trị người dùng từ user lên admin ngược lại +Thêm người dùng: Sau admin thêm thông tin người dùng giao diện quản lý, Admin kích hoạt chức người dùng thêm vào sở liệu +Thay đổi thông tin người dùng: Admin chọn người dùng danh sách xuất kích hoạt chức cập nhập Những thơng tin người dùng nhảy lên giao diện quản lý để admin chỉnh sửa Sau xác nhận thơng tin cập nhập vào sở liệu +Xóa người dùng: : Admin chọn người dùng danh sách xuất kích hoạt chức xóa Phần mềm thơng báo cảnh cáo yêu cầu admin xác nhận Sau xác nhận thành công thông tin người dùng bị xóa khỏi sở liệu Quản lí tác giả: - Use-case cho phép admin thêm, cập nhật thơng tin hay xóa thơng tin tác giả -Sau admin đăng nhập vào hệ thống, giao diện làm việc hiển thị với chức năng: thêm tác giả, xóa tác giả thay đổi thơng tin tác giả 5.2.3 Đăng nhập 5.2.4 User Profile 5.2.5 Thanh tìm kiếm 5.2.6 Truyện User 5.2.7 Đăng xuất 5.3 Admin 5.3.1 Trang quản trị 5.3.2 Quản lý tài khoản 5.3.3 Quản lý tác giả 5.3.4 Quản lý thể loại 5.3.5 Quản lý truyện ... thực tế cịn nhiều bỡ ngỡ Mặc dù nhóm em cố gắng chắn báo cáo khó tránh khỏi thiếu sót nhiều chỗ cịn chưa xác, kính mong thầy xem xét góp ý để báo cáo nhóm em hồn thiện Nhóm em xin chân thành cảm... nhập Thông báo nhập sai thông tin dăng nhập Chuyển trang web u cầu trước Đúng thiết kế Thơng báo tài khoản bị khóa Done Done Yêu cầu nhập Đúng thiết kế Thông báo đăng ký thành công Thông báo trùng... lý Thông báo trùng Done Done Danh sách tất thể loại Chuyển sang trang thêm Chuyển sang trang sửa thông qua ID Hiện thông báo cảnh cáo trước xóa Done Yêu cầu nhập Đúng thiết kế Thông báo thêm