Luận văn: Ứng dụng Design Pattern phát triển, kiểm thử hệ thống TMĐT VNPT Lào Cai

Khám phá luận văn ứng dụng Design Pattern vào phát triển & kiểm thử hệ thống thương mại điện tử thực tế tại VNPT Lào Cai, cung cấp giải pháp tối ưu.

• Tác giả: Phùng Thanh Hòa
• Người hướng dẫn: PGS. Huỳnh Quyết Thắng
• Trường học: Trường Đại Học Bách Khoa Hà Nội
• Chuyên ngành: Công Nghệ Thông Tin và Truyền Thông
• Đề tài: Ứng Dụng Design Pattern Trong Phát Triển Và Kiểm Thử Phần Mềm Hệ Thống Thương Mại Điện Tử VNPT Lào Cai
• Loại tài liệu: Luận Văn Thạc Sĩ
• Năm xuất bản: 2020
• Địa điểm: Hà Nội

Tóm tắt

I. Khái niệm Design Pattern và tầm quan trọng trong phát triển phần mềm

Design Pattern (Mẫu thiết kế) là những giải pháp được chứng minh hiệu quả để giải quyết các vấn đề thường gặp trong quá trình phát triển phần mềm. Trong bối cảnh phát triển thương mại điện tử, việc áp dụng Design Pattern không chỉ giúp tối ưu hóa quy trình phát triển mà còn nâng cao chất lượng sản phẩm cuối cùng. Design Pattern trong TMĐT VNPT Lào Cai đóng vai trò quan trọng trong việc xây dựng hệ thống quản lý dịch vụ hiệu quả, bền vững và dễ bảo trì. Những mẫu thiết kế này cung cấp các nguyên tắc và phương pháp giúp các lập trình viên làm việc một cách có tổ chức, giảm thiểu lỗi và tăng tính tái sử dụng mã nguồn. Thực tế cho thấy, khi áp dụng đúng các Design Pattern, phần mềm thương mại sẽ có chất lượng cao hơn, tin cậy hơn, và dễ mở rộng hơn.

1.1. Định nghĩa mẫu thiết kế trong phát triển phần mềm

Mẫu thiết kế là những lời giải được chuẩn hóa cho các bài toán phổ biến trong lập trình. Chúng không phải là mã nguồn hoàn chỉnh mà là những hướng dẫn thiết kế giúp xây dựng phần mềm. Trong hệ thống TMĐT VNPT Lào Cai, các Design Pattern cung cấp mô hình tương tác giữa các thành phần hệ thống, giúp các nhà phát triển hiểu rõ cấu trúc và logic của ứng dụng.

1.2. Lợi ích của Design Pattern trong thương mại điện tử

Áp dụng Design Pattern trong phát triển TMĐT mang lại nhiều lợi ích: tiết kiệm thời gian phát triển, giảm chi phí bảo trì, nâng cao tính mở rộng của hệ thống, cải thiện trải nghiệm người dùng, và tạo mã nguồn dễ hiểu, dễ quản lý. Các mẫu thiết kế giúp phần mềm thương mại VNPT trở nên linh hoạt và có thể thích ứng với thay đổi nhanh chóng của thị trường.

II. Các loại Design Pattern phổ biến trong hệ thống thương mại điện tử

Trong phát triển TMĐT VNPT Lào Cai, các lập trình viên thường sử dụng ba nhóm Design Pattern chính: Creational Patterns (Mẫu tạo đối tượng), Structural Patterns (Mẫu cấu trúc), và Behavioral Patterns (Mẫu hành vi). Mỗi nhóm giải quyết các vấn đề cụ thể trong quá trình phát triển ứng dụng. Ví dụ, Singleton Pattern được sử dụng để đảm bảo chỉ có một instance của lớp quản lý cơ sở dữ liệu, trong khi Factory Pattern giúp tạo các đối tượng một cách linh hoạt mà không cần biết chi tiết của quá trình khởi tạo. Strategy Pattern được áp dụng để xử lý các chiến lược thanh toán khác nhau trong hệ thống TMĐT. Những Design Pattern trong phần mềm quản lý dịch vụ của VNPT Lào Cai giúp tổ chức mã nguồn một cách logic, dễ bảo trì và nâng cấp.

