Giáo trình Lập trình ứng dụng WPF - Cao đẳng Kỹ thuật Công nghệ BR-VT (2020)

• Tác giả: Trần Thị Thanh Hương
• Trường học: Trường Cao đẳng Kỹ thuật Công nghệ Bà Rịa – Vũng Tàu
• Chuyên ngành: Công nghệ Thông tin
• Đề tài: Lập trình ứng dụng WPF
• Loại tài liệu: Giáo trình
• Năm xuất bản: 2020
• Địa điểm: Bà Rịa – Vũng Tàu

Tóm tắt

I. Tổng quan về giáo trình mô đun lập trình ứng dụng WPF

Giáo trình mô đun Lập trình ứng dụng WPF thuộc chương trình đào tạo nghề Công nghệ Thông tin trình độ Cao đẳng tại Trường Cao đẳng Kỹ thuật Công nghệ Bà Rịa – Vũng Tàu. Mô đun này được thiết kế nhằm cung cấp kiến thức và kỹ năng cần thiết để sinh viên có thể thiết kế, lập trình các ứng dụng desktop chuyên nghiệp sử dụng công nghệ WPF của Microsoft. Giáo trình bao gồm 14 bài học, từ tổng quan về WPF, bố trí giao diện, sử dụng các điều khiển cơ bản, đến các chủ đề nâng cao như Style, Template và truy xuất cơ sở dữ liệu. WPF (Windows Presentation Foundation) là nền tảng xây dựng giao diện đồ họa hiện đại, hỗ trợ đồ họa vector, hoạt họa, móc nối dữ liệu và thiết kế giao diện tách biệt với mã nguồn. Giáo trình được biên soạn với tiêu chí trình bày cô đọng, dễ hiểu, áp dụng thực tế cao, kèm theo hướng dẫn thực hành chi tiết giúp sinh viên nhanh chóng nắm vững kỹ năng lập trình.

1.1. Vị trí và tính chất của mô đun WPF trong chương trình đào tạo

Mô đun Lập trình ứng dụng WPF được bố trí sau khi sinh viên hoàn thành các môn học cơ sở và môn Lập trình Windows. Đây là mô đun nghề tự chọn trong chương trình Cao đẳng nghề Công nghệ Thông tin. Tính chất của mô đun mang tính thực hành cao, tập trung vào việc tạo ra các ứng dụng có giao diện chuyên nghiệp. Vị trí này đảm bảo sinh viên đã có nền tảng lập trình cơ bản trước khi tiếp cận công nghệ WPF hiện đại.

1.2. Mục tiêu đào tạo của giáo trình lập trình WPF

Mục tiêu chính của giáo trình giúp sinh viên làm quen với ứng dụng WPF và thực hành tạo các giao diện lập trình ứng dụng nhỏ. Các ứng dụng thực tế được hướng dẫn bao gồm quản lý quán café, quản lý khách sạn, quản lý nhân viên, quản lý sinh viên. Sinh viên sẽ nắm vững cách sử dụng XAML để thiết kế giao diện, kết hợp với mã C# để xử lý logic nghiệp vụ, từ đó hình thành kỹ năng lập trình ứng dụng desktop toàn diện.

II. Phân tích nội dung và cấu trúc giáo trình WPF chi tiết

Giáo trình được xây dựng theo cấu trúc logic, từ cơ bản đến nâng cao. Phần đầu tiên giới thiệu tổng quan về WPF, bao gồm khái niệm DependencyObject và DependencyProperty – hai yếu tố cốt lõi của kiến trúc WPF. Tất cả đối tượng trong WPF đều kế thừa từ DependencyObject, cho phép thực hiện hiệu ứng hoạt họa, tạo kiểu mẫu và móc nối dữ liệu. Tiếp theo, giáo trình hướng dẫn bố trí giao diện với các panel như Grid, StackPanel, Canvas. Các bài học về điều khiển cơ bản bao gồm Button, Label, TextBox, RadioButton, CheckBox. Giáo trình còn giới thiệu cách tạo các thành phần phức tạp hơn như hộp chọn font chữ, hộp chọn hình ảnh, Expander, menu, ToolBar, ContextMenu và StatusBar. Phần nâng cao tập trung vào Style, Template và truy xuất cơ sở dữ liệu, giúp sinh viên xây dựng ứng dụng hoàn chỉnh.

