Chương 1 hình báo biểu,… Vì vậy áp dụng mẫu thiết kế giao diện vào việc xây dựng ứng dụng Hệ thống thông tin là một việc làm đem lại nhiều lợi ích. Để đưa mẫu thiết kế giao diện vào công việc chuyên môn của những người phát triển ứng dụng Hệ thống thông tin một cách tự nhiên nhất, chúng tôi quyết định xây dựng một Hệ thống quản lý mẫu thiết kế và thành phần từ mẫu thiết kế phục vụ cho việc xây dựng Hệ thống thông tin với những mục đích và ý nghĩa sau: - Hệ thống sẽ quản lý những mẫu thiết kế giao diện do các nhà nghiên cứu mẫu cung cấp, từ đó làm cơ sở giúp người sử dụng có thể thiết kế giao diện nhanh chóng và hiệu quả. - Hệ thống cũng quản lý các thành phần từ mẫu thiết kế giao diện để tăng cường khả năng tái sử dụng. Người dùng không những có thể sử dụng lại toàn bộ mẫu thiết kế giao diện mà còn có thể sử dụng từng thành phần thích hợp cho giao diện của mình.
- Ngoài ra hệ thống còn quản lý những thể hiện của mẫu thiết kế giao diện từ các ứng dụng mà người sử dụng đang phát triển để giúp họ có thể tái sử dụng những giao diện này khi cần thiết. Đó cũng chính là đề tài Luận Văn tốt nghiệp mà chúng tôi lựa chọn.2 Bài toán giải quyết Bài toán đặt ra đó là xây dựng Hệ thống quản lý mẫu thiết kế và thành phần từ mẫu thiết kế phục vụ cho việc xây dựng Hệ thống thông tin phục vụ cho việc xây dựng Hệ thống thông tin nhằm xoáy mạnh vào khả năng tái sử dụng các mẫu thiết kế giao diện.1 Đối tượng sử dụng hệ thống - Nhà nghiên cứu mẫu là những người nghiên cứu tìm ra các mẫu thiết kế giao diện. Nhà nghiên cứu mẫu cần sử dụng hệ thống như một công cụ lưu trữ những kết quả làm việc. Hệ thống phải hỗ trợ nhà nghiên cứu thực hiện công việc chuyên môn một cách hiệu quả nhất.
Trang 11 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hệ Thống Quản Lý Mẫu Thiết Kế Và Thành Phần Từ Mẫu Thiết Kế - Chương 1 - Người sử dụng mẫu: là những người phát triển các ứng dụng, đặc biệt là các ứng dụng Hệ thống thông tin. Họ sẽ sử dụng hệ thống để được hướng dẫn cho việc thiết kế giao diện, tái sử dụng những giao diện sẵn có, đồng thời lưu trữ lại kết quả thiết kế của mình.2 Các yêu cầu đặt ra cho hệ thống Để có thể đáp ứng tốt những yêu cầu của các đối tượng sử dụng, Hệ thống quản lý mẫu thiết kế và thành phần từ mẫu thiết kế phục vụ cho việc xây dựng Hệ thống thông tin cần đáp ứng những yêu cầu sau: - Có cách đặc tả hiệu quả cho giao diện vì đây là một kiểu dữ liệu đặc biệt. - Hệ thống phải quản lý màn hình giao diện theo thành phần. Nhờ vậy, người dùng có thể tái sử dụng toàn bộ màn hình hay một thành phần bộ phận.
- Xây dựng công cụ đồ họa để hỗ trợ người dùng thiêt kế mẫu giao diện. - Hệ thống hỗ trợ chức năng nhập một màn hình giao diện vào hệ thống từ tập tin mã nguồn. - Hệ thống phải hỗ trợ các chức năng thêm, cập nhật và xóa các đối tượng được quản lý. - Hỗ trợ tra cứu sinh động và hiệu quả thông qua wizard.
- Để người dùng có thể sử dụng ngay màn hình giao diện mà hệ thống trả về cần phải xây dựng chức năng phát sinh mã nguồn cho màn hình giao diện mà hệ thống lưu trữ. - Bài toán quản lý mẫu giao diện là một bài toán rất động có khả năng biến đối nhiều trong tương lai nên hệ thống sẽ được phân tích thiết kế hướng đối tượng và cài đặt hoàn toàn theo mô hình ba tầng. - Các chức năng phát sinh mã nguồn và nhập màn hình giao diện từ tập tin mã nguồn sẽ được module hóa để có thể mở rộng trong tương lai. Trang 12 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hệ Thống Quản Lý Mẫu Thiết Kế Và Thành Phần Từ Mẫu Thiết Kế - Chương 1 1.3 Bố cục của Luận Văn Chương 1: Tổng quan.
Chương 2: Các mẫu thiết kế giao diện và các mẫu thiết kế Chương 3: Hệ thống quản lý mẫu thiết kế và thành phần từ mẫu thiết kế phục vụ cho việc xây dựng hệ thống thông tin. Chương 4: Cài đặt và thử nghiệm. Chương 5: Kết luận và hướng phát triển. Tài liệu tham khảo.
Trang 13 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hệ Thống Quản Lý Mẫu Thiết Kế Và Thành Phần Từ Mẫu Thiết Kế - Chương 2 Chương 2 Các mẫu thiết kế giao diện và các mẫu thiết kế Nội dung Chương này sẽ bắt đầu bằng việc làm rõ các khái niệm liên quan đến mẫu thiết kế giao diện. Tiếp theo là phần hệ thống hóa một số mẫu thiết kế giao diện trong hệ thống thông tin. Cuối cùng là phần trình bày về hai mẫu thiết kế Composite và Proxy (trong số 23 mẫu GoF) được ứng dụng để xây dựng Hệ thống. Trang 14 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hệ Thống Quản Lý Mẫu Thiết Kế Và Thành Phần Từ Mẫu Thiết Kế - Chương 2 2.1 Loại giao diện Loại giao diện là một khái niệm nhằm phân loại các màn hình giao diện dựa vào chức năng của nó.
Trong hệ thống thông tin, có 4 loại giao diện được sử dụng phổ biến: loại giao diện Nhập, loại giao diện Tra cứu, loại giao diện Chỉnh sửa (cập nhật, xóa) và loại giao diện Xuất (xem thông tin đơn giản, làm báo biểu…). Ví dụ minh họa: màn hình sau thuộc loại giao diện Nhập Tiêu đề màn hình NHẬP KHÁCH HÀNG Tên khách hàng Nguyễn Văn Anh Loại khách hàng Khách hàng thân thiết Địa chỉ 85/12 Nguyễn Kiệm Phú Nhuận TP.HCM Lưu Bỏ qua Thoát Hình 2-1 Màn hình nhập khách hàng Với hệ thống quản lý mẫu giao diện theo hướng thành phần, sử dụng khái niệm loại giao diện sẽ giúp cho việc quản lý các màn hình theo chức năng được tốt hơn, mở rộng thêm tiêu chí tra cứu cho người sử dụng. Đây cũng là cơ sở để thống kê tần suất sử dụng các loại giao diện trong các hệ thống thông tin về sau. Trang 15 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hệ Thống Quản Lý Mẫu Thiết Kế Và Thành Phần Từ Mẫu Thiết Kế - Chương 2 2.2 Thành phần Thành phần là một nhóm các điều khiển đảm nhận một chức năng nhất định trong một màn hình giao diện.
Ví dụ minh họa: Tiêu đề màn hình NHẬP KHÁCH HÀNG Tên khách hàng Nguyễn Văn Anh Loại khách hàng Khách hàng thân thiết Các thành phần Địa chỉ 85/12 Nguyễn Kiệm Phú Nhuận TP.HCM Lưu Bỏ qua Thoát Hình 2-2 Các thành phần của màn hình nhập khách hàng Vì sao lại có khái niệm thành phần? Nhu cầu này bắt nguồn từ việc thiết kế các màn hình giao diện. Khi thiết kế, ai trong chúng ta cũng mong muốn giao diện của mình không những hoạt động một cách đúng đắn, đầy đủ các chức năng của nó mà còn mong muốn rằng, nó mang lại cho người dùng một cảm giác thân thiện và tiện dụng. Để đạt được điều này, ta cần xây dựng tốt bố cục của màn hình, nói cách khác là ta phải bố trí các điều khiển sao cho mọi hoạt động diễn ra một cách liền mạch và phù hợp với thói quen của người dùng. Để việc xây dựng bố cục được thực hiện dễ dàng, ta sẽ nhóm các điều khiển cùng đảm nhận một chức năng nào đó trong màn hình lại với nhau.
Nhóm các điều khiển như vậy được gọi là thành phần. Sự ra đời của khái niệm thành phần còn nhằm phục vụ cho một mục tiêu quan trọng hơn, đó là khả năng tái sử dụng khi thiết kế giao diện. Như đã trình bày ở chương 1, khi thiết kế giao diện trong các hệ thống thông tin, người ta nhận ra rằng có rất nhiều màn hình giống nhau về cách thức hoạt động, nếu ta gỡ bỏ ngữ cảnh sử dụng của các màn hình này thì thực chất chúng chỉ là một! Hay lại có Trang 16 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hệ Thống Quản Lý Mẫu Thiết Kế Và Thành Phần Từ Mẫu Thiết Kế - Chương 2 những màn hình với cách thức hoạt động chỉ khác nhau ở một công đoạn nào đó, còn các công đoạn khác lại hoàn toàn giống nhau. Thành phần hóa các màn hình giao diện là cách tốt nhất để ta có thể tận dụng những gì đã thực hiện trước đó, thay vì phải làm lại từ đầu với cảm giác nhàm chán! Trong hệ thống quản lý mẫu giao diện theo hướng thành phần, việc thiết kế một màn hình giao diện là sự lắp ghép các thành phần một cách hợp lý để thực hiện các yêu cầu chức năng và phi chức năng của màn hình.3 Mẫu thiết kế giao diện Loại mẫu thiết kế giao diện là một tập hợp các mẫu thiết kế giao diện có cùng một kết cấu hình thành.
Ví dụ minh họa: Hình 2-3 Mô hình loại mẫu Simple cho giao diện Nhập Trang 17 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hệ Thống Quản Lý Mẫu Thiết Kế Và Thành Phần Từ Mẫu Thiết Kế - Chương 2 Mẫu thiết kế giao diện là một giao diện được xây dựng dựa trên loại mẫu thiết kế giao diện ở mức độ trừu tượng hóa, chưa có ngữ cảnh sử dụng cụ thể. Ví dụ minh họa: Tiêu đề màn hình TIÊU ĐỀ MÀN HÌNH Nhãn 1 Dữ lịêu nhập Nhãn 2 Dữ liệu chọn Nhãn 3 Dữ liệu nhập Lưu Bỏ qua Thoát Hình 2-4 Mẫu thiết kế cho giao diện nhập theo loại mẫu Simple Thông thường khi thiết kế một màn hình trong hệ thống thông tin, ta sẽ thiết kế cho phù hợp với ngữ cảnh sử dụng, nghĩa là các điều khiển đã có những giá trị ấn định cụ thể. Nhưng khi thiết kế trên nhiều hệ thống và bắt gặp sự trùng lặp, ta sẽ nảy sinh ý tưởng phải làm thế nào để có thể tái sử dụng chúng. Muốn vậy, ta phải trừu tượng hóa chúng lên, gỡ bỏ ngữ cảnh đang làm bó hẹp phạm vi sử dụng của chúng.
Hệ thống quản lý mẫu giao diện theo hướng thành phần sẽ tiếp nhận chúng như những khuôn mẫu để từ đó, người dùng chỉ cần áp đặt thêm ngữ cảnh sử dụng cụ thể, chỉnh chu đôi chút là có ngay một giao diện ưng ý.