2.1. Creational Patterns Mẫu tạo đối tượng

Creational Patterns cung cấp cơ chế linh hoạt để tạo các đối tượng trong hệ thống TMĐT. Singleton Pattern đảm bảo chỉ một instance tồn tại, Factory Pattern tạo đối tượng dựa trên tham số, và Builder Pattern xây dựng đối tượng phức tạp từng bước. Những mẫu này quan trọng trong quản lý dịch vụ VNPT khi cần kiểm soát việc khởi tạo các tài nguyên như kết nối cơ sở dữ liệu hay session người dùng.

2.2. Structural và Behavioral Patterns Tổ chức cấu trúc và hành vi

Structural Patterns như Adapter, Decorator, Facade giúp tổ chức mối quan hệ giữa các đối tượng, trong khi Behavioral Patterns như Observer, Strategy, Command quản lý tương tác và giao tiếp giữa các thành phần. Trong phần mềm thương mại VNPT Lào Cai, các mẫu này cải thiện giao diện người dùng, xử lý sự kiện, và quản lý luồng công việc trên hệ thống.

III. Ứng dụng Design Pattern trong hệ thống quản lý dịch vụ VNPT Lào Cai

Hệ thống TMĐT VNPT Lào Cai áp dụng các Design Pattern để xây dựng những tính năng chính như quản lý đơn đặt hàng, thanh toán dịch vụ và xuất bản dịch vụ. MVC Pattern (Model-View-Controller) là nền tảng của kiến trúc ứng dụng, giúp tách biệt logic kinh doanh khỏi giao diện người dùng. Observer Pattern được sử dụng để theo dõi thay đổi trạng thái đơn hàng và thông báo cho người dùng về cập nhật mới nhất. Repository Pattern quản lý truy cập dữ liệu một cách hiệu quả, còn Dependency Injection giảm sự phụ thuộc giữa các module. Việc áp dụng các Design Pattern trong kiểm thử phần mềm cũng giúp tạo ra các test case tốt hơn, đảm bảo độ tin cậy của hệ thống trước khi triển khai.

3.1. MVC Pattern trong quản lý giao diện và logic kinh doanh

MVC Pattern là nền tảng của hệ thống TMĐT VNPT, tách biệt Model (dữ liệu), View (giao diện), và Controller (logic xử lý). Kiến trúc này giúp phần mềm quản lý dịch vụ dễ bảo trì, nâng cấp và kiểm thử. Mỗi thành phần có trách nhiệm riêng, cho phép các developer làm việc độc lập mà không ảnh hưởng đến các phần khác của hệ thống.

3.2. Repository Pattern và Dependency Injection

Repository Pattern trong TMĐT VNPT Lào Cai cách ly logic truy cập dữ liệu, giúp dễ dàng thay đổi nguồn dữ liệu mà không ảnh hưởng đến phần còn lại. Dependency Injection giảm sự liên kết chặt chẽ giữa các class, tạo hệ thống module hóa cao, dễ kiểm thử, và đảm bảo tính linh hoạt trong phát triển phần mềm thương mại.

IV. Kết quả và hiệu quả của việc áp dụng Design Pattern trong VNPT Lào Cai

Kết quả thực tế từ việc áp dụng Design Pattern trong hệ thống TMĐT VNPT Lào Cai cho thấy những cải thiện đáng kể. Thời gian phát triển giảm 30-40% nhờ tái sử dụng mã và giảm lỗi. Chất lượng phần mềm thương mại được nâng cao với số lỗi phát hiện giảm đáng kể trong quá trình kiểm thử. Tính mở rộng của hệ thống được cải thiện, cho phép dễ dàng thêm các tính năng mới như phương thức thanh toán mới hay các chiến lược khuyến mại. Trải nghiệm người dùng trên giao diện ứng dụng VNPT được cải thiện với thiết kế UI/UX chuẩn, responsive và thân thiện. Phần mềm kiếm thử cũng trở nên hiệu quả hơn khi có cấu trúc rõ ràng, dễ viết test case và tự động hóa kiểm thử. Những thành công này chứng minh tầm quan trọng của Design Pattern trong phát triển TMĐT hiện đại.