2.1. Hệ thống điều khiển cơ bản trong giáo trình WPF

Giáo trình trình bày chi tiết các điều khiển UI cơ bản trong WPF. RadioButton cho phép chọn một mục trong nhóm, CheckBox hỗ trợ chọn nhiều mục cùng lúc. Button xử lý sự kiện Click để thực thi hành động. TextBox nhập liệu văn bản, Label hiển thị thông tin tĩnh. Mỗi điều khiển đều có các thuộc tính và sự kiện quan trọng cần nắm vững như Checked, UnChecked, KeyDown, MouseEnter, Loaded. Việc hiểu rõ từng điều khiển là nền tảng để xây dựng giao diện hoàn chỉnh.

2.2. Cơ chế móc nối dữ liệu và DependencyProperty trong WPF

DependencyProperty là thuộc tính đặc biệt trong WPF, bao gồm Text, Content, Width, Height. Tất cả thuộc tính phụ thuộc đều hỗ trợ tạo hiệu ứng hoạt họa, tạo kiểu và kết nối dữ liệu. Cơ chế móc nối dữ liệu trong WPF cung cấp tính năng xác thực tính hợp lệ, sắp xếp, lọc và phân nhóm dữ liệu. Tính năng này còn hỗ trợ sử dụng khuôn mẫu dữ liệu (data template) để tạo đối tượng giao diện tùy biến. Móc nối dữ liệu và khuôn dạng dữ liệu được xem là tính năng mạnh nhất của WPF.

III. Phương pháp học tập và thực hành giáo trình WPF hiệu quả

Phương pháp học tập giáo trình WPF tại Trường Cao đẳng Kỹ thuật Công nghệ BR-VT nhấn mạnh vào thực hành. Sinh viên được hướng dẫn từng bước cụ thể qua các ví dụ minh họa chi tiết. Công cụ sử dụng chính là Visual Studio, nền tảng phát triển tích hợp mạnh mẽ của Microsoft. Quá trình học bắt đầu từ việc tạo project mới, viết mã XAML để thiết kế giao diện, sau đó thêm mã C# để xử lý sự kiện. Mỗi bài học đều có câu hỏi ôn tập và bài tập thực hành để củng cố kiến thức. Sinh viên cần thực hành thường xuyên trên máy tính, tạo các project lưu trữ riêng theo từng bài. Phương pháp học đi đôi với hành giúp hình thành kỹ năng lập trình thực tế. Giáo trình khuyến khích sinh viên tự khám phá, sửa lỗi và tối ưu hóa mã nguồn. Việc áp dụng kiến thức vào các dự án nhỏ như quản lý sinh viên, quản lý quán café giúp củng cố hiểu biết sâu sắc về lập trình WPF.

3.1. Hướng dẫn cài đặt và cấu hình môi trường phát triển WPF

Bước đầu tiên là cài đặt Visual Studio trên máy tính. Visual Studio Community là phiên bản miễn phí phù hợp cho sinh viên. Sau khi cài đặt, tạo project mới với template WPF App (.NET Framework). Cửa sổ thiết kế bao gồm phần XAML để viết giao diện và phần code-behind để xử lý sự kiện. Sinh viên cần làm quen với Solution Explorer, Properties window và Toolbox. Việc cấu hình đúng môi trường giúp quá trình học tập diễn ra thuận lợi, tránh lỗi kỹ thuật không cần thiết.

3.2. Kỹ năng thực hành xây dựng ứng dụng WPF từ cơ bản đến nâng cao

