5.1 .Thiết kế lưu đồ cho ứng dụng
5.2. Thiết kế giao diện cho ứng dụng
Giao diện của ứng dụng được xây dựng và phát triển dựa trên bộ công cụ Workshop4. Sau đây là các bước thực hiện trên Workshop4:
Khởi động chƣơng trình Workshop 4:
Đây là shortcut của cơng cụ Workshop 4
Hình 5.5: Biểu tượng của cơng cụ Workshop 4
Nhấp đúp vào biểu tượng để khởi động công cụ Workshop 4 Workshop 4 sẽ mở ra và hiển thị như hình bên dưới:
Hình 5.6:Giao diện công cụ Workshop 4
Tạo project mới để thiết kế giao diện cho ứng dụng:
Trên màn hình hiển thị bấm New để lựa chọn loại màn hình được thiết kế:
Nghiên cứu và ứng dụng màn hình 4D Systems vào điều khiển trong công nghiệp
Chương 5 Thiết kế phần mềm hệ thống 62
Chọn màn hình uLCD-70DT ,bấm Next để chuyển sang lựa chọn mơi trường lập trình cho ứng dụng:
Hình 5.8: Giao diện lựa chọn môi trường thiết kế
Chọn môi trường Visi Genie để thiết kế cho ứng dụng. Thiết kế project
Mọi thứ bây giờ đã sẵn sàng để bắt đầu thiết kế . Công cụ Workshop 4 hiển thị một màn hình trống rỗng, gọi là form0. Một hình thức giống như một trang trên màn hình. Các form có thể chứa các vật dụng hoặc các đối tượng, như các thanh trượt, màn hình hoặc bàn phím. Dưới đây là màn hình hiển thị trên cơng cụ:
Nghiên cứu và ứng dụng màn hình 4D Systems vào điều khiển trong công nghiệp
Chương 5 Thiết kế phần mềm hệ thống 63
Thiết kế giao diện màn hình chính :
Ở form0 của cơng cụ,ta sẽ thiết kế giao diện màn hình đăng nhập.Sau khi chương trình khởi động,màn hình đăng nhập sẽ hiện lên và người dùng truy cập vào menu chính thơng qua phím "Home" được thiết kế trên form0.
Hình 5.10:Giao diện màn hình chính
Thiết kế giao diện màn hình lựa chọn:
Màn hình bảng lựa chọn chính là nơi người dùng chọn các chế độ muốn sử dụng. Dựa vào yêu cầu đã nêu nhóm đã thiết kế các chế độ sau :
Điều khiển biến tần Đo nhiệt độ
Đếm sản phẩm
Nghiên cứu và ứng dụng màn hình 4D Systems vào điều khiển trong công nghiệp
Chương 5 Thiết kế phần mềm hệ thống 64
Khi người dùng chạm vào icon chế độ điều khiển thì sẽ có giao diện điều khiển tương ứng xuất hiện .
Thiết kế giao diện điều khiển biến tần:
Hình 5.12:Giao diện điều khiển biến tần
Khi người dùng chạm vào icon ĐIỀU KHIỂN BIẾN TẦN thì giao diện điều
khiển biến tần xuất hiện.Người dùng có thể cài đặt các chế độ điều khiển khác nhau thơng qua các nút nhấn trên màn hình.
Khi nhấn nút START cho phép biến tần hoạt động, đèn RUN sáng. Khi nhấn nút STOP biến tần dừng hoạt động,đồng đèn STOP sáng. Khi nhấn nút FWD điều khiển động cơ chạy thuận,đèn F/R tắt. Khi nhấn nút REV điều khiển động cơ chạy thuận,đèn F/R sáng.
Khi kéo thanh trượt cài đặt tần số cho biến tần DigitalLED màu xanh sẽ hiển thị giá trị theo giá trị điều chỉnh trên thanh trượt,tần số này sẽ được set cho biến tần để điều khiển động cơ.
Khi nhấn nút REFRESH,giá trị tần số hiện tại của biến tần sẽ hiển thị trên
DigitalLED màu vàng.
Nghiên cứu và ứng dụng màn hình 4D Systems vào điều khiển trong cơng nghiệp
Chương 5 Thiết kế phần mềm hệ thống 65
Thiết kế giao diện Đo nhiệt độ:
Hình 5.13:Giao diện đo nhiệt độ
Khi người dùng chạm vào icon ĐO NHIỆT ĐỘ thì giao diện đo nhiệt độ xuất hiện. Người dùng có thể lựa chọn kênh đo thơng qua các nút nhấn trên màn hình hiển thị.
Khi nhấn nút ở kênh CH1,CH2,CH3,CH4 nhiệt độ tương ứng của từng kênh sẽ hiển thị trên thermometer bên phải với thang đo được cài đặt từ 00C đến 1000C. Khi nhiệt độ vượt qua ngưỡng cho phép(600C) thì đèn ARLAM sẽ sáng để cảnh báo.
Thiết kế giao diện đếm sản phẩm:
Nghiên cứu và ứng dụng màn hình 4D Systems vào điều khiển trong cơng nghiệp
Chương 5 Thiết kế phần mềm hệ thống 66
Khi người dùng chạm vào icon ĐẾM SẢN PHẨM thì giao diện đếm sản phầm xuất hiện.Ứng dụng này kết hợp với ứng dụng đo nhiệt độ để tạo thành hệ thống đếm sản phẩm có kèm theo thơng số nhiệt độ.
Khi nhấn nút START cho phép đếm sản phẩm,đèn RUN sáng.
Khi nhấm nút STOP ngừng đếm sản phẩm,đèn STOP sáng.,đèn RUN tắt.
Khi nhấn nút RESET các thông số quay về giá trị mặc định ban đầu,đèn RUN,STOP tắt.
Nghiên cứu và ứng dụng màn hình 4D Systems vào điều khiển trong cơng nghiệp