4.1. Cải thiện chất lượng và hiệu suất phần mềm

Áp dụng Design Pattern trong VNPT Lào Cai dẫn đến phần mềm chất lượng cao, với lỗi ít hơn và hiệu suất tốt hơn. Cấu trúc rõ ràng giúp dễ phát hiện và sửa lỗi, tối ưu hóa quy trình kiểm thử. Hệ thống TMĐT hoạt động ổn định hơn, tăng sự tin tưởng của người dùng và doanh nghiệp vào nền tảng.

4.2. Khả năng mở rộng và bảo trì lâu dài

Design Pattern đảm bảo hệ thống VNPT dễ mở rộng khi có yêu cầu mới mà không cần viết lại mã từ đầu. Bảo trì lâu dài trở nên hiệu quả hơn với mã sạch, tổ chức logic, và tài liệu rõ ràng. Điều này giảm chi phí vận hành phần mềm thương mại và tăng giá trị lâu dài của ứng dụng.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: MẪU THIET KE, CAC MAU, CHI TIET CAC MAU THIET KE TRONG PHAT TRIEN PHAN MEM 3 1⁄1. Khải niệm cơ bản về mẫu thiết kế giao điện người đùng. Các mẫu thiết ké giao diện người đùng phỏ biển. Nhting Breadcrumbs dién hình :.2 2, Breadcrumbs theo thudc tinh.

Breadcrumbs theo dudug din Path Breadcrumbs, 1. Miu Hover Controls (Điều khiển chudt). Miu Steps Left 1. Required Field Marker (Điểm đánh đấu trường bắt buộc).--+e- TÔ 17, Account Registration (Đăng ký tải khoản).8, Clear Primary Actions.10 Min Progressive Disclosure.

Nhân biết các quan hệ các khái niềm.4 Hanh vihé théng — Cac bidu dé trinh tu. Biểu đồ trình tự hệ thẳng. 4+ '+Breadcrumbs đường din phan cap tir trang quản trị đền trang địch vy. Ad + Clear Primary Ations xỏa tắt cá thông tìn nội dung rêu form để nhập lịi.4* ‘+ Sleps Left người dũng thao tắc bẩm nút next để sang các bước tiếp theo, xem thong tin khách hang nhập nổi dung trên form.

wn + Clear Primary Actions x6a tit ci thong tin mdi dang trên form để nhập lại. 46 + Clear Primary Actions x6a tắt cả thông tin nội dung trén form dé nhip tai.5 Thiếtkế hệ thon: won dB 3. Cac biển đỗ cộng tác. Các biểu đỗ lớp thiết kể.

Thiết kế triển khai. Bổ sung thiết kế. Mỏ hinh hóa đã liệ.1 Biểu đổ thành phản.2 Biéu 6 trién khai: 3.3 Kết quả triển khai Trang chủ hệ thổng. Dinh gia ting dụng phương pháp.

KETLUAN VA HUONG PHAT TRIEN. FARE Ig nit 4. Hướng phát triển. ate „ sai : 6L TÀI LIỆU THAM KHẢO.

-68 DANH MỤC HỈNH VỀ "Hình 1. Một loại Breadcrumbs theo thugc inh THình 1. Vì đụ về các liên kết PHI Bresderimbs địt trên đường dẫn hiển Dị há đường din dé diéu hưởng đến trang mục tiêu. Hah Liêu KẾ"Chỉnh sôa” được Hồtlg khí ngồi đùngđi chu quatöog phầncủa trúng hồ sơ Faceboolk của họ, : = = : ianasiaal Hinh 15, Vi dy miu Hom Hinh 1.

