Tìm hiểu framework spring và xây dựng ứng dụng quản lý nhạc phía client
TRƯỜNG ĐẠI HỌC AN GIANG KHOA KỸ THUẬT – CÔNG NGHỆ - MÔI TRƯỜNG BÁO CÁO KHÓA LUẬN TỐT NGHIỆP Đề tài: TÌM HIỂU FRAMEWORK SPRING VÀ XÂY DỰNG ỨNG DỤNG QUẢN LÝ NHẠC PHÍA CLIENT GVHD: Th.S Huỳnh Lý Thanh Nhàn Nội dung • Lý thực đề tài • Cơ sở lý thuyết: • Spring framework • AngularJS • Cài đặt ứng dụng • Kết luận Lý thực đề tài - 16.2% dự án hoàn thành hạn nằm giới hạn ngân sách - Và 83.8% dự án thất bại không đáp ứng yêu cầu ban đầu ⇒ Do thành phần phụ thuộc lẫn nhau, chồng chéo, tính sử dụng lại - Ngoài chi phí cho việc bảo trì mở rộng hệ thống lớn nhiều lần so với pha khác 15 67 Xác định yêu cầu Đặt tả Thiết kế Lập trình Kiểm thử Bảo trì Lý thực đề tài (tt) - Hầu hết hệ thống phát triển web - Công nghệ di động ngày trở nên phổ biến, số lượng người sử dụng truy cập qua thiết bị di động tăng cách nhanh chóng => Do thực đề tài “Tìm hiểu Framework Spring xây dựng ứng dụng quản lý nhạc phía client” Spring framework - Là framework Java mã nguồn mở sử dụng nhiều - Spring có cách tạo liên kết thành phần riêng hữu ích nhờ vào IoC container Dependencies Injection (DI) - Được giới thương mại công nhận framework có tầm quan trọng chiến lược kiến tạo phần mềm Spring framework (tt) Spring sử dụng rộng rãi nhờ: - Đơn giản: Spring framework thực đơn giản áp dụng mô hình POJO (Plain Old Java Objects) POJI (Plain Old Java Interfaces) - Dễ dàng kiểm soát lỗi: Môi trường giả lập đơn giản Có thể sử dụng Console để kiểm thử thành phần riêng lẽ - Ít phụ thuộc: Trong Spring đối tượng phụ thuộc lẫn nhau, vấn đề cốt lõi Spring framework -> dễ sửa đổi, nâng cấp bảo trì Spring MVC - Spring MVC cung cấp kiến trúc Model – View - Controller components sẵn có để sử dụng phát triển ứng dụng web cách nhanh chóng linh hoạt - Spring MVC thiết kế xung quanh Dispatcher Servlet để xử lý tất HTTP request HTTP response Spring MVC (tt) Mô hình MVC kết việc tách khía cạnh khác ứng dụng (logic đầu vào, xử lý logic, UI) cung cấp kết hợp thành phần cách “lỏng lẻo” - Model: đóng gói liệu ứng dụng bao gồm POJO View: Chịu trách nhiệm nhận giá trị model vẽ trang HTML mà trình duyệt hiển thị Controller: Chịu trách nhiệm nhận xử lý yêu cầu từ người dùng tạo model phù hợp trả cho view Spring MVC (tt) Mô hình Spring MVC sơ đồ luồng xử lý Spring Security - Spring Security cung cấp giải pháp để bảo vệ ứng dụng phát triển Spring framework Thực nhiệm vụ việc bảo mật ứng dụng "xác thực" (authentication) "ủy quyền" (authorization) hay "kiểm soát truy cập" (access - Scontrol) • • Xác thực trình xác nhận chứng thực principal Uỷ quyền đề cập đến trình định có principal phép thực hành động phạm vi ứng dụng 10 AngularJS (tt) Những đặc trưng bật tạo nên sức mạnh cho AngularJS 13 AngularJS (tt) MVC giúp tách ứng dụng thành thành phần khác Model (xử lý, truy xuất database), View (giao diện) Controller (điều hướng yêu cầu từ người dùng) Đối với Angular, View DOM, Controller hàm JavaScript, Model liệu lưu thuộc tính đối tượng JavaScript 14 AngularJS (tt) One-way binding Two-way binding 15 AngularJS (tt) Directives thực đặc điểm tạo nên khoảng cách lớn Angular framework JavaScript khác Directives đề cập đến tính để mở rộng HTML, việc dùng directive giảm thiểu số lượng thẻ HTML, code HTML nhìn gọn gàng sáng sủa Directtive không giới hạn phần tử HTML mà thuộc tính, lớp thích HTML AngularJS cung cấp cho loại directive: • • • Directive dạng element (một thẻ HTML) viết tắt E Directive dạng attribute (thuộc tính thẻ HTML) viết tắt A Directive dạng class(class CSS) viết tắt C 16 Cài đặt ứng dụng Mô hình ứng dụng Music Manager 17 Cài đặt ứng dụng (tt) Module Client Module Server ứng dụng 18 Cài đặt ứng dụng (tt) 19 Cài đặt ứng dụng (tt) Nội dung message 20 Cài đặt ứng dụng (tt) Response cho request update hát 21 Cài đặt ứng dụng (tt) Giao diện chương trình 22 Kết đạt Về mặt lý thuyết: - Nắm kiến trúc tổng quan Spring Framework nguyên lý chế hoạt động framework - Nắm mô hình web MVC Spring framework chế để bảo mật ứng dụng web hỗ trợ module Spring Security - Hiểu chế giao tiếp client server mô hình web đại theo hướng RESTful service; cách giao tiếp thành phần hệ thống hệ thống với thông qua mô hình Messaging system 23 Kết đạt (tt) Về mặt ứng dụng: - Thiết kế cài đặt ứng dụng web với mô hình web server data server tách biệt nhau, giao tiếp với thông qua ActiveMQ - Xây dựng ứng dụng web dạng SPA mà việc giao tiếp với server thông qua RESTful service với hỗ trợ AngularJS - Thiết kế giao diện người dùng với HTM5 Bootstrap có hỗ trợ responsive - Xây dựng thành công ứng dụng quản lý nhạc với đầy đủ chức - Xây dựng thành công ứng dụng quản lý nhạc web có áp dụng công nghệ trình phát triển ứng dụng Web enterprise đại 24 Hạn chế khó khăn Các chức ứng dụng hoàn thành tốt, nhiên yêu cầu phạm vi đề tài dừng lại mức demo công nghệ nên ứng dụng chưa hấp dẫn Hạn chế vật chất, host internet có cài đặt đầy đủ phần mềm cần thiết tạo khó khăn việc thực demo chương trình internet Vấn đề triển khai công nghệ nêu không khó mặt kỹ thuật phải xây dựng sở hạ tầng đầy đủ tốt để thực thi ứng dụng 25 Hướng phát triển Tiếp tục tìm hiểu số chế xác thực phân quyền module Spring Security chế xác thực Oauth, Oauth2, OpenID,… để xây dựng ứng dụng với chế bảo mật Bên cạnh tiếp tục tìm hiểu module lại Spring Framework Spring AOP nhằm tích hợp vào hệ thống để thực số chức đặc biệt ghi log người dùng Tìm hiểu web socket kết hợp với AngularJS để hướng đến việc xây dựng ứng dụng web động với thời gian thực 26 Cám ơn quý thầy cô bạn lắng nghe 27 [...]... là C 16 Cài đặt ứng dụng Mô hình ứng dụng Music Manager 17 Cài đặt ứng dụng (tt) Module Client và Module Server của ứng dụng 18 Cài đặt ứng dụng (tt) 19 Cài đặt ứng dụng (tt) Nội dung 1 message 20 Cài đặt ứng dụng (tt) Response cho request update 1 bài hát 21 Cài đặt ứng dụng (tt) Giao diện chương trình 22 Kết quả đạt được Về mặt lý thuyết: - Nắm được kiến trúc tổng quan của Spring Framework cũng như... kỹ thuật nhưng phải xây dựng một cơ sở hạ tầng đầy đủ và tốt để có thể thực thi ứng dụng 25 Hướng phát triển Tiếp tục tìm hiểu về một số cơ chế xác thực và phân quyền trong module Spring Security như cơ chế xác thực Oauth, Oauth2, OpenID,… để xây dựng ứng dụng với cơ chế bảo mật hơn Bên cạnh đó tiếp tục tìm hiểu các module còn lại của Spring Framework như Spring AOP nhằm tích hợp vào hệ thống để thực... (tt) Về mặt ứng dụng: - Thiết kế và cài đặt được ứng dụng web với mô hình web server và data server tách biệt nhau, giao tiếp với nhau thông qua ActiveMQ - Xây dựng được ứng dụng web dạng SPA mà việc giao tiếp với server thông qua RESTful service với sự hỗ trợ của AngularJS - Thiết kế giao diện người dùng với HTM5 và Bootstrap có hỗ trợ responsive - Xây dựng thành công ứng dụng quản lý nhạc với đầy... quản lý nhạc với đầy đủ các chức năng cơ bản - Xây dựng thành công một ứng dụng quản lý nhạc trên nền web có áp dụng các công nghệ mới trong quá trình phát triển một ứng dụng Web enterprise hiện đại 24 Hạn chế và khó khăn Các chức năng cơ bản của ứng dụng đã hoàn thành tốt, tuy nhiên do yêu cầu và phạm vi đề tài chỉ dừng lại ở mức demo công nghệ nên ứng dụng chưa hấp dẫn Hạn chế về vật chất, không.. .Spring Security (tt) Sơ đồ cơ chế bảo vệ ứng dụng REST API với Spring Security 11 AngularJS Ngày nay các ứng dụng web hiện đại thường được xây dựng như một Single Page Application (SPA) và AngularJS là một framework tuyệt vời để xây dựng 1 SPA 12 AngularJS (tt) Những đặc trưng nổi bật tạo nên sức mạnh cho AngularJS 13 AngularJS (tt) MVC giúp chúng ta tách ứng dụng thành 3 thành phần... mặt lý thuyết: - Nắm được kiến trúc tổng quan của Spring Framework cũng như các nguyên lý cơ bản và cơ chế hoạt động của framework này - Nắm được mô hình web MVC trong Spring framework và các cơ chế để bảo mật một ứng dụng web được hỗ trợ trong module Spring Security - Hiểu cơ chế giao tiếp giữa client và server trong mô hình web hiện đại theo hướng RESTful service; cách giao tiếp giữa các thành phần... còn lại của Spring Framework như Spring AOP nhằm tích hợp vào hệ thống để thực hiện một số chức năng đặc biệt như ghi log người dùng Tìm hiểu về web socket và kết hợp với AngularJS để hướng đến việc xây dựng một ứng dụng web động với thời gian thực 26 Cám ơn quý thầy cô và các bạn đã lắng nghe 27 ... database), View (giao diện) và Controller (điều hướng yêu cầu từ người dùng) Đối với Angular, View sẽ là DOM, Controller là các hàm JavaScript, còn Model sẽ là dữ liệu được lưu ở thuộc tính của các đối tượng trong JavaScript 14 AngularJS (tt) One-way binding và Two-way binding 15 AngularJS (tt) Directives thực sự là đặc điểm tạo nên một khoảng cách lớn giữa Angular và bất kỳ framework JavaScript khác... là đặc điểm tạo nên một khoảng cách lớn giữa Angular và bất kỳ framework JavaScript khác Directives đề cập đến một tính năng để mở rộng HTML, việc dùng directive sẽ giảm thiểu được số lượng thẻ HTML, code HTML nhìn sẽ gọn gàng và sáng sủa hơn Directtive không chỉ giới hạn một phần tử HTML mà còn có thể là thuộc tính, lớp hoặc các chú thích HTML AngularJS cung cấp cho chúng ta 3 loại directive: • ... nhanh chóng => Do thực đề tài Tìm hiểu Framework Spring xây dựng ứng dụng quản lý nhạc phía client Spring framework - Là framework Java mã nguồn mở sử dụng nhiều - Spring có cách tạo liên kết... đặt ứng dụng Mô hình ứng dụng Music Manager 17 Cài đặt ứng dụng (tt) Module Client Module Server ứng dụng 18 Cài đặt ứng dụng (tt) 19 Cài đặt ứng dụng (tt) Nội dung message 20 Cài đặt ứng dụng. .. hỗ trợ responsive - Xây dựng thành công ứng dụng quản lý nhạc với đầy đủ chức - Xây dựng thành công ứng dụng quản lý nhạc web có áp dụng công nghệ trình phát triển ứng dụng Web enterprise đại