Thực hành bắt đầu từ ứng dụng đơn giản: tạo Button và Label, gán sự kiện Click để hiển thị nội dung. Tiếp theo, sử dụng các panel bố trí như Grid, StackPanel để sắp xếp giao diện. Bài tập nâng cao bao gồm tạo menu, ToolBar, áp dụng Style và Template để tùy chỉnh giao diện. Cuối cùng, kết nối cơ sở dữ liệu để xây dựng ứng dụng quản lý hoàn chỉnh. Mỗi bước thực hành cần lưu project riêng,便于 ôn tập và đánh giá tiến bộ.

IV. Kết luận và ứng dụng thực tế của giáo trình WPF

Giáo trình mô đun Lập trình ứng dụng WPF tại Trường Cao đẳng Kỹ thuật Công nghệ Bà Rịa – Vũng Tàu cung cấp nền tảng vững chắc về lập trình giao diện desktop hiện đại. Sau khi hoàn thành mô đun, sinh viên có khả năng thiết kế và lập trình các ứng dụng WPF hoàn chỉnh với giao diện chuyên nghiệp. Kiến thức về XAML, điều khiển UI, Style, Template và móc nối dữ liệu tạo tiền đề cho việc phát triển ứng dụng thực tế trong doanh nghiệp. Các ứng dụng có thể triển khai bao gồm hệ thống quản lý quán café, quản lý khách sạn, quản lý nhân sự, quản lý sinh viên. Giáo trình cũng mở ra hướng tiếp cận các công nghệ .NET hiện đại hơn như MAUI, Avalonia UI. Với tiêu chí cô đọng, dễ hiểu và thực tiễn, giáo trình là tài liệu học tập quý giá cho sinh viên ngành Công nghệ Thông tin trình độ Cao đẳng tại Bà Rịa – Vũng Tàu.

4.1. Các dự án thực tế áp dụng kiến thức lập trình WPF

Kiến thức từ giáo trình WPF được áp dụng vào nhiều dự án thực tế. Hệ thống quản lý quán café cho phép đặt món, tính tiền và quản lý bàn. Ứng dụng quản lý khách sạn hỗ trợ đặt phòng, check-in, check-out. Phần mềm quản lý nhân viên theo dõi thông tin, chấm công, lương bổng. Hệ thống quản lý sinh viên quản lý hồ sơ, điểm số, lịch học. Các dự án này rèn luyện kỹ năng toàn diện từ thiết kế giao diện đến xử lý dữ liệu.

4.2. Hướng phát triển tiếp theo sau khi hoàn thành giáo trình WPF

Sau khi hoàn thành giáo trình WPF, sinh viên có thể tiếp tục học các công nghệ .NET hiện đại hơn. .NET MAUI hỗ trợ phát triển ứng dụng đa nền tảng (Windows, macOS, iOS, Android). Avalonia UI là framework cross-platform mã nguồn mở tương tự WPF. Ngoài ra, kiến thức WPF là nền tảng tốt để học các framework JavaScript hiện đại như React, Vue cho phát triển web. Sinh viên cũng nên tìm hiểu về MVVM pattern, unit testing và DevOps để nâng cao năng lực chuyên môn.

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