Ví đụ mẫu các bước côn lại StatementStacker.7, Vĩ dụ mẫu các bude con Iai Delicious.8 Mẫn Wifoo hiển thị rõ rằng các gới đỉng kỷ của mình, gì cd vA sụ khác biệtgi0a chủng 10 Hình 1. Mẫu Bảng đăng kỹ của Crazyess thú hi sự chỗÿ đến gôi "Cỡ bản".com đặt các điểm đảnh dâu "Bắt buộc” bền cạnh các nhân trường. tiên biểu mẫu liên hệ của nó. ma z " Tránh 1 1unẫu Vimeo cổ hình thúc đăng ký đơn gián nhưng hập dễn.

Tumblr chi yêu cầu thông tìn tối thiểu cũa người đùng để đăng, -. Clemrleft phân biệt giữa các hành đồng chính và phư bằng màn sắc.14, Flickr làm nồi bật hành động chỉnh bằng cảch đặt hành động phụ vào một nhăn nhỏ bên dưới. - he old Hình 1. Tim kiéo thoi tiét cia Yahoo cho phép ngời đừng tìm kiểm theo thành phố hoặc mã ZÄp.

ee] THình 116 (Google Miqpscho phêpnguôi đông kiêm theo thành phá, đong chỗ, mg sập ‘vi thm chi cd giãtrị vĩ độ va kinh độ. Vi du mau Progressive Disclostre. Người dũng cỏ thể đọc nhận xét khi nhập vào iền kết "trả lời 16 Hin 1-19. Tinh năng tiết lộ liga tue cin YouTube, 1? Hinh 1.20, Amazon cho phép bạn duyệt và thêm sản phẩm vào giỏ hàng truớc khi đăng ky.

Mẫu đăng ký của Eiesik : orm 19 Hinh 2. Miu Location Breadcrumbs ap dng cho VNPT. Mẫu Date & time Picker ap dung cho VNPT. Mẫu Good đefault áp dụng cho VNPT.

Mẫu các Tab ap đụng cho VNPT. Mẫu Tab đặt địch vụ áp dụng cho VNPT. Phương thức cửa sẻ. Lirge dé User case quản ý ee Hinh 3.

Lược đỏ Xem dich vu. es 1⁄13: Selùp'WHÙATkc:ck<eidkcidú hd hd hú Nga gà chú hi nGagdah is 1. Tiên trình phát trién Website hệ thông thương mại điện tit VNPT Lio Cai 'CHƯƠNG 2: MẪU THIÊT KÊ INTERFACE VA INTERACTION AP DUNG TRONG PHAT TRIEN VA KIEM THU PHAN MEM. Yên cầu chung mẫu thiết kể.1 Kha ning sit dung va trii nghiém nguoi ditns 22 2.

Quy trình thanh toàn thương mại điện tử. Mục tiều đề xuất các mẫu thiết kế giao điện và tương tác. Che mẫu thiết kế tường tác và giao điện. Đănh giá Các mẫu thiết Kế hương tắc và giao diện.

Danh sách mẫu thiết kể tương tác vã giao điện 3⁄3. Âp dụng Ckc mẫu thiết kế lượng tác về giao điện trong phát tiến phần mềm. Ấp dụng Các mẫu thiết kế tương tác và giao điện trong kiểm thử phản mềm. Interface trong kiểm thứ phần mềm.

Cac Logi Interface trong kiểm thử phản mềm 2. Ý tưởng áp dung trong hé thong Web tai VNPTLio Cai. 33 CHUONG 3: UNG DUNG PHUONG PHAP THIET KE MAU TRONG PHATSTHÊN VA KItM THU PHAN MEM HE THONG THUONG MAI DIEN TỬ VNPT LẢO CAI ee oe] 3.1 Gidi thigu bai toim. Phat bidu bai toan.

Các thành phần của hệ thổng. Kiến trúc mỗi trường hệ thông. Thu thép va phan tích yêu cầu ~ Mö hình USE CASE. Mục tiêu của hệ thống.

Đặc tá các chức nẵng hệ thông.3, Nhan biết và mô hình các tác nhần và trường hợp sử dụng. Biểu đỏ Use cases (Hình 3. Mô hình hỏa nghiệp VỤ. Thủ thập và phản tích yêu câu — Mỏ hình khải niệm.

Nhân biết các khái niệm (thiết kế mẫn). Thuộc tính các lớp. Lược đỏ Đat hang. Biểu đồ trình tự cho chúc năng “Publish địch vụ".

Biểu đỏ trình tự cho chức nãng °Quản lý Ordert”. Biểu đổ trình tự cho chức ning “Publish dịch vụ" Hinh 3. Biểu đổ trình tự cho chức nãng “Quan ly Orders”. Thiếtkế triển khai.

biểu đồ lớp chi tiét. Biểu đỏ lớp hoàn thiện Hình 3. Mỏ hình cơ sở dữ liệu quan hệ của hệ thống quản lý địch vu. Biểu đỗ thành phản của hệ thống quản lý dịch vụ.

Biểu đổ triển khai cho hệ thông quản lý đích vụ. Trang chủ hệ thông. Trang chỉ tiết địch v Hình 3. Trang thanh toän.

Trang thanh toán đch vụ. Trang quản trị đơn đặt hàng. Trang chỉ tiết Bon đặt hing v 3. Nhân biết các quan hệ các khái niềm.4 Hanh vihé théng — Cac bidu dé trinh tu.

Biểu đồ trình tự hệ thẳng. 4+ '+Breadcrumbs đường din phan cap tir trang quản trị đền trang địch vy. Ad + Clear Primary Ations xỏa tắt cá thông tìn nội dung rêu form để nhập lịi.4* ‘+ Sleps Left người dũng thao tắc bẩm nút next để sang các bước tiếp theo, xem thong tin khách hang nhập nổi dung trên form. wn + Clear Primary Actions x6a tit ci thong tin mdi dang trên form để nhập lại.

46 + Clear Primary Actions x6a tắt cả thông tin nội dung trén form dé nhip tai.5 Thiếtkế hệ thon: won dB 3. Cac biển đỗ cộng tác. Các biểu đỗ lớp thiết kể. Thiết kế triển khai.

Bổ sung thiết kế. Mỏ hinh hóa đã liệ.1 Biểu đổ thành phản.2 Biéu 6 trién khai: 3.3 Kết quả triển khai Trang chủ hệ thổng. Dinh gia ting dụng phương pháp. KETLUAN VA HUONG PHAT TRIEN.

FARE Ig nit 4. Hướng phát triển. ate „ sai : 6L TÀI LIỆU THAM KHẢO. -68 DANH MỤC HỈNH VỀ "Hình 1.

Một loại Breadcrumbs theo thugc inh THình 1. Vì đụ về các liên kết PHI Bresderimbs địt trên đường dẫn hiển Dị há đường din dé diéu hưởng đến trang mục tiêu. Hah Liêu KẾ"Chỉnh sôa” được Hồtlg khí ngồi đùngđi chu quatöog phầncủa trúng hồ sơ Faceboolk của họ, : = = : ianasiaal Hinh 15, Vi dy miu Hom Hinh 1. Ví đụ mẫu các bước côn lại StatementStacker.7, Vĩ dụ mẫu các bude con Iai Delicious.8 Mẫn Wifoo hiển thị rõ rằng các gới đỉng kỷ của mình, gì cd vA sụ khác biệtgi0a chủng 10 Hình 1.

Mẫu Bảng đăng kỹ của Crazyess thú hi sự chỗÿ đến gôi "Cỡ bản".com đặt các điểm đảnh dâu "Bắt buộc” bền cạnh các nhân trường. tiên biểu mẫu liên hệ của nó. ma z " Tránh 1 1unẫu Vimeo cổ hình thúc đăng ký đơn gián nhưng hập dễn. Tumblr chi yêu cầu thông tìn tối thiểu cũa người đùng để đăng, -.

Clemrleft phân biệt giữa các hành đồng chính và phư bằng màn sắc.14, Flickr làm nồi bật hành động chỉnh bằng cảch đặt hành động phụ vào một nhăn nhỏ bên dưới. - he old Hình 1. Tim kiéo thoi tiét cia Yahoo cho phép ngời đừng tìm kiểm theo thành phố hoặc mã ZÄp. ee] THình 116 (Google Miqpscho phêpnguôi đông kiêm theo thành phá, đong chỗ, mg sập ‘vi thm chi cd giãtrị vĩ độ va kinh độ.

Vi du mau Progressive Disclostre. Người dũng cỏ thể đọc nhận xét khi nhập vào iền kết "trả lời 16 Hin 1-19. Tinh năng tiết lộ liga tue cin YouTube, 1? Hinh 1.20, Amazon cho phép bạn duyệt và thêm sản phẩm vào giỏ hàng truớc khi đăng ky. Mẫu đăng ký của Eiesik : orm 19 Hinh 2.

Miu Location Breadcrumbs ap dng cho VNPT. Mẫu Date & time Picker ap dung cho VNPT. Mẫu Good đefault áp dụng cho VNPT. Mẫu các Tab ap đụng cho VNPT.

Mẫu Tab đặt địch vụ áp dụng cho VNPT. Phương thức cửa sẻ. Lirge dé User case quản ý ee Hinh 3. Lược đỏ Xem dich vu.

es MỤC LỤC.— = i DANH MỤC HÌNH VỀ. DÀNH MỤC BẢNG. Tinh cắp thiết của để tài. Pham vi nghiên cửu.

Mục đích củn đề lãi Phuong pháp nghiên cửu, "Bỏ cục của luận vấn. ˆ CHƯƠNG 1: MẪU THIET KE, CAC MAU, CHI TIET CAC MAU THIET KE TRONG PHAT TRIEN PHAN MEM 3 1⁄1. Khải niệm cơ bản về mẫu thiết kế giao điện người đùng. Các mẫu thiết ké giao diện người đùng phỏ biển.

Nhting Breadcrumbs dién hình :.2 2, Breadcrumbs theo thudc tinh. Breadcrumbs theo dudug din Path Breadcrumbs, 1. Miu Hover Controls (Điều khiển chudt). Miu Steps Left 1.

Required Field Marker (Điểm đánh đấu trường bắt buộc).--+e- TÔ 17, Account Registration (Đăng ký tải khoản).8, Clear Primary Actions.10 Min Progressive Disclosure. Đật vấn để Các ngôn ngữ lập trình lã công cụ để tạo ra các sản phẩm phản mềm. Mỗi công cụ có điểm mạnh, điểm yêu nẻu sử dụng công cụ không đúng cách, ta sẽ khong thé tao ra mot san phẩm tốt. Vậy lâm thé nao dé st dung công cụ một cách ding cách.

Đó chính là tư duy giải thuật lập trình. Tụ duy về giải thuật là cách chủng ta chia bài toán thánh từng bước nhỏ, từng bước, vá lấp ráp chủng thành một sản phẩm đúng. Khi xây dụng một hệ thông phản mễm luôn gấp phải các vẫn đẻ cản giải quyét, van đẻ có thể đơn giản, cũng có thể phúc tạp, khó khăn. Để cỏ thể giải quyết ‘van dé chúng ta cẩn tim ra các lời giải thích hợp nhất như mục tiêu mong muốn dựa trên khả năng cũng như hạn chế của hệ thông, trải nghiệm người dùng trong tương lai sẽ như nào.

Đỏ là nguyên nhân ra đời của một thử sọi là Desisn Patterns~ Các Mẫu. Ta hấu hết đã nghe nói đến nó trong lĩnh vục xây đựng kiến trúc phản mềm. Vá giờ đây, ta nói tới các mẫu thiết kế trong lĩnh vực xảy dung giao điện phản mẻm.