UBND TỈNH BÀ RỊA – VŨNG TÀU TRƯỜNG CAO ĐẲNG KỸ THUẬT CÔNG NGHỆ GIÁO TRÌNH MÔ ĐUN: LẬP TRÌNH ỨNG DỤNG WPF NGHỀ: CÔNG NGHỆ THÔNG TIN TRÌNH ĐỘ: CAO ĐẲNG (Ban hành kèm theo Quyết định số: /QĐ­CĐKTCN ngày……. của Hiệu trưởng Trường Cao đẳng Kỹ thuật Công nghệ BR – VT) BÀ RỊA­VŨNG TÀU, NĂM 2020. TUYÊN BỐ BẢN QUYỀN Nhằm đáp ứng nhu cầu học tập và nghiên cứu cho giảng viên và sinh viên nghề Công nghệ Thông tin trong trường Cao đẳng Kỹ thuật Công nghệ Bà Rịa – Vũng Tàu, chúng tôi đã thực hiện biên soạn tài liệu Lập trình ứng dụng WPF này. Tài liệu được biên soạn thuộc loại giáo trình phục vụ giảng dạy và học tập, lưu hành nội bộ trong Nhà trường nên các nguồn thông tin có thể được phép dùng nguyên bản hoặc trích dùng cho các mục đích về đào tạo và tham khảo. Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh doanh thiếu lành mạnh sẽ bị nghiêm cấm. LỜI GIỚI THIỆU Giáo trình Lập trình ứng dụng WPF được biên soạn dựa trên khung chương trình đào tạo Cao đẳng nghề Công nghệ Thông tin đã được Trường Cao đẳng Kỹ thuật Công nghê Bà Rịa – Vũng Tàu phê duyệt. Bên cạnh đó nhằm giúp cho người học các kiến thức và kỹ năng cần thiết để thiết kế và lập trình được các ứng dụng nhỏ trong cuộc sống hằng ngày . Tác giả đã nghiên cứu một số tài liệu, trang web liên quan kết hợp với kinh nghiệm làm việc, giảng dạy thực tế để biên soạn giáo trình này. Trong giáo trình này bao gồm các bài sau: Bài 1: Tổng quan về WPF Bài 2: Bố trí giao diện Bài 3: Sử dụng các điều khiển cơ bản Bài 4: Tạo hộp chọn font chữ Bài 5: Tạo hộp chọn hình ảnh Bài 6: Sử dụng Expander Bài 7: Tạo hộp soạn thảo văn bản Bài 8: Tạo menu Bài 9: Tạo ToolBar Bài 10: Tạo ContextMenu Bài 11: Tạo StatusBar Bài 12: Sử dụng Style Bài 13: Sử dụng Template Bài 14: Truy xuất cơ sở dữ liệu Với tiêu chí trình bày cô động, dễ hiểu áp dụng thực tế, kèm theo chi tiết các bước hướng dẫn thực hành cụ thể giúp cho người học dễ tiếp thu các kiến thức cần thiết và hình thành được kỹ năng thực hành và rèn luyện thao tác. Trong quá trình biên soạn, chắc chắn giáo trình còn nhiều thiếu sót. Tác giả rất mong nhận được ý kiến đóng góp của quý thầy/cô và các em sinh viên để tiếp tục hoàn thiện hơn. Xin chân thành cảm ơn quý đồng nghiệp, bạn bè đã có những ý kiến đóng góp trong quá trình xây dựng giáo trình này. Bà Rịa – Vũng Tàu, ngày …… tháng …… năm 2020 Tham gia biên soạn 1. Trần Thị Thanh Hương – Chủ biên MỤC LỤC GIÁO TRÌNH MÔ ĐUN Tên mô đun: Lập trình ứng dụng WPF Mã mô đun: MĐ 24 Vị trí, tính chất, ý nghĩa và vai trò của mô đun: ­ Vị trí của mô đun: được bố trí sau khi học xong các môn cơ sở và Lập trình Windows. ­ Tính chất của mô đun: là mô đun nghề tự chọn của trình độ Cao đẳng nghề Công nghệ Thông tin, cung cấp kiến thức và kỹ năng tạo ứng dụng WPF với giao diện chuyên nghiệp. ­ Ý nghĩa và vai trò của môn học/mô đun: Môn học giúp làm quen với ứng dụng WPF, thực hành được các giao diện lập trình ứng dụng nhỏ như: quản lý quán café, quản lý khách sạn, quản lý nhân viên, quản lý sinh viên…. Mục tiêu của mô đun: ­ Về kiến thức: + Biết ưu điểm của XAML, WPF trong phát triển ứng dụng Windows + Biết quy trình tạo project WPF + Biết công dụng của các loại panel, control trong WPF + Trình bày công dụng của Menu, Toolbar, ContextMenu, StatusBar + Trình bày công dụng và quy trình sử dụng Style, Template + Biết quy truy xuất CSDL trong WPF ­ Về kỹ năng: + Tạo project WPF + Sử dụng hợp lý các loại panel, control trong thiết kế giao diện cho ứng dụng WPF + Tạo Menu, Toolbar, ContextMenu, StatusBar cho ứng dụng + Sử dụng Style và Control Template cho giao diện + Sử dụng Data Template hiển thị dữ liệu + Truy xuất CSDL trong WPF ­ Về năng lực tự chủ và trách nhiệm: + Lưu solution, project đúng đường dẫn + Tự phát triển ứng dụng với giao diện chuyên nghiệp + Tham gia phát triển ứng dụng quản lý cho các tổ chức, doanh nghiệp, công ty phần mềm + Reǹ luyêṇ vànâng cao kỹnăng lâp ̣ trinh ̀ theo công nghệ hiện đại + Vận dụng ngôn ngữ XAML trong việc tự học thiết kế giao diện cho các ứng dụng di động + Thực hiện các bài thực hành đảm bảo đúng trình tự, an toàn. Nội dung của mô đun: BÀI 1: GIỚI THIỆU TỔNG QUAN Mã bài: 24.01 Giới thiệu: Windows Presentation Foundation hay gọi tắt là WPF – là một nền tảng cho phép developer có thể tạo ra các ứng dụng trên nền .NET framework cho Windows nói chung. Cũng có thể gọi WPF là một GUI framework. Nó ra đời sau Winform và tốt hơn người tiền nhiệm về mọi mặt. Mục tiêu: - Trình bày được khái và mục tiêu cơ bản của WPF - Trình bày được khái niệm và vai trò của XAML trong việc tạo môi trường làm việc chung giữa người thiết kế giao diện và người lập trình - Tạo được ứng dụng WPF đơn giản - Đảm bảo quy tắc thẻ mở, đóng - Lưu project, Solution đúng đường dẫn Nội dung chính: 1. Khái niệm WPF WPF, viết tắt của Windows Presentation Foundation, là hệ thống API mới hỗ trợ việc xây dựng giao diện đồ hoạ trên nền Windows. Được xem như thế hệ kế tiếp của WinForms, WPF tăng cường khả năng lập trình giao diện của lập trình viên bằng cách cung cấp các API cho phép tận dụng những lợi thế về đa phương tiện hiện đại. Là một bộ phận của .0, WPF sẵn có trong Windows Vista và Windows Server 2008. Đồng thời, WPF cũng có thể hoạt động trên nền Windows XP Service Pack 2 hoặc mới hơn, và cả Windows Server 2003. WPF được xây dựng nhằm vào ba mục tiêu cơ bản: Cung cấp một nền tảng thống nhất để xây dựng giao diện người dùng; Cho phép người lập trình và người thiết kế giao diện làm việc cùng nhau một cách dễ dàng; Cung cấp một công nghệ chung để xây dựng giao diện người dùng trên cả Windows và trình duyệt Web. Trước khi WPF ra đời, việc tạo giao diện người dùng theo những yêu cầu mô tả ở ví dụ trên đòi hỏi sử dụng rất nhiều công nghệ khác nhau (xem Bảng 2. Để tạo form, các control và các tính năng kinh điển khác của một giao diện đồ họa Windows, thông thường lập trình viên sẽ chọn Windows Forms, một phần của . Nếu cần hiển thị văn bản, Windows Forms có một số tính năng hỗ trợ văn bản trực tiếp hoặc có thể sử dụng Adobe’s PDF để hiển thị văn bản có khuôn dạng cố định. Đối với hình ảnh và đồ họa 2 chiều, lập trình viên sẽ dùng GDI+, một mô hình lập trình riêng biệt có thể truy nhập qua Windows Forms. Để hiển thị video hay phát âm thanh, lập trình viên lại phải sử dụng Windows Media Player, và với đồ họa 3 chiều, anh ta lại phải dùng Direct3D, một thành phần chuẩn khác của Windows. Tóm lại, quá trình phát triển giao diện người dùng theo yêu cầu trở nên phức tạp, đòi hỏi lập trình viên quá nhiều kỹ năng công nghệ. Windows Windows WPF Forms/ Forms GDI+ Giao diện đồ họa (form và các X X control) On­screen văn X X bản Fixed­format X văn bản Hình ảnh X X Video và âm X thanh Đồ họa 2 chiều X X Đồ họa 3 chiều X Bảng 1. Thành phần giao diện theo yêu cầu và những công nghệ chuyên biệt cần thiết để tạo chúng. Các thành phần của WPF Giống như các thành phần khác của .NET Framework, WPF tổ chức các chức năng theo một nhóm namespace cùng trực thuộc namespace System. Bất kể chức năng nào được sử dụng, cấu trúc cơ bản của mọi ứng dụng WPF đều gần như nhau. Là ứng dụng Windows độc lập hay là một XBAP, một ứng dụng WPF điển hình bao giờ cũng gồm một tập các trang XAML và phần code tương ứng được viết bằng C# hoặc Visual Basic, còn gọi là các file code­behind. Tất cả các ứng dụng đều kế thừa từ lớp chuẩn Application của WPF. Lớp này cung cấp những dịch vụ chung cho mọi ứng dụng, chẳng hạn như các biến lưu trữ trạng thái của ứng dụng, các phương thức chuẩn để kích hoạt hay kết thúc ứng dụng. Mặc dù WPF cung cấp một nền tảng thống nhất để tạo giao diện người dùng, những công nghệ mà WPF chứa đựng có thể phân chia thành những thành phần độc lập. Nhân của WPF là cơ chế tạo sinh đồ họa dựa trên vector và độc lập với độ phân giải nhằm tận dụng những lợi thế của phần cứng đồ họa hiện đại. WPF được mở rộng với các tập tính năng phát triển ứng dụng bao gồm XAML, các control, cơ chế móc nối dữ liệu, layout, đồ họa 2 chiều, ba chiều, hoạt họa, style, khuôn dạng mẫu, văn bản, media, text và in ấn. WPF nằm trong .NET Framework, nên ngoài ra, ứng dụng WPF có thể kết hợp các thành Mặc dù WPF cung cấp một nền tảng thống nhất để tạo giao diện người dùng, những công nghệ mà WPF chứa đựng có thể phân chia thành những thành phần độc lập. Nhân của WPF là cơ chế tạo sinh đồ họa dựa trên vector và độc lập với độ phân giải nhằm tận dụng những lợi thế của phần cứng đồ họa hiện đại. WPF được mở rộng với các tập tính năng phát triển ứng dụng bao gồm XAML, các control, cơ chế móc nối dữ liệu, layout, đồ họa 2 chiều, ba chiều, hoạt họa, style, khuôn dạng mẫu, văn bản, media, text và in ấn. WPF nằm trong .NET Framework, nên ngoài ra, ứng dụng WPF có thể kết hợp các thành phần khác có trong thư viện lớp của . Các thành phần cơ bản của WPF 3.1 Layout và Control Để sắp đặt các thành phần khác nhau trên giao diện, ứng dụng WPF sử dụng panel. Mỗi panel có thể chứa các thành phần con, bao gồm các control như nút bấm hay hộp thoại, hay bản than những panel khác. Những loại panel khác nhau cho phép sắp xếp thành phần con theo những cách khác nhau. Ví dụ, DockPanel cho phép các thành phần con có thể được đặt dọc theo cạnh của panel đó, trong khi Grid cho phép sắp đặt các thành phần con của nó trên một lưới tọa độ. Giống như bất kỳ một công nghệ giao diện người dùng nào, WPF cung cấp một số lượng lớn các control. Ngoài ra, người dùng có thể tùy ý định nghĩa các control theo ý mình.