LWE Help en-US 1685515957125-Tiếng Việt

___________________
___________________
___________________
___________________
___________________
LOGO! Web Editor Trợ giúp trực tuyến

Hướng dẫn vận hành
03/2019
A5E42880034 - AB
Giới thiệu
Giao diện người dùng
Hướng dẫn
Giao diện phát triển HTML
Mẹo và thủ thuật
Siemens AG
Division Digital Factory
Postfach 48 48
90026 NÜRNBERG
GERMANY
A5E42880034 - AB
Ⓟ 01/2019 Có thể thay đổi
Bản quyền © Siemens AG 2019.
Bảo lưu mọi quyền
Thông tin pháp lý
Hệ thống thông báo cảnh báo
Hướng dẫn sử dụng này có các thông báo bạn phải tuân thủ để đảm bảo an toàn cá nhân của bạn, cũng như để ngăn chặn
thiệt hại cho tài sản. Các thông báo liên quan đến an toàn cá nhân của bạn được đánh dấu trong sách hướng dẫn bằng
biểu tượng cảnh báo an toàn, các thông báo chỉ đề cập đến thiệt hại tài sản không có biểu tượng cảnh báo an toàn. Những thông báo hiển thị dưới
đây được
phân loại theo mức độ nguy hiểm.
NGUY HIỂM
chỉ ra rằng sẽ dẫn đến tử vong hoặc thương tích cá nhân nghiêm trọng nếu không thực hiện các biện pháp phòng ngừa thích hợp.
CẢNH BÁO
chỉ ra rằng có thể dẫn đến tử vong hoặc thương tích cá nhân nghiêm trọng nếu không thực hiện các biện pháp phòng ngừa thích hợp.
THẬN TRỌNG
chỉ ra rằng thương tích cá nhân nhỏ có thể xảy ra nếu không thực hiện các biện pháp phòng ngừa thích hợp.
THÔNG BÁO
chỉ ra rằng thiệt hại về tài sản có thể xảy ra nếu không thực hiện các biện pháp phòng ngừa thích hợp.
Nếu có nhiều hơn một mức độ nguy hiểm, thông báo cảnh báo đại diện cho mức độ nguy hiểm cao nhất sẽ
được sử dụng. Thông báo cảnh báo thương tích cho người có biểu tượng cảnh báo an toàn cũng có thể bao gồm cảnh báo liên quan đến
thiệt hại tài sản.
Nhân viên có trình độ
Sản phẩm/hệ thống được mô tả trong tài liệu này chỉ có thể được vận hành bởi nhân viên có trình độ cho nhiệm vụ cụ thể
theo các tài liệu liên quan, đặc biệt là các thông báo cảnh báo và hướng dẫn an toàn.
Nhân viên có trình độ là những người, dựa trên kinh nghiệm và đào tạo của họ, có khả năng xác định rủi ro và
tránh các mối nguy tiềm ẩn khi làm việc với các sản phẩm/hệ thống này.
Sử dụng đúng cách các sản phẩm của Siemens
Lưu ý những điều sau:
CẢNH BÁO
Chỉ có thể sử dụng các sản phẩm của Siemens cho các ứng dụng được mô tả trong catalô và trong
tài liệu kỹ thuật liên quan. Nếu sử dụng các sản phẩm và linh kiện của các nhà sản xuất khác, chúng phải được
Siemens khuyến nghị hoặc chấp thuận. Cần vận chuyển, bảo quản, lắp đặt, lắp ráp, vận hành, vận hành và
bảo trì đúng cách để đảm bảo sản phẩm vận hành an toàn và không gặp bất kỳ sự cố nào. Các điều kiện môi trường xung quanh cho phép
phải được tuân thủ. Thông tin trong các tài liệu liên quan phải được quan sát.
Nhãn hiệu
Tất cả các tên được xác định bởi ® là nhãn hiệu đã đăng ký của Siemens AG. Các nhãn hiệu còn lại trong ấn phẩm này
có thể là các nhãn hiệu mà bên thứ ba sử dụng cho mục đích riêng của họ có thể vi phạm quyền của chủ sở hữu.
Tuyên bố miễn trừ trách nhiệm pháp lý
Chúng tôi đã xem xét nội dung của ấn phẩm này để đảm bảo tính nhất quán với phần cứng và phần mềm
được mô tả. Vì phương sai không thể được loại trừ hoàn toàn nên chúng tôi không thể đảm bảo tính nhất quán hoàn toàn. Tuy nhiên,
thông tin trong ấn phẩm này được xem xét thường xuyên và mọi chỉnh sửa cần thiết sẽ được đưa vào
các ấn bản tiếp theo.

Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 3
Mục lục
1 Giới thiệu .............................. .................................................... .................................................... ........... 7

1.1 Thông tin bảo mật .................................... .................................................... ............................. 7
1.2 Giới thiệu chung.................. .................................................... ............................................... 7
1.2. 1 Khái niệm cơ bản ............................................................ .................................................... ........................... 8
1.2.2 Khả năng tương thích .................. .................................................... .................................................... ....... 9
2 Giao diện người dùng .................................... .................................................... .............................................. 11
2.1 Giao diện người dùng - Tổng quan ................................................ .................................................... ..... 11
2.2 Các phím chức năng và phím tắt ......................................... .................................................... .......... 12
2.3 Tổng quan về thanh công cụ chuẩn ................................... .................................................... ................. 13
2.4 Thanh menu ............................. .................................................... .................................................... 13
2.4.1 Menu tệp ................................................ .................................................... ..................................... 14
2.4.1.1 Tệp -> Dự án mới ....... .................................................... .................................................... ...... 14
2.4.1.2 Tệp -> Mở dự án ................................... .................................................... ........................... 15
2.4.1.3 Tệp -> Đóng dự án .............. .................................................... ............................................... 16
2.4. 1.4 Tệp -> Lưu ................................................ .................................................... .............................. 16
2.4.1.5 Tệp -> Lưu tất cả ............. .................................................... .................................................... ......... 16
2.4.1.6 Tệp -> Lưu dưới dạng... ............................. .................................................... ..................................... 16
2.4.1.7 Tệp -> Thoát ................................................ .................................................... .................................. 17
2.4.2 Chỉnh sửa menu .......... .................................................... .................................................... .................. 17
2.4.2.1 Chỉnh sửa -> Xoay phải ........................ .................................................... ....................................... 18
2.4.2.2 Chỉnh sửa -> Xoay trái .. .................................................... .................................................... ............. 18
2.4.2.3 Chỉnh sửa -> Làm lại ............................. .................................................... .............................................. 18
2.4.2.4 Chỉnh sửa -> Hoàn tác .................................................... .................................................... .............................. 18
2.4.2.5 Chỉnh sửa -> Chọn tất cả .............. .................................................... .................................................... ... 18
2.4.2.6 Chỉnh sửa -> Đưa lên phía trước ..................................... .................................................... ......................... 18
2.4.2.7 Chỉnh sửa -> Gửi lại ............... .................................................... .............................................. 18
2.4.2.8 Chỉnh sửa -> Sao chép ................................................. .................................................... ............................ 19
2.4.2.9 Chỉnh sửa -> Dán .............. .................................................... .................................................... ......... 19
2.4.2.10 Sửa -> Xóa ................................. .................................................... ....................................... 19
2.4.3 Menu công cụ ..... .................................................... .................................................... .................... 19
2.4.3.1 Công cụ -> Tải xuống ......................... .................................................... ............................................. 19
2.4.3.2 Công cụ -> Tải lên .................................................... .................................................... .................. 21
2.4.3.3 Công cụ -> Triển khai vào thẻ SD ..................... .................................................... ............................ 22
2.4.3.4 Công cụ -> Tùy chọn .............. .................................................... .................................................... ... 22
2.4.4 Menu cửa sổ ............................................ .................................................... .............................. 23
2.4.4.1 Cửa sổ -> Dự án ............. .................................................... .................................................... ... 23
2.4.4.2 Cửa sổ -> Thuộc tính .................................... .................................................... .................... 24
2.4.4.3 Cửa sổ -> Thành phần ...................... .................................................... ................................... 24
2.4.5 Menu trợ giúp ......... .................................................... .................................................... .................. 25
2.4.5.1 Trợ giúp -> Trang Bắt đầu ........................ .................................................... ............................................ 25
2.4.5.2 Trợ giúp -> Nội dung trợ giúp .................................................... .................................................... ........ 25
2.4.5.3 Trợ giúp -> Giới thiệu ................................... .................................................... ...................................... 26
Mục lục

4 Hướng dẫn vận hành, 03/2019, A5E42880034 - AB
2.5 Cây dự án ................................ .................................................... ........................................ 26
2.5.1 Trang ..... .................................................... .................................................... ............................ 26
2.5.2 Thẻ toàn cục ................ .................................................... .................................................... ........ 28
2.5.3 Bộ điều hướng ..................................... .................................................... .......................................... 29
2.6 Khung thành phần ..... .................................................... .................................................... ......... 29
2.6.1 Công cụ .................................... .................................................... .................................................... 30
2.6.1.1 Đa tuyến .............................................................. .................................................... .................................... 30
2.6.1.2 Hình chữ nhật ......... .................................................... .................................................... .................. 31
2.6.1.3 Hình tròn ............................. .................................................... .................................................... ....... 32
2.6.2 Cơ bản ................................... .................................................... .............................................. 33
2.6.2.1 Chữ ................................................. .................................................... ..................................... 33
2.6.2.2 Hình ảnh ........ .................................................... .................................................... ......................... 35
2.6.2.3 Liên kết .................... .................................................... .................................................... ................. 35
2.6.3 Kỹ thuật số ............................ .................................................... .................................................... ..... 37
2.6.3.1 Giá trị số .................................... .................................................... .................................. 37
2.6.4 Tương tự ............. .................................................... .................................................... ..................... 38
2.6.4.1 Giá trị tương tự .................... .................................................... .................................................... 39
2.6.4.2 Thanh tương tự .............................................................. .................................................... .............................. 40
2.6.4.3 Thanh trượt Analog .............. .................................................... .................................................... ........ 41
2.6.5 Khác ..................................... .................................................... ................................. 43
2.6.5.1 Quy mô thời gian ............. .................................................... .................................................... .............. 43
2.6.5.2 LOGO! Cái đồng hồ ................................................. .................................................... ....................... 44
2.7 Khung soạn thảo ....................... .................................................... .................................................... .. 45
2.8 Khung thuộc tính ............................................ .................................................... ........................ 45
2.9 Thư viện đồ thị ...................... .................................................... .................................................... 46
2.9.1 Biểu đồ tích hợp ................................................ .................................................... ........................... 47
2.9.2 Màu sắc .................. .................................................... .................................................... ............... 48
2.9.3 Biểu đồ của tôi ............................. .................................................... ................................................... 49
3 Hướng dẫn .................................................. .................................................... ................................................. 51
3.1 Điều kiện tiên quyết để làm việc với hướng dẫn ............................................................ ................................ 51
3.2 Bắt đầu tạo dự án ............. .................................................... ......................... 51
3.2.1 Tạo Project mới .............. .................................................... .......................................... 51
3.2.2 Tham quan dự án qua trang web .................................................... .................................... 52
3.3 Ví dụ thực tế ............. .................................................... .................................................... ... 53
3.3.1 Giới thiệu ví dụ thực tế ......................................... .................................................... .53
3.3.2 Ví dụ về Trang ............................................ .................................................... ............... 53
3.3.3 Ví dụ về Tag Table ............................ .................................................... ........................ 55
3.3.4 Ví dụ về Navigator .................. .................................................... ................................. 56
3.3.5 Ví dụ cấu hình các thành phần đặc biệt ....... .................................................... ........ 57
3.3.6 Tham quan dự án ví dụ qua trang web ................................. ...................................... 60
4 Giao diện phát triển HTML ....... .................................................... .................................................... .....61
4.1 LOGO! Giao thức truy cập dữ liệu ............................................................ .................................................... .61
4.1.1 Vận hành ............................................ .................................................... ................................. 62
4.1.1.1 Lệnh ............. .................................................... .................................................... ...............63
4.1.1.2 Định dạng dữ liệu ............................. .................................................... ............................................. 65
4.2 Ví dụ .. .................................................... .................................................... ........................... 67
Mục lục
LOGO! Trình chỉnh sửa web Trợ giúp trực tuyến

5 Mẹo và thủ thuật ............................... .................................................... .................................................... .... 69
5.1 Cách hiển thị chú giải công cụ tương ứng cho phím chức năng .................................. .................... 69
5.2 Cách vẽ giếng đa tuyến ...................... .................................................... ............................ 70
5.3 Cách chỉnh sửa thành phần thông qua menu tắt ............. .................................................... .. 70
5.4 Cách nhập nhiều ảnh ............................................ .................................................... ..... 71
5.5 Cách thêm liên kết kết nối đến trang khác .................................. ..................................... 71
Mục lục ............. .................................................... .................................................... ......................................73
Mục lục


Giới thiệu 1
1.1 Thông tin bảo mật
Siemens cung cấp các sản phẩm và giải pháp có chức năng bảo mật công nghiệp hỗ trợ
vận hành an toàn cho các nhà máy, hệ thống, máy móc và mạng.
Để bảo vệ các nhà máy, hệ thống, máy móc và mạng chống lại các mối đe dọa trên mạng, cần phải
triển khai – và liên tục duy trì – một khái niệm an ninh công nghiệp toàn diện, tiên tiến nhất
. Các sản phẩm và giải pháp của Siemens cấu thành một yếu tố của khái niệm này.
Khách hàng chịu trách nhiệm ngăn chặn truy cập trái phép vào nhà máy, hệ thống,
máy móc và mạng của họ. Các hệ thống, máy móc và thành phần như vậy chỉ nên được
kết nối với mạng doanh nghiệp hoặc internet nếu và trong phạm vi kết nối như vậy là
cần thiết và chỉ khi có các biện pháp bảo mật thích hợp (ví dụ: tường lửa và/hoặc
phân đoạn mạng).
Để biết thêm thông tin về các biện pháp an ninh công nghiệp có thể được thực hiện, vui lòng
truy cập (http://www.siemens.com/industrialsecurity).
Các sản phẩm và giải pháp của Siemens không ngừng được phát triển để trở nên
an toàn hơn. Siemens khuyến cáo mạnh mẽ rằng các bản cập nhật sản phẩm được áp dụng ngay khi chúng có
sẵn và phiên bản sản phẩm mới nhất được sử dụng. Việc sử dụng các phiên bản sản phẩm không
còn được hỗ trợ và việc không áp dụng các bản cập nhật mới nhất có thể làm tăng khả năng tiếp xúc của khách hàng
với các mối đe dọa mạng.
Để được thông báo về các bản cập nhật sản phẩm, hãy đăng ký
Nguồn cấp dữ liệu RSS An ninh Công nghiệp của Siemens tại (http://www.siemens.com/industrialsecurity).
1.2 Giới thiệu chung
LOGO! Web Editor được sử dụng cùng với LOGO! Mô-đun cơ sở (BM) và LOGO! Thoải mái mềm
mại. Công cụ này giúp bạn tạo các trang web do người dùng định nghĩa trong ngăn Trình chỉnh sửa và
xem toàn bộ dự án một cách trực quan thông qua Máy chủ web của LOGO! Mô-đun cơ sở.
Với LOGO! Web Editor, bạn có thể:
● tích hợp các thành phần khác nhau bao gồm một số biến một cách thuận tiện;
● tùy chỉnh các trang web riêng lẻ.
Lịch sử tài liệu
Phiên bản sau của LOGO! Web Editor đã được xuất bản:
Phiên bản Phiên bản Nhận xét

11/2017 V1.0 Phiên bản đầu
03/2019 V1.0.1 Tái bản lần 2
Giới thiệu
1.2.1 Khái niệm cơ bản
Có ý tưởng chung về LOGO! Web Editor là điều kiện tiên quyết để sử dụng nó. Khái niệm cơ bản
về toàn bộ dự án như sau:
Project
In LOGO! Trình chỉnh sửa web, dự án chứa Trang và Bộ điều hướng. Mỗi trang chứa
các thành phần được xác định trước, chẳng hạn như Văn bản, Hình ảnh, Giá trị Kỹ thuật số, v.v. Thẻ Toàn cầu được xác định để
hỗ trợ người dùng cuối liên kết các thành phần và biến.
Trang
Các trang chứa Trang chủ và một số trang do người dùng xác định. Trang chủ là trang mặc định,
trong khi bạn có thể xác định xem có nên tạo các trang do người dùng xác định theo
yêu cầu của mình hay không. Một trong hai trang hoặc Trang chủ là một trang web và bạn có thể truy cập trang đó trong trình duyệt web
sau khi triển khai một dự án cho LOGO! B.M.
Bộ điều hướng Bộ điều hướng
là một trang nổi của trang web và nó nhằm mục đích hỗ trợ người dùng chuyển đổi giữa
các trang web khác nhau hoặc đăng xuất trong quá trình vận hành thời gian chạy.
LOGO thành phần
! Trình chỉnh sửa web chứa một vài thành phần được xác định trước cho trang web. Mỗi
thành phần có hiệu ứng kết xuất khác nhau trong trang web. Mỗi thành phần chứa một số
thuộc tính.
Biến Biến
là thành phần dữ liệu đọc/ghi của LOGO! BM, chẳng hạn như I, Q, AI, AQ, v.v. Biến có thể
được liên kết với thành phần. Bạn có thể đọc/ghi biến thông qua các thành phần.
Thẻ toàn cầu
Thẻ toàn cầu là bí danh của biến và nó có thể được liên kết với một số thành phần.
Bảng thẻ
Bảng thẻ là nơi để xác định Thẻ toàn cầu và bạn có thể thêm, sửa đổi và xóa
Thẻ toàn cầu tại đây.
Thẻ riêng
Thẻ riêng được sử dụng để liên kết trực tiếp biến với thành phần và bạn không cần xác định
Thẻ toàn cầu.
Giới thiệu
1.2.2 Khả năng tương thích
Khả năng tương thích
LOGO! Web Editor có sẵn cho:
● LOGO! Mô-đun cơ sở: LOGO! 8 6ED1052-xxx08-0BA0.
● Môi trường thời gian chạy Java 1.8.0_121, phiên bản được khuyến nghị;
● các loại trình duyệt web sau hỗ trợ HTML5:
– Microsoft Internet Explorer với phiên bản tối thiểu 10.0
– Mozilla Firefox với phiên bản tối thiểu 11.0
– Google Chrome với phiên bản tối thiểu 16.0
– Apple Safari với phiên bản tối thiểu 5.0
● các phiên bản hệ điều hành sau:
– Windows 32 & 64 bit, bao gồm Windows 7 và Window 10;
– Mac OS, bao gồm 10.9, 10.10 và 10.11;
– Linux Suse, 11.3 sp3, nhân 3.0.76.
Giới thiệu

Giao diện người dùng 2
2.1 Giao diện người dùng - Tổng quan
LOGO! Trình soạn thảo web bắt đầu với một khung trống cho dự án.
Khi bạn tạo một dự án mới, giao diện người dùng sẽ xuất hiện như sau:
● Một dự án mới xuất hiện trong cây Dự án.
● Khung thành phần chứa tất cả thông tin thành phần.
● Một cửa sổ trống dành cho Trang chủ trong khung Trình chỉnh sửa.
● Khung thuộc tính chứa thông tin thuộc tính của Trang chủ.
Để giúp bạn duy trì cái nhìn tổng quan về một dự án hoàn chỉnh, phía bên phải và phía dưới của
ngăn Trình chỉnh sửa chứa các thanh cuộn mà bạn có thể sử dụng để cuộn dọc và ngang khi
chỉnh sửa dự án.
①
Thanh menu
④
Khung thành phần
②
Thanh công cụ chuẩn
⑤
Khung soạn thảo
③
Khung cây dự án
⑥
Khung thuộc tính
2.2 Các phím chức năng và phím tắt
Thanh menu
Trên cùng của LOGO! Cửa sổ Web Editor chứa thanh menu (Trang 13). Tại đây, bạn có thể
tìm thấy nhiều lệnh khác nhau để chỉnh sửa và quản lý dự án của mình, cũng như các chức năng để
xác định cài đặt mặc định của bạn và để chuyển dự án sang và từ LOGO!.
Thanh công cụ chuẩn
Thanh công cụ chuẩn (Trang 13) xuất hiện phía trên giao diện của cây Dự án và khung Trình soạn thảo.
Ban đầu, LOGO! Web Editor hiển thị cho bạn một thanh công cụ tiêu chuẩn được rút gọn chỉ cung cấp các
chức năng thiết yếu.
Thanh công cụ tiêu chuẩn cung cấp khả năng truy cập trực tiếp vào các chức năng thiết yếu của LOGO! Trình chỉnh sửa web.
Sau khi bạn mở một dự án để chỉnh sửa, bạn có thể thấy toàn bộ thanh công cụ tiêu chuẩn.
Bạn có thể sử dụng các biểu tượng này để tạo dự án mới hoặc tải xuống, lưu dự án hiện có,
hoàn tác/làm lại hành động cuối cùng hoặc bắt đầu truyền dữ liệu đến và từ LOGO! thiết bị.
2.2 Các phím chức năng và phím tắt
LOGO! Web Editor cung cấp phím chức năng và lối tắt sau cho
các chức năng thường được gọi:
Phím chức năng trong LOGO! Trình soạn thảo web:
[F1] Trợ giúp -> Nội dung trợ giúp (Trang 25)
Phím tắt trong LOGO! Web Editor:
Trong menu Tệp (Trang 14):

[Ctrl+Shift+N] Tệp -> Mở Dự án (Trang 15)
[Ctrl+F4] Tệp -> Đóng Dự án (Trang 16)
[Ctrl+S] Tệp -> Lưu (Trang 16)
[Ctrl+Shift+S] Tệp -> Lưu tất cả (Trang 16)
[Alt+F4] Tệp -> Thoát (Trang 17)
Trong menu Chỉnh sửa (Trang 17):
[Ctrl+Y] Chỉnh sửa - > Làm lại (Trang 18)
[Ctrl+Z] Edit -> Undo (Trang 18)
[Ctrl+A] Edit -> Select All (Trang 18)
[Ctrl+C] Edit -> Copy (Trang 19)
[Ctrl+V ] Chỉnh sửa -> Dán (Trang 19)
[Xóa] Chỉnh sửa -> Xóa (Trang 19)
Trong menu Công cụ (Trang 19):
2.3 Tổng quan về thanh công cụ chuẩn
[Ctrl+D] Tools -> Download (Page 19)
[Ctrl+U] Tools -> Upload (Page 21)
Trong menu Window (Page 23):
[Ctrl+1] Cửa sổ -> Dự án (Trang 23)
[Ctrl+2] Cửa sổ -> Thuộc tính (Trang 24)
[Ctrl+3] Cửa sổ -> Thành phần (Trang 24)
2.3 Tổng quan về thanh công cụ chuẩn
Các biểu tượng của thanh công cụ chuẩn cung cấp truy cập nhanh vào các lệnh cũng có sẵn
trên menu.
Trong LOGO! Web Editor, bạn có thể sử dụng chức năng di chuột qua nút để hiển thị tên biểu tượng,
đại diện cho chú giải công cụ. Điều này giúp bạn nhanh chóng nhớ lại chức năng của biểu tượng mà không cần
gọi menu hoặc trợ giúp.
Các lệnh sau được tìm thấy trên thanh công cụ tiêu chuẩn:
Tệp: Dự án mới (Trang 14)
Mở Dự án (Trang 15)
Đóng Dự án (Trang 16)
Lưu (Trang 16)
Lưu tất cả ( Trang 16)
Chỉnh sửa: Xoay trái (Trang 18)
Phải Xoay (Trang 18)
Làm lại (Trang 18)
Hoàn tác (Trang 18)
Công cụ: Tải xuống (Trang 19)
Tải lên (Trang 21)
Triển khai vào thẻ SD (Trang 22)

2.4 Thanh menu
Thanh menu chứa một số chức năng chỉnh sửa cho dự án và cung cấp truy cập vào
trợ giúp theo ngữ cảnh.
● Menu tệp (Trang 14)
● Menu chỉnh sửa (Trang 17)
● Menu công cụ (Trang 19)
● Menu cửa sổ (Trang 23)
● Menu trợ giúp (Trang 25)
2.4 Thanh menu
2.4.1 Menu
tệp Lệnh menu Tệp chứa các lệnh để quản lý tệp. Bao gồm cả
các lệnh để tạo, lưu hoặc thoát:
● Dự án mới (Trang 14)
● Dự án mở (Trang 15)
● Đóng dự án (Trang 16)
● Lưu (Trang 16)
● Lưu tất cả (Trang 16)
● Lưu thành.. .(Trang 16)
● Thoát (Trang 17)
2.4.1.1 Tệp -> Dự án mới
Nhấp vào lệnh này để mở hộp thoại Dự án mới chứa

thông tin về tên, vị trí và độ phân giải.

2.4 Thanh menu
Hộp thoại Tên và Vị trí
● Tên dự án: đặt tên hợp lệ cho dự án.
Lưu ý
Quy ước đặt tên cho tên dự án
• Độ dài tối đa của tên là 8.
• Độ dài tối đa của phần mở rộng tên tệp là 3.
• Không sử dụng khoảng trắng trong tên tệp.
• Không giả định phân biệt chữ hoa chữ thường.
• Không sử dụng các ký tự sau:
– < (nhỏ hơn)
– > (lớn hơn)
–:(
dấu hai chấm) – “ (
dấu ngoặc kép) – / (dấu gạch chéo lên)
– \ (dấu gạch chéo ngược)
– | (dấu gạch ngang hoặc dấu gạch ngang)
– ? (dấu chấm hỏi)
– * (dấu hoa thị)
● Vị trí dự án: nhấp vào nút Duyệt qua và chọn một vị trí thích hợp trong máy tính của bạn để
lưu dự án
● Độ phân giải mặc định: nhấp vào menu thả xuống và chọn độ phân giải cho dự án.
Sau sửa đổi hộp thoại này, nhấp vào nút Kết thúc để hoàn thành việc tạo dự án mới.
Sau đó, một dự án mới xuất hiện trong cây Dự án.
Bạn cũng có thể nhấp vào nút Hủy để hủy bỏ việc tạo hoặc nhấp vào nút Trợ giúp để nhận thêm
thông tin từ trợ giúp trực tuyến.
Thanh công cụ tiêu chuẩn ( Trang 13) cũng chứa một biểu tượng cho lệnh menu
này . open chỉ dành cho Thư mục Dự án. Biểu tượng cho Thư mục Dự án là . Thanh công cụ chuẩn (Trang 13) cũng chứa một biểu tượng cho lệnh
menu này. Giao diện người dùng 2.4 Thanh menu LOGO! Web Editor Trợ giúp trực tuyến 16 Hướng dẫn vận hành, 03/2019, A5E42880034 - Tệp AB
2.4.1.3 -> Đóng dự án Nhấp vào lệnh này để đóng cửa sổ dự án đang hoạt động. Nếu bạn chưa lưu dự án hiện tại, LOGO! Web Editor nhắc bạn lưu nó.
Thanh công cụ chuẩn (Trang 13) cũng chứa một biểu tượng cho lệnh menu này. 2.4.1.4 Tệp -> Lưu Nhấp vào lệnh này để lưu khung soạn thảo hiện tại.
Đối với các cửa sổ đã mở khác, bạn có thể lưu chúng bằng Save all. Bạn có thể tìm thêm thông tin trong File -> Save All (Trang 16). Nếu bạn đang lưu
phiên bản sửa đổi của một dự án hiện có, LOGO! Web Editor thực hiện lưu nhanh. Phiên bản sửa đổi sẽ ghi đè phiên bản cũ ở cùng đường dẫn và tên
với tệp nguồn. Thanh công cụ chuẩn (Trang 13) cũng chứa một biểu tượng cho lệnh menu này. 2.4.1.5 Tệp -> Lưu tất cả Nhấp vào lệnh này để lưu tất
cả các chỉnh sửa cho dự án trong khung trình soạn thảo. Phiên bản sửa đổi sẽ ghi đè phiên bản cũ ở cùng đường dẫn và tên với tệp nguồn. Thanh
công cụ chuẩn (Trang 13) cũng chứa một biểu tượng cho lệnh menu này. Một cú nhấp chuột vào lệnh menu này sẽ đóng tất cả các cửa sổ đang mở.
2.4.1.6 Tệp -> Lưu dưới dạng... Sau khi nhấp vào lệnh này, một hộp thoại sẽ mở ra để bạn chỉ định đường dẫn và tên dự án mà dự án hiện tại sẽ được
lưu. Điều này cho phép bạn lưu các dự án đã sửa đổi dưới một tên hoặc thư mục khác và do đó giữ lại các phiên bản trước đó để truy xuất. Loại tệp
duy nhất mà bạn có thể lưu là thư mục dự án. Mỗi dự án được lưu trong thư mục dự án riêng của nó. Giao diện người dùng 2.4 Thanh menu LOGO!
Web Editor Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 17 2.4.1.7 Tệp -> Thoát Nhấp vào lệnh này để đóng LOGO! Công cụ
biên tập web. Nếu bạn đang chỉnh sửa một dự án và chưa lưu nó, LOGO! Web Editor nhắc bạn về dự án của bạn. Dưới đây là ví dụ về cửa sổ bật lên:
Trong cửa sổ bật lên này, bạn có thể quyết định cửa sổ nào cần được lưu. Bạn có thể nhấp vào Lưu để lưu cửa sổ hiện tại hoặc nhấp vào Lưu tất cả để
lưu dự án. Ngoài ra, bạn có thể thoát LOGO! Trình chỉnh sửa web mà không lưu cửa sổ bằng cách nhấp vào Hủy tất cả. Bạn cũng có thể nhấp vào nút
Hủy để hủy việc tạo hoặc nhấp vào nút Trợ giúp để nhận thêm thông tin từ trợ giúp trực tuyến. 2.4.2 Menu chỉnh sửa Menu Chỉnh sửa cung cấp các
lệnh để chỉnh sửa dự án của bạn. Thanh công cụ chứa một số lệnh cơ bản để tạo và chỉnh sửa dự án. ● Xoay phải (Trang 18) ● Xoay trái (Trang 18) ●
Làm lại (Trang 18) ● Hoàn tác (Trang 18) ● Chọn tất cả (Trang 18) ● Đưa lên trước (Trang 18) ● Gửi ra sau (Trang 18) ● Sao chép (Trang 19) ● Dán
(Trang 19) ● Xóa (Trang 19) Giao diện người dùng 2.4 Thanh menu LOGO! Web Editor Trợ giúp trực tuyến 18 Hướng dẫn vận hành, 03/2019,
A5E42880034 - AB 2.4.2.1 Chỉnh sửa -> Xoay phải Nhấp vào lệnh này để xoay thành phần theo chiều kim đồng hồ. Khi bạn chọn thành phần, sau đó
nhấp vào nút Xoay phải, bạn có thể xoay thành phần 90 độ theo chiều kim đồng hồ. Thanh công cụ chuẩn (Trang 13) cũng chứa một biểu tượng cho
lệnh menu này. 2.4.2.2 Chỉnh sửa -> Xoay trái Nhấp vào lệnh này để xoay thành phần ngược chiều kim đồng hồ. Sau khi bạn chọn thành phần, sau đó
nhấp vào nút Xoay trái, bạn có thể xoay thành phần 90 độ ngược chiều kim đồng hồ. Thanh công cụ chuẩn (Trang 13) cũng chứa một biểu tượng cho
lệnh menu này. 2.4.2.3 Chỉnh sửa -> Làm lại Nhấp vào lệnh này để hoàn nguyên hành động hoàn tác cuối cùng. Thanh công cụ chuẩn (Trang 13) cũng
chứa một biểu tượng cho lệnh menu này. 2.4.2.4 Chỉnh sửa ->
Thanh công cụ tiêu chuẩn (Trang 13) cũng chứa một biểu tượng cho lệnh menu này.
2.4.2.5 Chỉnh sửa -> Chọn tất cả
Nhấp vào lệnh này để chọn tất cả các thành phần trong Trang hoặc Bộ điều hướng hiện tại trong dự án,
ví dụ: Polyline, Hình chữ nhật, Hình ảnh hoặc Mục Điều hướng có thể được chọn trên
ngăn Trình chỉnh sửa. Bạn không thể sử dụng lệnh này để chọn thành phần trong Thẻ toàn cầu.
2.4.2.6 Chỉnh sửa -> Đưa lên phía trước
Nhấp vào lệnh này để di chuyển một thành phần lên vị trí trên cùng trong nhóm hoặc lớp của nó.
2.4.2.7 Chỉnh sửa -> Gửi lại
Nhấp vào lệnh này để di chuyển một thành phần đến vị trí dưới cùng trong nhóm hoặc lớp của nó.
2.4 Thanh menu
2.4.2.8 Chỉnh sửa -> Sao chép
Nhấp vào lệnh này để sao chép một hoặc nhiều thành phần đã chọn vào khay nhớ tạm, ví dụ:
bạn có thể sao chép Đa tuyến, Hình chữ nhật, Hình ảnh và Mục điều hướng từ khung Trình chỉnh sửa
vào khay nhớ tạm.
2.4.2.9 Chỉnh sửa -> Dán
Nhấp vào lệnh này để sao chép nội dung khay nhớ tạm vào ngăn Trình chỉnh sửa.
2.4.2.10 Chỉnh sửa -> Xóa
Nhấp vào lệnh này để xóa các thành phần đã chọn mà không cần sao chép chúng vào
khay nhớ tạm. Bạn có thể lấy lại các thành phần đã xóa bằng chức năng Hoàn tác.
Khi bạn xóa các thành phần đã chọn, một cửa sổ bật lên Xác nhận Xóa Đối tượng
sẽ xuất hiện. Bạn có thể xác nhận xóa bằng nút Có hoặc hủy xóa bằng nút Không
trong cửa sổ bật lên.
2.4.3 Menu công cụ Menu
công cụ cung cấp các lệnh menu sau:
● Tải xuống (Trang 19)
● Tải lên (Trang 21)
● Triển khai vào thẻ SD (Trang 22)
● Tùy chọn (Trang 22)
2.4.3.1 Công cụ -> Tải xuống
Nhấp vào đây lệnh tải xuống LOGO! Dự án Web Editor từ PC sang thẻ Micro SD
của LOGO! Mô-đun cơ sở. Bạn cũng có thể sử dụng nút này trên thanh công cụ chuẩn (Trang 13) cho
mục đích đó.
2.4 Thanh menu
Ví dụ về Tải xuống
Để tải dự án mới xuống LOGO! Mô-đun cơ sở, hãy thực hiện các bước sau:
1. Nhấp vào biểu tượng trên thanh công cụ chuẩn hoặc chọn Tải xuống từ thanh Công cụ.
2. Trong cửa sổ Tải xuống bật lên,
– chọn đúng Giao diện từ menu thả xuống;
– nhập Địa chỉ IP Mục tiêu hợp lệ hoặc nhấp vào biểu tượng quét để tìm thiết bị có thể truy cập để
kết nối BM.
– nhấp vào nút Kiểm tra, sau đó một ngăn Kết nối bật lên.
– sau khi đường kết nối chuyển sang màu xanh lục, nhấp vào nút OK. Bạn cũng có thể nhấp vào nút Hủy
để hủy cấu hình hoặc nhấp vào nút Trợ giúp để nhận thêm thông tin từ
trợ giúp trực tuyến.

2.4 Thanh menu
3. Trong khung Xác nhận tải xuống, nhấp vào nút OK để xác nhận tải xuống dự án.
Sau đó, dự án được tải xuống LOGO! B.M.
4. Trong khung Xác nhận, bấm nút OK để khởi động BM.
2.4.3.2 Công cụ -> Tải lên
Nhấp vào lệnh này để tải lên LOGO! Dự án Web Editor từ thẻ Micro SD của LOGO!
Mô-đun cơ sở cho PC. Bạn cũng có thể sử dụng nút này trên thanh công cụ chuẩn (Trang 13) cho
mục đích đó.
2.4 Thanh menu
2.4.3.3 Tools -> Deploy To SD Card
Nhấp vào lệnh này để triển khai dự án sang thẻ Micro SD, hộp thoại sau sẽ mở ra
và bạn có thể chỉ định trình điều khiển theo đó bạn muốn lưu dự án của bạn.
Thanh công cụ chuẩn (Trang 13) cũng chứa một biểu tượng cho lệnh menu này.
2.4.3.4 Công cụ -> Tùy chọn
Tại đây bạn có thể chọn tùy chọn Ngôn ngữ và Kích thước của văn bản & biểu tượng cho LOGO! Web Editor,
nhấp vào nút radio trước mỗi tùy chọn và nhấn nút OK để lưu lựa chọn.
Bạn cũng có thể nhấp vào nút Hủy để hủy lựa chọn hoặc nhấp vào nút Trợ giúp để nhận thêm
thông tin từ trợ giúp trực tuyến.
Ngôn ngữ
Tại đây bạn có thể xác định ngôn ngữ giao diện người dùng.
● Deutsch
● Tiếng Anh
Kích thước của văn bản & biểu tượng
Tại đây bạn có thể chọn kích thước của văn bản và biểu tượng trong giao diện người dùng.
● 100%
● 120%
● 150%
2.4 Thanh menu
Lưu ý
Những thay đổi đối với các tùy chọn sẽ không có hiệu lực cho đến khi bạn khởi động lại LOGO! Trình chỉnh sửa web.
2.4.4 Trình đơn cửa sổ

Từ trình đơn Cửa sổ, bạn có thể sắp xếp các cửa sổ dự án của mình trên màn hình nền. Bạn có thể
hiển thị ngăn cây Dự án, ngăn Thành phần, ngăn Trình soạn thảo và ngăn Thuộc tính trên màn
hình nền.
Có các tùy chọn cửa sổ sau:
● Dự án (Trang 23)
● Thuộc tính (Trang 24)
● Thành phần (Trang 24)
2.4.4.1 Cửa sổ -> Dự án
Bạn có thể sử dụng lệnh menu này để hiển thị ngăn cây Dự án trên màn hình nền. Nếu muốn
đóng ngăn Project tree, nhấn vào nút chéo
2.4 Thanh menu
2.4.4.2 Cửa sổ -> Thuộc tính

Bạn có thể sử dụng lệnh menu này để hiển thị ngăn Thuộc tính trên màn hình nền. Nếu bạn muốn
đóng ngăn Thuộc tính, hãy nhấp vào nút chéo
2.4.4.3 Cửa sổ -> Thành phần

Bạn có thể sử dụng lệnh menu này để hiển thị ngăn Thành phần trên màn hình nền. Nếu muốn
đóng ngăn Component, nhấn vào nút chéo

2.4 Thanh menu
2.4.5 Menu trợ giúp
Menu này cung cấp cho bạn trợ giúp và thông tin về LOGO! Trình chỉnh sửa web.
● Trang Bắt đầu (Trang 25)
● Nội dung Trợ giúp (Trang 25)
● Giới thiệu (Trang 26)
2.4.5.1 Trợ giúp -> Trang Bắt đầu
Đóng toàn bộ dự án hoặc đóng tất cả các cửa sổ trong khung Trình chỉnh sửa, sau đó thoát khỏi LOGO!
Trình chỉnh sửa Web, khi bạn khởi động lại LWE, bạn có thể thấy Trang Bắt đầu hiển thị trong
khung Trình chỉnh sửa.
Nếu bạn thoát khỏi LOGO! Trình chỉnh sửa web mà không đóng dự án đã chỉnh sửa, khi bạn khởi động
lại LWE, các trang được chỉnh sửa lần cuối có thể được hiển thị trong khung Trình chỉnh sửa.
2.4.5.2 Trợ giúp -> Nội dung trợ giúp Trợ
giúp trực tuyến Trợ
giúp trực tuyến cung cấp cho bạn thông tin về dự án, công cụ và
cách tạo dự án một cách nhanh chóng và đáng tin cậy với LOGO! Trình chỉnh sửa web.
Chủ đề của Trợ giúp Trực tuyến
Phần Giao diện người dùng (Trang 11) mô tả giao diện người dùng với các thanh công cụ và LOGO
! Trình đơn Web Editor chi tiết.
Tham khảo Hướng dẫn (Trang 51) để có phần giới thiệu nhanh chóng và dễ dàng về những điều cơ bản khi vận hành
LOGO! Trình chỉnh sửa web.
Phần Bắt đầu với việc tạo dự án (Trang 51) sẽ đưa bạn
mô tả chung để tạo một dự án mới và ở cuối phần này, bạn sẽ tìm thấy một
ví dụ Thực hành mở rộng (Trang 53) hướng dẫn bạn qua tất cả các bước của tạo dự án
.
Phần Mẹo và Thủ thuật (Trang 69) bao gồm thông tin về các mẹo vận hành với LOGO!
Trình chỉnh sửa web.
Trợ giúp trực tuyến bao gồm một chỉ mục cũng như tính năng tìm kiếm toàn văn cho
các tìm kiếm dựa trên từ khóa và thuật ngữ.
2.5 Projects Tree
2.4.5.3 Trợ giúp -> Giới thiệu
Tab Chung hiển thị số phiên bản và phiên bản phát hành LOGO của bạn! Công cụ biên tập web
.
Tab Hệ thống cung cấp cho bạn thông tin về phiên bản của
môi trường Thời gian chạy Java được sử dụng, đường dẫn chương trình, hệ điều hành đã cài đặt và bộ nhớ
được sử dụng.
Tab Thông báo cung cấp cho bạn thông tin về Tính năng Thương mại trong
Phiên bản Sản phẩm Java SE.
2.5 Cây dự án
Trong khung cây Dự án, bạn có thể cấu hình và quản lý các dự án của mình. Khi bạn tạo một
dự án mới từ thanh menu File -> New Project (Trang 14), LOGO! Web Editor tự động tạo
dự án mới với Trang, Thẻ toàn cầu và Bộ điều hướng.
● Trang (Trang 26)
● Thẻ chung (Trang 28)
● Bộ điều hướng (Trang 29)
2.5.1
Trang Trang là nơi chứa các trang của bạn. Bạn có thể xác định các trang web ở đây. Sau khi chỉnh sửa xong
các trang, bạn có thể lưu chúng dưới dạng tệp HTML và xem chúng trên trình duyệt web.
Các Trang chứa một Trang chủ mặc định và các trang khác.
● Trang chủ
Đây là trang chủ cho dự án của bạn và không thể xóa Trang chủ. Bạn có thể
mở nó bằng cách nhấp đúp vào biểu tượng Trang chủ hoặc nhấp chuột phải vào biểu tượng Trang chủ và
chọn nút Mở.
● Các trang khác
Đây là những trang khác do người dùng xác định cho dự án của bạn. Bạn có thể mở nó bằng cách
nhấp đúp vào biểu tượng trang hoặc nhấp chuột phải vào biểu tượng trang và chọn nút Mở.
2.5 Projects Tree
Chỉnh sửa trang do người dùng xác định
Khi bạn tạo một dự án mới (Trang 51), dự án mới chứa ba phần: Trang,
Thẻ chung và Bộ điều hướng. Trang chủ
tự động xuất hiện bên dưới các Trang trong cây Dự án.
1. Để tạo một trang mới, nhấp chuột phải vào biểu tượng Trang và chọn nút Trang mới, một
trang mới_1 xuất hiện bên dưới Trang chủ và trang mới sẽ
tự động được mở trong khung Trình chỉnh sửa.
2. Để mở, xóa hoặc đổi tên trang mới, nhấp chuột phải vào biểu tượng trang_1 và chọn các
tùy chọn tương ứng tùy theo nhu cầu của bạn, ví dụ: chọn
tùy chọn Mở, Xóa hoặc Đổi tên từ menu chuột phải.
3. Sau khi chỉnh sửa trang, nhấp vào biểu tượng trên thanh công cụ chuẩn (Trang 13) hoặc chọn Tệp ->
Lưu (Trang 16) từ menu Tệp để lưu thay đổi.
Thuộc tính cho Trang:
● Cơ bản
– Tên: Trang
– Độ phân giải: bạn có thể sửa đổi thông tin chiều rộng và chiều cao từ ngăn Kích thước.
● Kiểu
– Hình nền: chọn ảnh thích hợp cho trang hiện tại từ
Thư viện đồ thị khi bạn cần hoặc không để trống.
Lưu ý
Thư viện đồ thị là LOGO! Thư viện đồ họa tích hợp Web Editor. Nó bao gồm ba phần:
Đồ thị tích hợp, Màu sắc và Đồ thị của tôi. Bạn có thể chọn bất kỳ đồ họa nào cho hình ảnh bằng cách
chọn hình ảnh và xác nhận lựa chọn bằng cách nhấp vào nút OK. Để biết
thông tin chi tiết, hãy tham khảo chương Thư viện Đồ thị (Trang 46).

2.5 Projects Tree
2.5.2 Thẻ toàn cầu
Thẻ toàn cầu là bí danh của LOGO! BM và nó có thể được liên kết với một số thành phần
và Bảng Thẻ là nơi để xác định Thẻ Toàn cầu.
Thẻ toàn cầu chỉ chứa một Bảng thẻ và không thể xóa Bảng thẻ.
●
Bảng thẻ Bảng thẻ là một bảng có thông tin ID, Tên, Loại khối, Số khối và Chế độ truy cập
và nó là nơi lưu trữ thông tin dữ liệu biến đổi cho dự án của bạn.
Số khối thay đổi tùy theo loại khối tương ứng. Để biết
thông tin chi tiết, hãy tham khảo bảng sau.
Loại khối Số khối

I I1-I24
Q Q1-Q20
M M1-M64
AI AI1-AI8
AQ AQ1-AQ8
AM AM1-AM64
VV: 0-850
Bit: 0-7
VD VD: 0-847
VW VW: 0-849
Phím con trỏ C1-C4
Phím chức năng F1-F4
Thanh ghi thay đổi
S1.1-S1.8,S2.1-S2.8, S3.1-S3.8,S4.1-
S4.8
Chỉnh sửa bảng thẻ
Khi bạn tạo một dự án mới (Trang 51), dự án mới bao gồm ba phần: Trang,
Thẻ Toàn cầu và Bộ điều hướng. Bảng Thẻ
tự động xuất hiện dưới Thẻ Toàn cầu dưới dạng trang con trong cây Dự án.
1. Để mở Bảng thẻ trong ngăn Trình chỉnh sửa:
– Nhấp chuột phải vào biểu tượng Bảng thẻ và chọn nút Mở;
– Hoặc kích đúp chuột vào biểu tượng Tag Table.
2. Để chỉnh sửa Bảng thẻ bằng cách nhấp vào nút Thêm hoặc Xóa để thêm hoặc xóa biến và
thực hiện như sau cho từng biến.
– Xác định tên bí danh cho biến bằng cách nhấp đúp vào cột Tên;
– Chọn Loại khối từ menu thả xuống và chọn giá trị tương ứng cho từng
loại Khối trong Số khối.
3. Sau khi chỉnh sửa Bảng thẻ, nhấp vào nút Áp dụng hoặc biểu tượng trên thanh công cụ chuẩn
(Trang 13) hoặc chọn Tệp -> Lưu (Trang 16) từ menu Tệp để lưu thay đổi.
2.6 Khung thành phần
2.5.3
Bộ điều hướng Bộ điều hướng là một trang nổi của trang web và nó nhằm hỗ trợ người dùng chuyển đổi giữa
các trang web khác nhau hoặc đăng xuất trong quá trình vận hành thời gian chạy.
Chỉnh sửa Bộ điều hướng
Khi bạn tạo một dự án mới (Trang 51), một Bộ điều hướng sẽ xuất hiện trong cây Dự án.
1. Để mở Bộ điều hướng trong ngăn Trình chỉnh sửa:
– Nhấp chuột phải vào biểu tượng Bộ điều hướng và chọn nút Mở;
– Hoặc nhấp đúp chuột vào biểu tượng Bộ điều hướng.
2. Để chỉnh sửa Bộ điều hướng bằng cách kéo trực tiếp thành phần Mục Điều hướng bên dưới thanh Điều hướng
và thực hiện các thao tác sau trong ngăn Thuộc tính:
– Sửa đổi phông chữ cho văn bản trong bộ điều hướng bằng cách chọn giá trị và nhấp vào nút OK
trong Phông chữ;
– Xác định tên Mục điều hướng bằng cách sửa đổi nội dung trong Văn bản;
– Liên kết đến từng trang bằng cách chọn các trang bạn đã tạo từ
trình đơn thả xuống.
3. Sau khi chỉnh sửa Bộ điều hướng, nhấp vào biểu tượng trên thanh công cụ chuẩn (Trang 13) hoặc chọn Tệp ->
Lưu (Trang 16) từ menu Tệp để lưu thay đổi.
Các Thuộc tính cho Mục Điều hướng:
● Cơ bản
– Tên: Mục Điều hướng
– Vị trí: bạn chỉ có thể kiểm tra tọa độ vị trí từ ngăn Vị trí.
– Kích thước: bạn chỉ có thể kiểm tra thông tin chiều rộng và chiều cao từ ngăn Kích thước.
● Styles
– Font: chọn Font, Font Style và Size tùy theo nhu cầu. Nhấp vào nút OK
để lưu hiệu chỉnh hoặc nhấp vào nút Đặt lại về Mặc định để đặt lại về
cài đặt mặc định.
● Giá trị
– Văn bản: Nhập tên Mục điều hướng cho mỗi trang.
– Liên kết: chọn Trang chủ hoặc tên trang khác mà bạn đã tạo trong menu thả xuống
.
2.6 Khung Thành phần
Trong khung Thành phần, theo các chức năng khác nhau, tất cả các thành phần có thể được
phân loại thành 5 phân đoạn: Công cụ, Cơ bản, Kỹ thuật số, Tương tự và Linh tinh.
Bạn có thể định cấu hình thành phần dựa trên yêu cầu của mình.
Công cụ
Polyline (Trang 30)
Hình chữ nhật (Trang 31)

Hình tròn (Trang 32) Văn bản
cơ bản (Trang 33) Hình ảnh (Trang 35) Liên kết (Trang 35) Kỹ thuật số Giá trị số (Trang 37) Giá trị tương tự Analog (Trang 39) Thanh tương tự (Trang
39) 40) Analog Slider (Trang 41) Tỷ lệ Thời gian Khác (Trang 43) LOGO! Đồng hồ (Trang 44) 2.6.1 Công cụ Công cụ thường được sử dụng để chỉnh sửa
đồ họa cơ bản. Công cụ có các lựa chọn sau: ● Đa tuyến (Trang 30) ● Hình chữ nhật (Trang 31) ● Hình tròn (Trang 32) 2.6.1.1 Đa tuyến Sử dụng thành
phần Đa tuyến khi bạn muốn vẽ một đa tuyến. Vẽ các polylines 1. Chọn thành phần Polyline. 2. Định vị con trỏ tại nơi bạn muốn dòng bắt đầu trong
ngăn Trình chỉnh sửa, kéo đến nơi bạn muốn dòng kết thúc bằng cách nhấp chuột phải hoặc nhấn nút Esc. Mỗi điểm bạn bấm sẽ xuất hiện một hình
vuông màu xanh. 3. Thực hiện một trong những thao tác sau: – Để sửa đổi đường của đa tuyến, hãy kéo hình vuông màu xanh cho điểm đó. – Để di
chuyển thành phần, hãy kéo thành phần đó mà không cần nhấp vào ô vuông màu xanh lam trên đường kẻ. – Để bấm vào đường đa tuyến, hãy chỉ định
độ dày và kiểu đường của đường đa tuyến trong ngăn Thuộc tính. Nếu bạn muốn tô màu cho đa tuyến, hãy chọn Mẫu màu. Giao diện người dùng 2.6
Khung thành phần LOGO! Web Editor Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 31 Thuộc tính cho Polyline: ● Basic –
Name: Polyline ● Styles – Weight: nhập chiều rộng của polyline. – Màu sắc: nhấp vào mẫu màu, chọn mẫu màu và nhấp vào nút OK. – Dashed: chọn
các loại đa tuyến khác nhau Solid, Round Dot, Square Dot, Dash, Dash Dot, Long Dash, Long Dash Dot hoặc Long Dash Dot Dot tùy theo nhu cầu của
bạn. – Transparency: giá trị nằm trong khoảng từ 1 đến 100, điều chỉnh giá trị tùy theo nhu cầu của bạn. 2.6.1.2 Hình chữ nhật Sử dụng thành phần
Hình chữ nhật khi bạn muốn vẽ hình chữ nhật hoặc hình vuông. Vẽ hình chữ nhật và hình vuông 1. Chọn thành phần Rectangle. 2. Vẽ hình chữ nhật
hoặc hình vuông bằng cách kéo trực tiếp thành phần Hình chữ nhật vào vị trí bạn muốn trong khung Trình chỉnh sửa. 3. Thực hiện một trong những
thao tác sau: – Để điều chỉnh kích thước của hình chữ nhật hoặc hình vuông, hãy kéo hình vuông màu lam trên đường viền cho đến khi hình chữ nhật
hoặc hình vuông có kích thước mong muốn hoặc chỉ định giá trị cho Vị trí và Kích thước trong ngăn Thuộc tính. – Để di chuyển thành phần, hãy kéo
thành phần đó mà không nhấp vào các ô vuông màu xanh lam trên đường viền. – Để chọn hình chữ nhật hoặc hình vuông, hãy chỉ định Độ rộng
đường viền và Kiểu đường viền trong ngăn Thuộc tính. Nếu bạn muốn tô màu cho đường viền và nền, hãy chọn các mẫu màu riêng biệt. Giao diện
người dùng 2.6 Khung thành phần LOGO! Web Editor Trợ giúp trực tuyến 32 Hướng dẫn vận hành, 03/2019, A5E42880034 - AB Thuộc tính cho Hình
chữ nhật: ● Cơ bản – Tên: Hình chữ nhật – Vị trí: bạn có thể sửa đổi tọa độ vị trí cho hình chữ nhật. – Kích thước: bạn có thể sửa đổi thông tin chiều
rộng và chiều cao cho hình chữ nhật. ● Styles – Border Width: điều chỉnh giá trị tùy theo nhu cầu của bạn. – Kiểu viền: chọn chấm, đứt, liền hay kép
tùy theo nhu cầu. – Màu viền: nhấp vào các mẫu Màu viền, chọn một mẫu màu và nhấp vào nút OK. – Màu nền: nhấp vào Mẫu màu nền, chọn một
mẫu màu và nhấp vào nút OK. – Transparency: giá trị nằm trong khoảng từ 1 đến 100, điều chỉnh giá trị tùy theo nhu cầu của bạn. – Tô màu: nhấp vào
hộp kiểm tùy thuộc vào việc có tô màu nền cho hình chữ nhật hay không. 2.6.1.3 Hình tròn Sử dụng thành phần Hình tròn khi bạn muốn vẽ hình tròn
hoặc hình elip. Vẽ hình tròn và hình elip 1. Chọn thành phần Circle. 2. Vẽ một vòng tròn bằng cách kéo trực tiếp thành phần Vòng tròn vào nơi bạn
muốn trong khung Trình chỉnh sửa. 3. Thực hiện một trong những thao tác sau: – Để điều chỉnh kích thước hình tròn, hãy kéo hình vuông màu lam
trên đường viền cho đến khi hình tròn có kích thước mong muốn hoặc chỉ định giá trị cho Vị trí và Kích thước trong ngăn Thuộc tính. – Để vẽ hình elip,
hãy kéo thành phần hình tròn vào ngăn trình soạn thảo, sau đó kéo hình vuông màu xanh lam trên đường viền cho đến khi hình elip có kích thước
mong muốn hoặc chỉ định giá trị cho Vị trí và Kích thước trong ngăn Thuộc tính. – Để di chuyển thành phần, hãy kéo thành phần đó mà không nhấp
vào các ô vuông màu xanh lam trên đường viền. – Để chọn hình tròn hoặc hình elip, hãy chỉ định Độ rộng đường viền và Kiểu đường viền trong ngăn
Thuộc tính. Nếu bạn muốn tô màu cho đường viền và nền, hãy chọn các mẫu màu riêng biệt. Giao diện người dùng 2.6 Khung thành phần LOGO! Web
Editor Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 33 Thuộc tính cho hình tròn: ● Cơ bản – Tên: Hình tròn – Vị trí: bạn có thể
sửa đổi tọa độ vị trí cho hình tròn. – Kích thước: bạn có thể sửa đổi thông tin chiều rộng và chiều cao cho hình tròn. ● Styles – Border Width: điều
chỉnh giá trị tùy theo nhu cầu của bạn. – Kiểu viền: chọn chấm, đứt, liền hay kép tùy theo nhu cầu. – Màu viền: nhấp vào các mẫu Màu viền, chọn một
mẫu màu và nhấp vào nút OK. – Màu nền: nhấp vào Mẫu màu nền, chọn một mẫu màu và nhấp vào nút OK. – Transparency: giá trị nằm trong khoảng
từ 1 đến 100, điều chỉnh giá trị tùy theo nhu cầu của bạn. – Tô màu: nhấp vào hộp kiểm tùy thuộc vào việc có tô màu nền cho hình tròn hay không.
2.6.2 Cơ bản Cơ bản thường được sử dụng để thêm văn bản, hình ảnh và liên kết vào dự án của bạn. Cơ bản chứa các lựa chọn sau: ● Văn bản (Trang
33) ● Hình ảnh (Trang 35) ● Liên kết (Trang 35) 2.6.2.1 Văn bản Sử dụng thành phần Văn bản khi bạn muốn thêm mô tả từ. Nhập văn bản Văn bản bắt
đầu tại nơi bạn kéo thành phần Văn bản. Khi văn bản đạt đến một ranh giới, nó sẽ tự động ngắt dòng để vừa với khu vực đã xác định. 1. Chọn thành
phần Văn bản. 2. Kéo trực tiếp thành phần Văn bản vào nơi bạn muốn dòng văn bản nằm trong khung Trình chỉnh sửa. 3. Nhập văn bản bằng cách
nhấp đúp vào thành phần văn bản để chỉnh sửa nội tuyến hoặc thay đổi Giá trị văn bản trong ngăn Thuộc tính. Giao diện người dùng 2.6 Khung thành
phần LOGO! Web Editor Trợ giúp trực tuyến 34 Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 4. Nhấn phím esc hoặc nhấp vào khu vực khác để
thoát khỏi chế độ chỉnh sửa. 5. Khi bạn hoàn tất chỉnh sửa văn bản, – sửa đổi nội dung bằng cách bấm đúp vào thành phần văn bản để chỉnh sửa nội
tuyến hoặc thay đổi Giá trị văn bản trong ngăn Thuộc tính; – điều chỉnh vùng văn bản bằng cách kéo hình vuông màu xanh lam trên đường viền hoặc
sửa đổi giá trị cho Kích thước trong ngăn Thuộc tính; – di chuyển văn bản bằng cách kéo thành phần mà không cần nhấp vào ô vuông màu xanh lam
trên đường viền. Thuộc tính cho Văn bản: ● Cơ bản – Tên: Văn bản – Vị trí: bạn có thể sửa đổi tọa độ vị trí cho văn bản. – Kích thước: bạn có thể sửa
đổi thông tin chiều rộng và chiều cao cho văn bản. ● Styles – Font: chọn riêng thông tin Font, Font Style và Size trong khung Font. Nhấp vào nút OK để
lưu hiệu chỉnh hoặc nhấp vào nút Đặt lại về Mặc định để đặt lại về cài đặt mặc định. – Màu văn bản: nhấp vào Text Color Swatches, chọn một mẫu
màu và nhấp vào nút OK. – Màu nền: nhấp vào Mẫu màu nền, chọn một mẫu màu và nhấp vào nút OK. – Tô màu: nhấp vào hộp kiểm tùy thuộc vào
việc có tô màu nền cho vùng văn bản hay không. ● Values – Text Value: gõ nội dung. Giao diện người dùng 2.6 Khung thành phần LOGO! Web Editor
Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 35 2.6.2.2 Hình ảnh Sử dụng thành phần Hình ảnh khi bạn muốn thêm hình ảnh.
Tạo một hình ảnh Hình ảnh bắt đầu khi bạn kéo thành phần Hình ảnh. Mỗi hình ảnh là độc lập. 1. Chọn thành phần Hình ảnh. 2. Kéo trực tiếp thành
phần Hình ảnh vào nơi bạn muốn đặt hình ảnh trong khung Trình chỉnh sửa. 3. Khi bạn tạo một hình ảnh, – điều chỉnh kích thước hình ảnh bằng cách
kéo hình vuông màu xanh lam trên đường viền hoặc sửa đổi giá trị cho Kích thước trong ngăn Thuộc tính; – chỉnh sửa hình ảnh trong ngăn Thuộc tính
bằng cách chọn ảnh thích hợp cho hình ảnh trong Thư viện đồ thị; – di chuyển thành phần bằng cách kéo nó mà không cần nhấp vào ô vuông màu
xanh lam trên đường viền. Thuộc tính cho hình ảnh: ● Cơ bản – Tên: Hình ảnh – Vị trí: bạn có thể sửa đổi tọa độ vị trí cho hình ảnh. – Kích thước: bạn
có thể sửa đổi thông tin chiều rộng và chiều cao cho hình ảnh. ● Giá trị – Hình ảnh: chọn hình ảnh phù hợp từ Thư viện đồ thị. 2.6.2.3 Liên kết Sử dụng
thành phần Liên kết khi bạn muốn thêm liên kết Bộ định vị tài nguyên thống nhất (URL). Tạo liên kết Liên kết bắt đầu khi bạn kéo thành phần Liên kết.
Mỗi liên kết là độc lập. 1. Chọn thành phần Liên kết. 2. Kéo trực tiếp thành phần Liên kết vào nơi bạn muốn dòng liên kết nằm trong khung Trình chỉnh
sửa. Giao diện người dùng 2.6 Khung thành phần LOGO! Trợ giúp Trực tuyến về Web Editor 36 Hướng dẫn Vận hành, 03/2019, A5E42880034 - AB 3.
Khi bạn chỉnh sửa liên kết, – bấm đúp vào thành phần liên kết để chỉnh sửa nội tuyến hoặc thay đổi Giá trị Văn bản trong ngăn Thuộc tính; – nhập giá
trị Url trong ngăn Thuộc tính. 4. Sau khi bạn tạo liên kết, – điều chỉnh kích thước liên kết bằng cách kéo hình vuông màu xanh lam trên đường viền
hoặc sửa đổi giá trị cho Kích thước trong ngăn Thuộc tính; – di chuyển thành phần bằng cách kéo nó mà không cần nhấp vào ô vuông màu xanh lam
trên đường viền. Lưu ý Nếu bạn nhập nhiều văn bản hơn mức có thể vừa trong vùng liên kết, dấu nháy đơn (...) sẽ xuất hiện ở cuối vùng liên kết. Bạn
nên điều chỉnh vùng liên kết bằng cách kéo ô vuông màu xanh trên đường viền hoặc sửa đổi giá trị cho Kích thước trong ngăn Thuộc tính. Thuộc tính
cho liên kết: ● Cơ bản – Tên: Liên kết – Vị trí: bạn có thể sửa đổi tọa độ vị trí cho liên kết. – Kích thước: bạn có thể sửa đổi thông tin chiều rộng và
chiều cao cho liên kết. ● Styles – Font: chọn riêng thông tin Font, Font Style và Size trong khung Font. Nhấp vào nút OK để lưu hiệu chỉnh hoặc nhấp
vào nút Đặt lại về Mặc định để đặt lại về cài đặt mặc định. – Màu văn bản: nhấp vào Text Color Swatches, chọn một mẫu màu và nhấp vào nút OK. –
Màu nền: nhấp vào Mẫu màu nền, chọn một mẫu màu và nhấp vào nút OK. – Tô màu: nhấp vào hộp kiểm tùy thuộc vào việc có tô màu nền cho vùng
liên kết hay không. ● Giá trị – Giá trị văn bản: Nhập nội dung cho liên kết. – Url: Gõ đường dẫn URL. Giao diện người dùng 2.6 Khung thành phần
LOGO! Web Editor Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 37 2.6.3 Giá trị số Kỹ thuật số được sử dụng để trình bày giá
trị số "0" và "1" một cách trực quan. Giá trị số chỉ chứa một lựa chọn: ● Giá trị số (Trang 37) 2.6.3.1 Giá trị số Sử dụng thành phần Giá trị số khi bạn
muốn hiển thị giá trị số "0" và "1" một cách trực quan. "0" dành cho "ngoài trạng thái" và "1" dành cho "ở trạng thái". Tạo giá trị số 1. Chọn thành phần
Giá trị số. 2. Kéo trực tiếp thành phần Giá trị kỹ thuật số vào nơi bạn muốn trong khung Trình chỉnh sửa. 3. Khi bạn tạo một giá trị kỹ thuật số, – điều
chỉnh kích thước bằng cách kéo hình vuông màu xanh lam trên đường viền hoặc sửa đổi giá trị cho Kích thước trong ngăn Thuộc tính;
– di chuyển thành phần bằng cách kéo nó mà không cần nhấp vào ô vuông màu xanh lam trên
đường viền.
Các thuộc tính cho Giá trị số:
● Cơ bản
– Tên: Giá trị số
– Vị trí: bạn có thể sửa đổi tọa độ vị trí cho giá trị số.
– Kích thước: bạn có thể sửa đổi thông tin chiều rộng và chiều cao cho giá trị kỹ thuật số.
● Biến
– Tên biến: chọn Thẻ riêng hoặc Thẻ toàn cầu tùy theo nhu cầu của bạn.
– Loại biến: chọn I, Q, M , V , Phím con trỏ, Phím chức năng hoặc Thanh ghi Shift cho loại
biến.
– Block Number: theo bảng bên dưới để chọn từng giá trị.
– Có thể ghi: nhấp vào hộp kiểm tùy thuộc vào việc bạn có chức năng ghi hay không. Để biết
Loại khối Số khối Có thể ghi

I I1-I24 Chỉ đọc
Q Q1-Q20 Đọc và ghi
M M1-M64 Đọc và ghi
V VB: 0-850
Bit đọc và ghi: 0-7 Đọc và ghi
Phím con trỏ Chức
năng chỉ đọc C1-C4 Phím F1-F4 Thanh ghi
Shift Chỉ đọc
S1.1-S1.8,S2.1-S2.8,
S3.1-S3.8,S4.1-S4.8,
Chỉ đọc
● Hoạt hình
– Trên Hình ảnh: chọn hình ảnh thích hợp cho trạng thái on-state trong Graph Library.
– Hình ảnh tắt: chọn ảnh thích hợp cho trạng thái tắt trong Thư viện đồ thị.
– On Text: nhập nội dung hiển thị cho trạng thái on.
– Off Text: nhập nội dung hiển thị cho trạng thái off.
2.6.4 Analog
Analog Giá trị được sử dụng để chỉnh sửa biến analog một cách trực quan.
Giá trị tương tự chứa các lựa chọn sau:
● Giá trị tương tự (Trang 39)
● Thanh tương tự (Trang 40)
● Thanh trượt tương tự (Trang 41)
2.6.4.1 Giá trị tương tự
Sử dụng thành phần Giá trị tương tự khi bạn muốn hiển thị giá trị tương tự.
Tạo một giá trị tương tự
1. Chọn thành phần Giá trị tương tự.
2. Kéo trực tiếp thành phần Giá trị tương tự vào nơi bạn muốn trong khung Trình chỉnh sửa.
3. Khi bạn tạo giá trị tương tự,
– điều chỉnh kích thước bằng cách kéo hình vuông màu xanh lam trên đường viền hoặc sửa đổi giá trị
cho Kích thước trong ngăn Thuộc tính;
– chỉnh sửa giá trị analog bằng cách chọn giá trị tương ứng cho Biến trong
ngăn Thuộc tính.
– di chuyển thành phần bằng cách kéo nó mà không cần nhấp vào ô vuông màu xanh lam trên
đường viền.
Các thuộc tính cho Giá trị tương tự:
● Cơ bản
– Tên: Giá trị tương tự
– Vị trí: bạn có thể sửa đổi tọa độ vị trí cho giá trị tương tự.
– Kích thước: bạn có thể sửa đổi thông tin chiều rộng và chiều cao cho giá trị tương tự.
● Biến
– Tên biến: chọn Thẻ riêng hoặc Thẻ toàn cầu tùy theo nhu cầu của bạn.
– Block Type: chọn AI, AQ, AM, VB, VD hoặc VW cho loại biến.
– Block Number: theo bảng bên dưới để chọn từng giá trị.
– Block Format: chọn Hex, Binary, Signed hoặc Unsigned cho định dạng hiển thị.
– Đơn vị: chọn đơn vị thích hợp.
– Có thể ghi: nhấp vào hộp kiểm tùy thuộc vào việc bạn có chức năng ghi hay không. Để biết
Loại khối Số khối Có thể ghi

AI AI1-AI16 Chỉ đọc
AQ AQ1-AQ16 Đọc và ghi
AM AM AM1-AM64 Đọc và ghi VB 0-850 Đọc ghi
VD
0-847 Đọc ghi VW 0-849 Đọc ghi Giao diện người dùng 2.6 Thành phần ngăn LOGO! Web Editor Trợ giúp trực tuyến 40 Hướng dẫn vận hành, 03/2019,
A5E42880034 - AB 2.6.4.2 Thanh tương tự Sử dụng thành phần Thanh tương tự khi bạn muốn tạo một thanh tương tự để hiển thị biến động . Tạo
thanh analog 1. Chọn thành phần Thanh analog . 2. Kéo trực tiếp thành phần Thanh tương tự vào nơi bạn muốn trong khung Trình chỉnh sửa. 3. Khi
bạn tạo một thanh analog, – điều chỉnh kích thước bằng cách kéo hình vuông màu xanh lam trên đường viền hoặc sửa đổi giá trị cho Kích thước trong
ngăn Thuộc tính; – chỉnh sửa giá trị thanh analog bằng cách chọn giá trị tương ứng cho Biến và Hoạt ảnh trong ngăn Thuộc tính; – di chuyển thành
phần bằng cách kéo nó mà không cần nhấp vào ô vuông màu xanh lam trên đường viền. Các thuộc tính cho Thanh tương tự: ● Cơ bản – Tên: Thanh
tương tự – Vị trí: bạn có thể sửa đổi tọa độ vị trí cho thanh tương tự. – Kích thước: bạn có thể sửa đổi thông tin chiều rộng và chiều cao cho thanh
analog. ● Biến – Tên biến: chọn Thẻ riêng hoặc Thẻ toàn cầu tùy theo nhu cầu của bạn. – Block Type: chọn AI, AQ, AM, VB, VD hoặc VW cho loại biến.
– Block Number: chọn từng giá trị theo bảng bên dưới. Loại khối Số khối AI AI1-AI16 AQ AQ1-AQ16 AM AM1-AM64 VB 0-850 VD 0-847 VW 0-849 ●
Hoạt ảnh – Max. Giá trị: đặt giá trị tối đa cho thanh analog tùy theo nhu cầu của bạn. – Tối thiểu. Giá trị: đặt giá trị tối thiểu cho thanh analog tùy theo
nhu cầu của bạn. – Tỷ lệ: thiết lập tỷ lệ cho thanh analog tùy theo nhu cầu của bạn. – Màu sắc: nhấp vào Mẫu màu Cài đặt màu, theo các khoảng khác
nhau, chọn một mẫu màu tương ứng và nhấp vào nút OK. Giao diện người dùng 2.6 Khung thành phần LOGO! Web Editor Trợ giúp trực tuyến Hướng
dẫn vận hành, 03/2019, A5E42880034 - AB 41 2.6.4.3 Thanh trượt tương tự Sử dụng thành phần Thanh trượt tương tự khi bạn muốn tạo một thanh
trượt tương tự để hiển thị biến thanh trượt. Tạo thanh trượt analog 1. Chọn thành phần Thanh trượt Analog . 2. Kéo trực tiếp thành phần Thanh trượt
Tương tự vào nơi bạn muốn trong ngăn Trình chỉnh sửa. 3. Khi bạn tạo một thanh trượt tương tự, – điều chỉnh kích thước bằng cách kéo hình vuông
màu xanh lam trên đường viền hoặc sửa đổi giá trị cho Kích thước trong ngăn Thuộc tính; – chỉnh sửa giá trị thanh trượt tương tự bằng cách chọn giá
trị tương ứng cho Biến và Hoạt ảnh trong khung Thuộc tính; – di chuyển thành phần bằng cách kéo nó mà không cần nhấp vào ô vuông màu xanh lam
trên đường viền. Giao diện người dùng 2.6 Khung thành phần LOGO! Web Editor Trợ giúp trực tuyến 42 Hướng dẫn vận hành, 03/2019, A5E42880034 -
AB Thuộc tính cho Thanh trượt Analog: ● Cơ bản – Tên: Thanh trượt Analog – Vị trí: bạn có thể sửa đổi tọa độ vị trí cho thanh trượt analog. – Kích
thước: bạn có thể sửa đổi thông tin chiều rộng và chiều cao cho thanh trượt tương tự. ● Biến – Tên biến: chọn Thẻ riêng hoặc Thẻ toàn cầu tùy theo
nhu cầu của bạn. – Block Type: chọn AI, AQ, AM, VB, VD hoặc VW cho loại biến. – Block Number: theo bảng bên dưới để chọn từng giá trị. – Có thể
ghi: nhấp vào hộp kiểm tùy thuộc vào việc bạn có chức năng ghi hay không. Để biết thông tin chi tiết, hãy tham khảo bảng sau. Loại khối Số khối Có
thể ghi AI AI1-AI16 Chỉ đọc AQ AQ1-AQ16 Đọc và ghi AM AM AM1-AM64 Đọc và ghi VB 0-850 Đọc và ghi VD 0-847 Đọc và ghi VW 0-849 Đọc và ghi ●
Hoạt ảnh – Max . Giá trị: đặt giá trị tối đa cho Thanh trượt tương tự tùy theo nhu cầu của bạn. – Tối thiểu. Giá trị: đặt giá trị tối thiểu cho Thanh trượt
tương tự tùy theo nhu cầu của bạn. – Background Image: chọn ảnh phù hợp từ Graph Library. – Thumb Image: chọn ảnh thích hợp từ Graph Library.
Giao diện người dùng 2.6 Khung thành phần LOGO! Web Editor Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 43 2.6.5 Khác
Khác Khác được sử dụng cho các chức năng khác. Linh tinh có hai lựa chọn: ● Tỷ lệ thời gian (Trang 43) ● LOGO! Đồng hồ (Trang 44) 2.6.5.1 Tỷ lệ thời
gian Sử dụng thành phần Tỷ lệ thời gian khi bạn muốn hiển thị một giá trị thời gian. Tỷ lệ thời gian là giá trị thực tế của một khối chức năng được tham
chiếu được hiển thị dưới dạng giá trị thời gian. Các định dạng hiển thị thời gian có thể hiển thị như sau: ● giờ : phút : giây . mili giây ● giờ : phút : giây ●
giờ : phút ● giờ Tạo tỷ lệ thời gian 1. Chọn thành phần Tỷ lệ thời gian . 2. Kéo trực tiếp thành phần Tỷ lệ thời gian đến nơi bạn muốn trong khung Trình
chỉnh sửa. 3. Khi bạn tạo tỷ lệ thời gian, – điều chỉnh kích thước bằng cách kéo hình vuông màu xanh lam trên đường viền hoặc sửa đổi giá trị cho
Kích thước trong ngăn Thuộc tính; – chỉnh sửa giá trị thời gian của tỷ lệ bằng cách chọn giá trị tương ứng cho Biến trong ngăn Thuộc tính; – di chuyển
thành phần bằng cách kéo nó mà không cần nhấp vào ô vuông màu xanh lam trên đường viền. Giao diện người dùng 2.6 Khung thành phần LOGO!
Web Editor Trợ giúp trực tuyến 44 Hướng dẫn vận hành, 03/2019, A5E42880034 - AB Các thuộc tính cho Thang thời gian: ● Cơ bản – Tên: Thang thời
gian – Vị trí: bạn có thể sửa đổi tọa độ vị trí cho thang thời gian. – Kích thước: bạn có thể sửa đổi thông tin chiều rộng và chiều cao cho thời gian tỷ lệ.
● Biến – Tên biến: chọn Thẻ riêng hoặc Thẻ toàn cầu tùy theo nhu cầu của bạn. – Block Type: chọn AI, AQ, AM, VB, VD hoặc VW cho loại biến. – Block
Number: theo bảng bên dưới để chọn từng giá trị. – Đơn vị thời gian: chọn đơn vị Giờ(h), Phút(m), Giây(s) hoặc 10Milliseconds(ms) tùy theo nhu cầu
của bạn. – Có thể ghi: nhấp vào hộp kiểm tùy thuộc vào việc bạn có chức năng ghi hay không. Để biết thông tin chi tiết, hãy tham khảo bảng sau. Loại
khối Số khối Ghi được AI AI1-AI16 Chỉ đọc AQ AQ1-AQ16 Đọc ghi AM AM AM1-AM64 Đọc ghi VB 0-850 Đọc ghi VD 0-847 Đọc ghi VW 0-849 Đọc ghi
2.6.5.2 LOGO ! Đồng hồ Sử dụng LOGO! Thành phần đồng hồ để hiển thị thông tin ngày giờ từ LOGO! Mô-đun cơ sở . Tạo LOGO! Đồng hồ Bạn chỉ có
thể đọc thông tin ngày giờ từ LOGO! Mô-đun cơ sở. 1. Chọn LOGO! Thành phần đồng hồ. 2. Kéo LOGO! Thành phần đồng hồ trực tiếp ở nơi bạn muốn
trong khung Trình chỉnh sửa. 3. Sau khi bạn tạo LOGO! Đồng hồ, – điều chỉnh LOGO! Kích thước đồng hồ bằng cách kéo hình vuông màu xanh lam trên
đường viền hoặc sửa đổi giá trị cho Kích thước trong ngăn Thuộc tính; – sửa đổi phông chữ, màu văn bản và màu nền cho phần hiển thị văn bản trong
ngăn Thuộc tính. – di chuyển thành phần bằng cách kéo nó mà không cần nhấp vào ô vuông màu xanh lam trên đường viền. Giao diện người dùng 2.7
Khung soạn thảo LOGO! Web Editor Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 45 Các thuộc tính cho LOGO! Đồng hồ: ●
Cơ bản – Tên: LOGO! Đồng hồ – Vị trí: bạn có thể sửa đổi tọa độ vị trí cho văn bản. – Kích thước: bạn có thể sửa đổi thông tin chiều rộng và chiều cao
cho văn bản. ● Styles – Font: chọn riêng thông tin Font, Font Style và Size trong khung Font. Nhấp vào nút OK để lưu hiệu chỉnh hoặc nhấp vào nút Đặt
lại về Mặc định để đặt lại về cài đặt mặc định. – Màu văn bản: nhấp vào Text Color Swatches, chọn một mẫu màu và nhấp vào nút OK. – Màu nền:
nhấp vào Mẫu màu nền, chọn một mẫu màu và nhấp vào nút OK. – Tô màu: nhấp vào hộp kiểm tùy thuộc vào việc có tô màu nền cho vùng văn bản
hay không. 2.7 Khung soạn thảo Khung soạn thảo là không gian làm việc cho dự án và nó được hiển thị ở giữa cửa sổ. Nó hiển thị các trang đã mở,
bảng thẻ và trình điều hướng cho dự án. Bạn có thể chuyển sang các cửa sổ khác nhau cho Trang chủ, Trang, Bảng thẻ hoặc Bộ điều hướng bằng
cách nhấp đúp vào chúng từ cây Dự án. Để giúp bạn duy trì cái nhìn tổng quan về một dự án hoàn chỉnh, phía bên phải và phía dưới của ngăn Trình
chỉnh sửa chứa các thanh cuộn mà bạn có thể sử dụng để cuộn dọc và ngang trong quá trình chỉnh sửa dự án. Khi bạn chỉnh sửa các thành phần
trong ngăn Trình chỉnh sửa, bạn có thể tham khảo Cách chỉnh sửa thành phần thông qua menu tắt (Trang 70). 2.8 Khung thuộc tính Khung Thuộc tính
hiển thị mô tả thuộc tính của thành phần, trang hoặc Bộ điều hướng đã chọn trong dự án. Bạn có thể kiểm tra thông tin thuộc tính chi tiết bằng cách
nhấp vào chúng trong ngăn Trình chỉnh sửa và chỉnh sửa chúng trong ngăn Thuộc tính. Giao diện người dùng 2.9 Thư viện đồ thị LOGO! Web Editor
Trợ giúp trực tuyến 46 Hướng dẫn vận hành, 03/2019, A5E42880034 - AB Để biết thông tin chi tiết về thuộc tính cho từng thành phần, hãy tham khảo
bảng sau: Công cụ Polyline (Trang 30) Hình chữ nhật (Trang 31) Hình tròn (Trang 32) Văn bản cơ bản (Trang 33) Hình ảnh (Trang 35) Liên kết (Trang
35) Kỹ thuật số Giá trị Kỹ thuật số (Trang 37 ) Giá trị Tương tự Tương tự (Trang 39) Thanh tương tự (Trang 40) Thanh trượt Tương tự (Trang 41) Tỉ lệ
Khác Thời gian (Trang 43) LOGO! Đồng hồ (Trang 44) Trang cây dự án (Trang 26) Bộ điều hướng (Trang 29) 2.9 Thư viện đồ thị Thư viện đồ thị là
LOGO! Thư viện đồ họa tích hợp Web Editor. Bạn có thể chọn đồ họa cho ba thành phần sau trong khung Thuộc tính. ● Trang: lựa chọn cho Ảnh nền; ●
Hình ảnh: lựa chọn cho Hình ảnh; ● Giá trị số: các lựa chọn cho Bật ảnh và Tắt ảnh; ● Thanh trượt Analog: các lựa chọn cho Ảnh nền và Ảnh ngón tay
cái. Thư viện Đồ thị bao gồm ba phần: ● Đồ thị tích hợp (Trang 47) ● Màu sắc (Trang 48) ● Đồ thị của tôi (Trang 49) Giao diện người dùng 2.9 Thư viện
Đồ thị LOGO! Web Editor Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 47 2.9.1 Đồ thị tích hợp Trong thư mục Đồ thị tích hợp,
mỗi thư mục con chứa các loại đồ họa khác nhau. Ví dụ: Hoạt ảnh, Tự động hóa, Lưu vực, v.v. Khi bạn nhấp vào thư mục con, đồ họa trong thư mục
con này sẽ hiển thị ở bên phải của hộp thoại. Giao diện người dùng 2.9 Thư viện đồ thị LOGO! Web Editor Trợ giúp trực tuyến 48 Hướng dẫn vận hành,
03/2019, A5E42880034 - AB Trong thư mục Đồ thị tích hợp, bạn có thể thực hiện các thao tác sau: ● Để chọn hình ảnh phù hợp, nhấp vào hình ảnh và
xác nhận lựa chọn bằng cách nhấp vào nút OK. ● Để tìm kiếm bất kỳ loại hình ảnh nào, hãy nhập từ khóa vào trường nhập và nhấp vào nút Tìm kiếm
hoặc nhấn phím enter, sau đó kết quả hiển thị ở bên phải của hộp thoại . Lưu ý Để sử dụng chức năng tìm kiếm, • phạm vi tìm kiếm chỉ khả dụng cho
thư mục được chọn hiện tại. • chỉ liệt kê những hình ảnh có tên chứa từ khóa. ● Để sao chép ảnh đã chọn vào thư mục Đồ thị của tôi hoặc thư mục tùy
chỉnh, nhấp chuột phải vào ảnh và chọn Sao chép vào, sau đó ảnh màu xuất hiện trong thư mục Đồ thị của tôi hoặc thư mục tùy chỉnh. 2.9.2 Màu sắc
Có nhiều loại màu sắc khác nhau trong thư mục Màu sắc. Trong thư mục Màu, bạn có thể thực hiện các thao tác sau: ● Để chọn hình ảnh màu thích
hợp, nhấp vào hình ảnh và xác nhận lựa chọn bằng cách nhấp vào nút OK. ● Để tìm kiếm bất kỳ loại màu nào, hãy nhập từ khóa vào trường nhập và
nhấp vào nút Tìm kiếm hoặc nhấn phím enter, sau đó kết quả hiển thị ở bên phải của hộp thoại . ● Để sao chép ảnh đã chọn vào thư mục Đồ thị của
tôi hoặc thư mục tùy chỉnh, nhấp chuột phải vào ảnh và chọn Sao chép vào, sau đó ảnh màu xuất hiện trong thư mục Đồ thị của tôi hoặc thư mục tùy
chỉnh. Giao diện người dùng 2.9 Thư viện đồ thị LOGO! Web Editor Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 49 2.9.3 Đồ
thị của tôi Thư mục Đồ thị của tôi được sử dụng để tạo thư mục tùy chỉnh. Bạn có thể nhập hình ảnh từ đĩa cục bộ vào cả thư mục My Graph và thư
mục tùy chỉnh. Trong thư mục Đồ thị của tôi, bạn có thể thực hiện các thao tác sau: ● Để tạo thư mục tùy chỉnh, nhấp chuột phải vào thư mục Đồ thị
của tôi và chọn Thư mục mới, sau đó Thư mục mới xuất hiện bên dưới thư mục Đồ thị của tôi. Lưu ý Số thư mục tùy chỉnh được hỗ trợ tối đa là 20. ●
Để đổi tên thư mục tùy chỉnh, – nhấp chuột phải vào thư mục tùy chỉnh và chọn Đổi tên; – sau đó tên của thư mục tùy chỉnh chuyển sang trạng thái có
thể chỉnh sửa, nhập tên mới; – lưu thay đổi bằng cách nhấn phím enter. ● Để xóa thư mục tùy chỉnh, nhấp chuột phải vào thư mục tùy chỉnh và chọn
Xóa, sau đó xóa thư mục tùy chỉnh khỏi thư mục Đồ thị của tôi. Trong thư mục Đồ thị của tôi hoặc thư mục tùy chỉnh, bạn có thể thực hiện các thao
tác sau: ● Để Nhập hình ảnh từ đĩa cục bộ, – trỏ đến thư mục Đồ thị của tôi hoặc thư mục tùy chỉnh; – nhấp vào nút Tải tệp lên để tìm thư mục của
hình ảnh trong đĩa cục bộ của bạn; – nhấp vào nút Mở để tải hình ảnh lên; – sau đó hình ảnh xuất hiện ở phía bên phải của hộp thoại. Lưu ý • Các định
dạng tệp hình ảnh được hỗ trợ như sau: PNG, JPG/JPEG, GIF, TIF/TIFF. • Đối với hình ảnh có định dạng GIF, nếu kích thước hình ảnh lớn hơn 1 MB, nó
không thể được xem trước động trong Thư viện đồ thị. • Sẽ mất vài phút để tải lên hình ảnh có độ phân giải cao. ● Để sao chép ảnh đã chọn, nhấp
chuột phải vào ảnh và chọn Sao chép vào trong menu phím tắt, sau đó ảnh xuất hiện trong thư mục Đồ thị của tôi hoặc thư mục tùy chỉnh. Giao diện
người dùng 2.9 Thư viện đồ thị LOGO! Web Editor Trợ giúp trực tuyến 50 Hướng dẫn vận hành, 03/2019, A5E42880034 - AB ● Để di chuyển hình ảnh
đã chọn, nhấp chuột phải vào hình ảnh và chọn Move To trong menu phím tắt, sau đó hình ảnh di chuyển đến thư mục Đồ thị của tôi hoặc thư mục tùy
chỉnh ● Để xóa hình ảnh đã chọn, nhấp chuột phải vào hình ảnh và chọn Xóa trong menu lối tắt, sau đó hình ảnh sẽ bị xóa khỏi thư mục Đồ thị của tôi
hoặc thư mục tùy chỉnh. LOGO! Web Editor Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 51 Hướng dẫn 3 3.1 Điều kiện tiên
quyết để làm việc với hướng dẫn Để sử dụng hướng dẫn này, bạn phải quen với thao tác trên PC và bạn phải biết cách tạo dự án. Để tải xuống dự án
của bạn, bạn cũng cần có cáp PC, thẻ SD hoặc cáp Ethernet để kết nối giao diện PC với LOGO của bạn! thiết bị. 3.2 Bắt đầu tạo dự án 3.2.1 Tạo dự án
mới Sau khi bạn đã cài đặt LOGO! công cụ Web Editor, bạn có thể bắt đầu tạo một dự án mới. Để tạo một dự án mới, nhấp vào Tệp → Dự án mới hoặc
nhấp vào nút Dự án mới trên thanh công cụ tiêu chuẩn. → Tệp -> Dự án mới (Trang 14) Sau đó, một dự án mới chứa Trang, Thẻ toàn cầu và Bộ điều
hướng sẽ tự động xuất hiện trong cây Dự án (Trang 26). Bạn có thể làm việc với LOGO! BM để tải lên (Trang 21) hoặc tải xuống (Trang 19) dự án, tùy
chỉnh các trang web trong ngăn Trình chỉnh sửa (Trang 45), kết hợp các thành phần khác nhau từ ngăn Thành phần (Trang 29), sửa đổi thuộc tính
thành phần từ ngăn Thuộc tính ( Trang 45) và tham quan toàn bộ dự án thông qua Web Server của LOGO! Mô-đun cơ sở. Lưu ý Khi bạn tạo một dự án
mới, sau khi bạn nhấp vào nút Kết thúc để lưu cài đặt cho Tên và Vị trí, dự án hiện tại sẽ bị đóng. Nếu bạn chưa lưu dự án hiện tại, LOGO! Web Editor
nhắc bạn lưu nó. Hướng dẫn 3.2 Bắt đầu tạo dự án LOGO! Web Editor Trợ giúp trực tuyến 52 Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 3.2.2
Truy cập dự án qua trang web Sau khi triển khai toàn bộ dự án, bạn có thể truy cập dự án qua trang web. 1. Mở trình duyệt web và nhập địa chỉ IP hợp
lệ của LOGO! Mô-đun cơ sở. 2. Sau đó, trang Đăng nhập xuất hiện. 3. Nhập Mật khẩu cho LOGO! Mô-đun cơ sở. 4. Đảm bảo rằng bạn đã chọn hộp
kiểm trước "đến trang tùy chỉnh" và nhấp vào nút Đăng nhập. Sau đó, bạn có thể xem dự án trong trình duyệt web của mình. Lưu ý Nếu bạn tải dự án
đã sửa đổi xuống LOGO! BM, bạn nên đăng nhập lại vào trang web tương ứng để đảm bảo việc chỉnh sửa hoạt động. Hướng dẫn 3.3 Ví dụ thực tế
LOGO! Web Editor Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 53 3.3 Ví dụ thực tế 3.3.1 Giới thiệu ví dụ thực tế Mẫu thực tế
này có thể áp dụng cho các hệ thống điều khiển ánh sáng và điều khiển mực nước bể bơi, đồng thời cung cấp cho người dùng mới hướng dẫn từng
bước giới thiệu. Bạn tìm hiểu ở đây cách tạo toàn bộ dự án và dự án chứa các quy trình tạo cho Trang (Trang 53), Thẻ toàn cầu (Trang 55) và Bộ điều
hướng (Trang 56). Để biết thông tin cấu hình chi tiết của các thành phần đặc biệt, hãy tham khảo chương Ví dụ về cấu hình các thành phần đặc biệt
(Trang 57). 3.3.2 Ví dụ về Trang Trong dự án bể bơi này, có hai trang: ● Trang chủ là hệ thống kiểm soát mức bể bơi và tên trang không thể thay đổi; ●
Trang điều khiển ánh sáng là hệ thống điều khiển ánh sáng bể bơi và tên trang có thể được đổi tên. Trang chủ Kiểm soát mực nước bể bơi Hệ thống
kiểm soát mực nước bể bơi có bốn phần: ● Bể chứa – Nó được sử dụng để chứa nước. – Khối chứa các thành phần Hình ảnh và Thanh tương tự. ●
Van nước A – Dùng để kết nối giữa bể và bể bơi nhằm kiểm soát mực nước bể bơi. – Nó có hai chế độ: Vận hành tự động và thủ công. Và cả hai chế
độ này đều có hai trạng thái tương ứng là Mở hoặc Đóng. – Khối chứa các thành phần Văn bản, Hình chữ nhật và Giá trị số. ● Bể bơi – Nó được sử
dụng để bơi lội và sử dụng cảm biến mực nước để theo dõi mực nước thực tế. – Khối chứa các thành phần Hình chữ nhật và Thanh tương tự. ● Van
nước B – Nó được sử dụng để kết nối bể bơi và các đường ống khác. – Nó có hai chế độ: Vận hành tự động và thủ công. Và cả hai chế độ này đều có
hai trạng thái tương ứng là Mở hoặc Đóng. – Khối chứa các thành phần Văn bản, Hình chữ nhật và Giá trị số. Hướng dẫn 3.3 Ví dụ thực tế LOGO! Web
Editor Trợ giúp trực tuyến 54 Hướng dẫn vận hành, 03/2019, A5E42880034 - Trang AB cho Điều khiển ánh sáng bể bơi Hệ thống điều khiển ánh sáng
bể bơi bao gồm hai phần: ● Điều khiển đèn và đèn LED – Nó được sử dụng để điều khiển đèn và ghi lại thời gian chạy . – Khối chứa các thành phần
Văn bản, Hình chữ nhật, Tỷ lệ thời gian và Giá trị số. ● Lịch trình cho ngày trong tuần và cuối tuần – Nó được sử dụng để kiểm soát thời gian chiếu
sáng. – Khối chứa các thành phần Văn bản, Hình chữ nhật, Tỷ lệ thời gian và Giá trị tương tự. Hướng dẫn 3.3 Ví dụ thực tế LOGO! Web Editor Trợ giúp
trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 55 3.3.3 Ví dụ về Bảng thẻ Trong hệ thống điều khiển ánh sáng và điều khiển mức bể bơi
này, bạn có thể xác định cả giá trị kỹ thuật số và giá trị tương tự trong Bảng thẻ. Dưới đây là ví dụ về tám loại biến số: ● Đầu vào của van Nước A ở chế
độ thủ công ● Đầu ra của van Nước A ở chế độ thủ công ● Điều khiển mức cho Bể bơi ● Điều khiển mức cho Bể ● Điều khiển ánh sáng cho Đèn ● Ánh
sáng kiểm soát cho LED ● Kiểm soát lịch trình cho Ngày trong tuần ● Kiểm soát lịch trình cho Cuối tuần Biến trong bảng Tag có thể tùy chỉnh tên bí
danh và nó có thể được ràng buộc với một số thành phần. Dưới đây chỉ là một ảnh chụp màn hình ví dụ. Hướng dẫn 3.3 Ví dụ thực tế LOGO! Web
Editor Trợ giúp trực tuyến 56 Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 3.3.4 Ví dụ về Bộ điều hướng Trong hệ thống điều khiển đèn và điều
khiển mức bể bơi này, thanh Điều hướng có ba tùy chọn: liên kết đến Trang chủ (được đổi tên thành Điều khiển mức) , liên kết đến trang Điều khiển
ánh sáng và liên kết cho nút LOG OFF. Sau khi chỉnh sửa Bộ điều hướng (Trang 29), thanh điều hướng cho phép bạn chuyển đổi giữa các trang web
khác nhau hoặc đăng xuất khỏi dự án. Dưới đây chỉ là một ảnh chụp màn hình ví dụ. Hướng dẫn 3.3 Ví dụ thực tế LOGO! Web Editor Trợ giúp trực
tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 57 3.3.5 Ví dụ về cấu hình các thành phần đặc biệt Có hơn mười một thành phần trong ngăn
Thành phần. Trong hệ thống điều khiển mức độ và ánh sáng bể bơi này , mỗi khối kết hợp với một số thành phần. Để biết cấu hình chi tiết cho từng
thành phần, hãy tham khảo phần Khung thành phần (Trang 29). Cấu hình cho Analog Bar Trong ví dụ này, bồn được sử dụng để chứa nước. Khi mực
nước bể bơi dưới mực nước mục tiêu, hệ thống sẽ báo động cho người dùng. Người dùng cần mở van nước A bằng tay để bơm nước từ bình chứa. Đối
với khối bể, nó chứa các thành phần Hình ảnh và Thanh tương tự. Dưới đây chỉ là một ảnh chụp màn hình ví dụ để định cấu hình Analog Bar. Hướng
dẫn 3.3 Ví dụ thực tế LOGO! Web Editor Trợ giúp trực tuyến 58 Hướng dẫn vận hành, 03/2019, A5E42880034 - Cấu hình AB cho giá trị số Trong ví dụ
này, van nước A được sử dụng để kết nối bể và bể bơi nhằm kiểm soát mực nước bể bơi. Khi mực nước bể bơi dưới mực nước mục tiêu, hệ thống sẽ
báo động cho người dùng. Người dùng cần mở van nước A để bơm nước từ bình bằng tay. Đối với khối Van nước A, nó chứa các thành phần Văn bản,
Hình chữ nhật và Giá trị số. Dưới đây chỉ là một ảnh chụp màn hình mẫu để định cấu hình Giá trị kỹ thuật số. Cấu hình cho giá trị tương tự Trong ví dụ
này, bể bơi sử dụng cảm biến mực nước để theo dõi mực nước thực tế. Khi mực nước bể bơi dưới mực nước mục tiêu, hệ thống sẽ báo động cho
người dùng. Bảng điều khiển cần gạt nước này cũng có thể hiển thị tổng thời gian và thời gian còn lại để bơm nước. Đối với bảng điều khiển này, nó
chứa các thành phần Văn bản, Hình chữ nhật và Giá trị tương tự. Dưới đây chỉ là một ảnh chụp màn hình ví dụ để định cấu hình Giá trị tương tự.
Hướng dẫn 3.3 Ví dụ thực tế LOGO! Web Editor Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 59
Cấu hình cho Thanh trượt Analog
Trong ví dụ này, hai thanh trượt này đại diện cho đường nước mục tiêu và thời gian còn lại để
bơm nước. Đối với các thanh trượt này, chúng chứa
các thành phần Văn bản, Hình chữ nhật và Thanh trượt tương tự.
Dưới đây chỉ là một ví dụ về ảnh chụp màn hình để định cấu hình Thanh trượt Analog.
Hướng dẫn
3.3 Ví dụ thực tế
3.3.6 Truy cập dự án mẫu thông qua trang web
Sau khi hoàn thành việc tạo toàn bộ dự án, bạn có thể truy cập dự án mẫu này thông qua trang
web.
Thực hiện theo chương Truy cập dự án thông qua trang web (Trang 52) để mở dự án, bên
dưới chỉ là ảnh chụp màn hình ví dụ để truy cập dự án mẫu thông qua trang web.
Để biết thêm thông tin, hãy tham khảo ...Tools\LOGO! Thư mục Web Editor Tool\Sample trong DVD
ROM.

Giao diện phát triển HTML 4
Khách hàng chuyên nghiệp có thể sửa đổi dự án do LWE tạo để đáp ứng
các yêu cầu cụ thể của họ trên trang web.
Sau khi bạn liên kết phần tử HTML với dữ liệu BM, bạn có thể theo dõi dữ liệu BM thông qua
trang web.
Nguyên tắc làm việc
Trong DBinit(), LOGO! JavaScript quét tất cả các phần tử HTML và truyền dữ liệu với những phần tử có
lớp server_binding.
Trong phần tử server_binding, chúng tôi sử dụng phạm vi, địa chỉ, loại, độ dài để xác định và liên kết dữ liệu
từ BM.
Thông qua show_function và show_param, bạn có thể triển khai phương thức gọi lại để đáp ứng
các yêu cầu của chúng dựa trên quá trình làm mới dữ liệu.
Thực hiện theo các quy tắc dưới đây khi bạn cập nhật dự án bằng giao diện. Nếu không, nó không thể
hoạt động chính xác với BM.
● Ngoại trừ tệp htm, không xóa, di chuyển hoặc sửa đổi các tệp khác.
● Bạn có thể thêm, sửa đổi hoặc xóa các tệp htm trong LOGO! Thư mục dự án Web Editor:
– Không xóa main. htm.
– Bạn chỉ có thể sửa đổi một phần của tệp htm giữa
Và
.
– Giữ tên của tệp htm trong vòng 11 ký tự (tối đa 8 ký tự cho
tên tệp cơ sở và 3 ký tự cho phần mở rộng)
● Lưu các dự án đã sửa đổi vào webroot của thẻ SD.
4.1 BIỂU TƯỢNG! giao thức truy cập dữ liệu
Để sử dụng giao diện này, các trang của bạn phải bao gồm tất cả JavaScript sau:
Lưu ý
Bạn nên gọi hàm DBInit() trong thủ tục khởi tạo trang, khởi tạo
môi trường liên kết dữ liệu. Nếu không, khung làm mới không thể hoạt động.
4.1.1 Thao tác

Xác định phần tử server_binding
Xác định lớp server_binding như bên dưới.
id="mydiv" show_param="mydiv" show_function="myCallback"
range="132" address="0" type="1" length="1"
văn bản
● id: mã định danh duy nhất của một phần tử

● class=server_binding: mã định danh quét cho khung JavaScript
● phạm vi: phần đầu tiên của địa chỉ
● địa chỉ: là phần thứ ba của địa chỉ thực, địa chỉ có nghĩa là phần bù dữ liệu từ phạm
vi bắt đầu.
● type: kiểu dữ liệu
● length: dữ liệu được tính theo kiểu của nó.
● show_function: xác định chức năng được sử dụng để hiển thị dữ liệu. Chức năng này là
chức năng "gọi lại". Khung gọi chức năng gọi lại khi dữ liệu ràng buộc được
làm mới.
● show_param: tham số cho chức năng gọi lại.
Để biết thêm thông tin về các tham số, xem Định dạng dữ liệu (Trang 65).
Lưu ý
Đảm bảo bao gồm tất cả các tham số khi bạn xác định phần tử sever_binding.
Nếu không, dữ liệu không thể bị ràng buộc.
Giao diện phát triển HTML

4.1 LOGO! giao thức truy cập dữ liệu
4.1.1.1 Lệnh
Chương này giới thiệu một số lệnh liên quan đến LOGO! giao thức truy cập dữ liệu.
Nhận
Để lấy dữ liệu trong trang web của bạn, bạn cần thực hiện hai bước sau. Khung JavaScript của LOGO!
gọi hàm gọi lại Khi dữ liệu BM cập nhật.
1. Tạo phần tử server_binding theo hướng dẫn trong Thao tác (Trang 62) .
2. Thực hiện hàm gọi lại đã khai báo.
Xem ví dụ sau:
var myCallback = function myCallback() {
// lấy giá trị mới
var newValue = parseInt(this.m_sValue, 16);
// thực hiện hành động của bạn...
$("#xxx").html(newValue);
}};
Khi callback_function được gọi, khung JavaScript sẽ nhận được tham số
DBRequest. Bằng tham số này, bạn có thể nhận được thông tin liên quan đến emelent server_binding
và dữ liệu được cập nhật như sau.
Thuộc tính Tham số

DBRequest.m_nAddress địa chỉ
DBRequest.m_nLength độ dài
DBRequest.m_nRange phạm vi
DBRequest.m_nType loại
DBRequest.m_oSrcElement phần tử server_binding
DBRequest.m_sShowParam show_param
DBRequest.m_sValue Giá trị
Set
Bạn cần viết mã JavaScript của riêng mình để triển khai truy vấn đã đặt cho
phần tử server_binding,
1. Tạo đối tượng DBRequest cho phần tử server_binding.
2. Gán giá trị cho DBRequest bằng phương thức SetValue.
3. Giải phóng truy vấn tập hợp bằng phương thức SetQuery.
4. Kiểm tra thành viên m_iSetPendingFlag để đảm bảo rằng SetQuery đã hoàn tất. Giá trị ture
nghĩa là SetQuery đang chờ xử lý trong khi giá trị false nghĩa là SetQuery đã hoàn thành.
Bạn có thể tham khảo ví dụ dưới đây.
function DBRequestTest () {
var oRequest = new DBRequest(document.getElementById("test1"));
oRequest.SetValue("00012345"); giao diện phát triển HTML
if(oRequest.SetQuery()) 4.1 LOGO! giao thức truy cập dữ liệu LOGO! Web Editor Trợ giúp trực tuyến 64 Hướng dẫn vận hành, 03/2019, A5E42880034 -
AB { while(oRequest.m_iSetPendingFlag) { //chờ một lúc hoặc gợi ý cho khách hàng. } // xong: trả về true; } // thất bại: trả về sai; } Bạn cũng có thể đặt
giá trị cho một nhóm phần tử sever_binding. Đối tượng DBGroup được sử dụng để thu thập các đối tượng DBRequest trong trường hợp này: 1. Chuẩn
bị một tập hợp các đối tượng DBRequest theo mô tả phía trên. 2. Tạo một đối tượng DBGroup. Thu thập các đối tượng DBRequest bằng phương thức
Add. 3. Giải phóng truy vấn đã đặt bằng phương thức SetQuery của DBGroup. 4. Kiểm tra thành viên m_iSetPendingFlag để đảm bảo rằng SetQuery đã
hoàn tất. Giá trị ture nghĩa là SetQuery đang chờ xử lý trong khi giá trị false nghĩa là SetQuery đã hoàn thành. Bạn có thể tham khảo ví dụ dưới đây.
function DBGroupTest() { var oRequest1 = new DBRequest(document.getElementById("test1")); oRequest1.SetValue("00012345"); var oRequest2 =
new DBRequest(document.getElementById("test2")); oRequest2.SetValue("0x01"); var oGroup = new DBGroup(); oGroup.Add(oRequest1);
oGroup.Add(oRequest2); if(oGroup.SetQuery()) { while(oGroup.m_iSetPendingFlag) { //chờ một lúc hoặc gợi ý cho khách hàng. } // xong: trả về true; }
Giao diện phát triển HTML 4.1 LOGO! giao thức truy cập dữ liệu LOGO! Trình chỉnh sửa web Trợ giúp trực tuyến Hướng dẫn vận hành, 03/2019,
A5E42880034 - AB 65 //fail: return false; } Lưu ý Bạn nên gọi hàm DBInit() trong thủ tục khởi tạo trang, khởi tạo môi trường liên kết dữ liệu. Nếu không,
khung làm mới không thể hoạt động. 4.1.1.2 Định dạng dữ liệu Chúng tôi sử dụng phạm vi, phạm vi con, địa chỉ, loại, độ dài để mô tả dữ liệu. Range,
sub_range, address cho biết địa chỉ của dữ liệu. Độ dài của một ngày cho biết loại của nó. Để biết thông tin chi tiết, hãy tham khảo bảng sau. Không
gian địa chỉ Phạm vi tên phạm vi con chiều dài địa chỉ Chế độ truy cập được đề xuất Đầu vào kỹ thuật số có thể đọc / ghi 129 0 0-63 64 Bits R Đầu ra
kỹ thuật số 130 0 0-63 64 Bits R/W Digital Marker 131 0 0-111 112 Bits Biến R/W 132 0 0-6799 6800 Bit, Byte, Từ, Dword Phím con trỏ R/W 12 0 0-31
32 Bit Phím chức năng R/W TDE 13 0 0-31 32 Bit Thanh ghi dịch chuyển R/W- ter 14 0 0-127 128 Bits R NetI 16 0 0-127 128 Bits R NetQ 17 0 0-127
128 Bits R/W Đầu vào tương tự 18 0 0-239 240 từ R Đầu ra tương tự 19 0 0-239 240 từ R/W Analog Marker 20 0 0-1023 1024 Từ R/W NetAI 21 0 0-
1023 1024 Từ R NetAQ 22 0 0-511 512 Từ Phạm vi R/W Đây là phần đầu tiên của địa chỉ. Giao diện phát triển HTML 4.1 LOGO! giao thức truy cập dữ
liệu LOGO! Web Editor Trợ giúp trực tuyến 66 Hướng dẫn vận hành, 03/2019, A5E42880034 - Dải phụ AB Đây là phần thứ hai của địa chỉ và dành riêng
cho chức năng mở rộng trong tương lai. Giá trị mặc định là 0. địa chỉ Là phần thứ ba của địa chỉ, nó có nghĩa là phần bù dữ liệu từ phạm vi bắt đầu.
Lưu ý Đảm bảo rằng bạn cung cấp địa chỉ offset theo bit cho dù bạn đang truy cập loại dữ liệu nào. Tất cả các địa chỉ sẽ được xác nhận trước khi truy
cập. LOGO! báo lỗi cho một địa chỉ không hợp lệ và cắt bớt địa chỉ nằm ngoài phạm vi loại Nó có nghĩa là loại dữ liệu. LOGO! có bốn loại dữ liệu. Độ
dài loại id 1 BOOL 1 bit 2 BYTE 8 bit 4 WORD 16 bit 6 DWORD 32 bit độ dài Nó có nghĩa là số lượng dữ liệu với loại của nó. value Tất cả giá trị dữ liệu
được trình bày bằng một chuỗi HEX. Bạn có thể chuyển đổi nó thành loại khác cho khách hàng của mình, nhưng bạn phải chuyển đổi nó trở lại chế độ
mảng HEX trước khi đặt nó vào máy chủ. Ví dụ, đối với dữ liệu có kiểu DWORD, giá trị của nó là 0x12345, bạn sẽ nhận được chuỗi “00012345” từ máy
chủ, và nếu bạn muốn thay đổi thành 0x12346, bạn cũng nên sử dụng chuỗi “00012346”. Giao diện phát triển HTML 4.2 Ví dụ LOGO! Web Editor Trợ
giúp trực tuyến Hướng dẫn vận hành, 03/2019, A5E42880034 - AB 67 4.2 Ví dụ Dưới đây là một ví dụ về thành phần kỹ thuật số.
show_param="mydiv" show_function="myCallback"
range="132" address="0" type="1" length="1"
onclick="sendDigitalRequest(this)" value="0"
style="position:absolute; left:389px; top:242px; width:84px;
height:84px; border:1px solid red;line-height: 84px;">
TẮT
Thông số kỹ thuật
1. Tất cả các mã tùy chỉnh của bạn phải được thêm vào giữa
Và
.
2. Bốn tham số sau xác định LOGO! truy cập dữ liệu và gọi lại
Chức năng JavaScript:
– class="server_binding": LOGO! JavaScript sẽ quét tất cả các DIV và truyền dữ liệu
với những DIV có lớp server_binding.
– id="mydiv" : Bạn nên gán id và show_param với cùng một DIV.
– show_param="mydiv": Bạn nên gán id và show_param với cùng một DIV.
– show_function="myCallback":Bạn cần triển khai một hàm JavaScript gọi lại
và gán tên cho “show_function”.
3. Bốn tham số sau đây mô tả dữ liệu:
– range="132": V
– address="0":0.0
– type="1":BOOL
– length="1": 1
Để biết thông tin chi tiết, hãy xem Định dạng dữ liệu ( Trang 65)
4. Hai tham số sau được sử dụng để gửi yêu cầu đến máy chủ.
– "setDigitalData(obj)" : đó là một phương pháp tùy chỉnh, được sử dụng để gửi yêu cầu đến máy chủ.
– "giá trị": được sử dụng để mã hóa lại giá trị dữ liệu hiện tại và có thể được gửi bởi
"setDigitalData(obj)".

Mẹo và thủ thuật 5
5.1 Cách hiển thị chú giải công cụ tương ứng cho một phím chức năng
Trong LOGO! Web Editor, bạn có thể hiển thị chú giải công cụ tương ứng cả trong Thanh công cụ chuẩn và
Thư viện đồ họa.
Chú giải công cụ cho thanh công cụ Chuẩn
Trong thanh công cụ Chuẩn, bạn có thể sử dụng chức năng di chuột qua nút để hiển thị tên biểu tượng
đại diện cho chú giải công cụ. Điều này giúp bạn nhanh chóng nhớ lại chức năng của biểu tượng
mà không cần phải gọi menu hoặc trợ giúp.
Dưới đây là một ảnh chụp màn hình ví dụ.
Chú giải công cụ cho hình ảnh trong Thư viện đồ họa
Trong Thư viện đồ họa, bạn cũng có thể sử dụng chức năng di chuột qua nút trên mỗi hình ảnh để
hiển thị thông tin Tên tệp, Loại mục, Kích thước và Kích thước đại diện cho chú
giải công cụ.
Dưới đây là một ảnh chụp màn hình ví dụ.
5.2 Cách vẽ đa tuyến tốt
5.2 Cách vẽ đường đa tuyến tốt
Khi bạn kích hoạt thành phần Đường đa tuyến, bạn có thể vẽ đường đa tuyến bắt đầu từ nút chuột trái
và kết thúc bằng nút chuột phải.
Mỗi điểm bạn nhấp vào sẽ xuất hiện một hình vuông màu xanh lam và một mũi tên màu xanh lam đi cùng với con chuột của bạn. Khi
bạn vẽ xong đường đa tuyến, tốt hơn hết bạn nên di chuyển chuột ra khỏi hình vuông màu xanh lam
và nhấp chuột phải, nếu không, menu lối tắt cho chức năng nhấp chuột phải sẽ hiện ra.
5.3 Cách chỉnh sửa thành phần thông qua menu phím tắt
Nhấp chuột phải vào thành phần để mở menu phím tắt cung cấp cho bạn các chức năng sau để
chỉnh sửa thành phần:
● Sao chép (Trang 19)
● Dán (Trang 19)
● Xóa (Trang 19)
● Mang To Front (Trang 18)
● Send To Back (Trang 18)
● Xoay Trái (Trang 18)
● Xoay Phải (Trang 18)
5.4 Cách nhập nhiều hình ảnh
5.4 Cách nhập nhiều hình ảnh
Nhập nhiều hình ảnh trong Thư viện đồ họa
1. Trỏ vào thư mục My Graph hoặc thư mục tùy chỉnh nơi bạn muốn đính kèm hình ảnh.
2. Nhấp vào nút Tải tệp lên để tìm thư mục của hình ảnh trong đĩa cục bộ của bạn;
3. Chọn hình ảnh bạn muốn tải lên. Bạn có thể tải nhiều hình ảnh lên theo hai cách:
– Để chọn danh sách các hình ảnh liên tiếp, hãy bấm vào tệp đầu tiên bạn muốn tải lên, giữ
phím Shift trên bàn phím và bấm vào tệp cuối cùng bạn muốn.
– Để chọn hình ảnh không theo trình tự, hãy nhấp vào tệp đầu tiên bạn muốn tải lên, giữ
phím Ctrl trên bàn phím và nhấp vào bất kỳ tệp nào bạn muốn tải lên.
– Để chọn tất cả các hình ảnh, hãy giữ phím [Ctrl+A] trên bàn phím.
4. Nhấp vào nút Mở để tải ảnh lên;
5. Sau khi tải lên, bạn sẽ thấy hình ảnh đã tải lên xuất hiện ở bên phải hộp thoại
.
5.5 Cách thêm liên kết kết nối đến trang khác
Để thêm liên kết kết nối đến trang khác trong dự án của bạn, bạn cần thêm các tham số này
sau URL của mình:
?!App-Language=" +
LocalStorage.Instance().Get("logo_current_language ") + "&Security-Hint=" +
LocalStorage.Instance().Get("logo_current_login_ref");
Ví dụ:
window.location.replace(link + "?!App-Language=" +
LocalStorage.Instance().Get( "logo_current_language") + "&Security-Hint=" +
LocalStorage.Instance().Get("logo_current_login_ref"));
5.5 Cách thêm liên kết kết nối đến một trang khác
LOGO! Trợ giúp trực tuyến về Web Editor
72 Hướng dẫn vận hành, 03 /2019, A5E42880034 - AB
LOGO!Trợ giúp Web Editor

Hướng dẫn vận hành trực tuyến, 03/2019, A5E42880034 - AB 73
Chỉ mục
A Đang tạo
dự án mới
, 51
B
Đưa lên phía trước, 18
C
Khung thành phần, 30
Thanh analog, 40
Thanh trượt tương tự, 41
Giá trị tương tự, 38, 39
Cơ bản, 33
Hình tròn, 32
Giá trị số, 37, 37
Hình ảnh, 35
Liên kết, 35 Linh
tinh, 43
Đa tuyến, 30
Hình chữ nhật, 31
Tỷ lệ thời gian, 43
Công cụ, 30
Khung thành phần
LOGO! Đồng hồ, 44
Văn bản, 33
Sao chép, 19
D
Xóa, 19
Lịch sử tài liệu, 7
Tải xuống, 19
E
Chỉnh sửa menu, 17
Đưa lên phía trước, 18
Sao chép, 19
Xóa,
19 Xoay trái
, 18 Dán, 19
Làm lại, 18
Xoay phải, 18
Chọn tất cả, 18
Gửi để quay lại, 18
Hoàn tác, 18
Ngăn trình soạn thảo, 45
F
Menu tệp, 14, 15
Đóng dự án, 16
Thoát, 17
Dự án mới, 14
Lưu, 16
Lưu tất cả, 16
Lưu dưới dạng, 16
Phím chức năng, 12
H
Menu trợ giúp, 25
Giới thiệu, 26
Nội dung trợ giúp, 25
Trang bắt đầu, 25 Xoay trái
L , 18 LOGO! Web Editor, 7 M Menu bar, 12 O Open Project, 15 P Paste, 19 Ví dụ thực hành, 60 cấu hình các thành phần đặc biệt, 57 Giới thiệu, 53
Navigator, 56 Index LOGO! Web Editor Trợ giúp trực tuyến 74 Hướng dẫn vận hành, 03/2019, A5E42880034 - Trang AB, 53 Bảng thẻ, 55 Điều kiện tiên
quyết để làm việc với hướng dẫn, 51 Cây dự án, 26 Ngăn thuộc tính, 46 R Làm lại, 18 Xoay phải, 18 S Gửi lại , 18 Phím tắt, 12 Thanh công cụ chuẩn, 12
Menu Công cụ T Triển khai vào Thẻ SD, 22 Tải xuống, 19 Tùy chọn, 22 Tải lên, 21 Thanh công cụ, 13 Menu Công cụ, 19 Hoàn tác U , 18 Tải lên, 21 Giao
diện người dùng, 11 V Tham quan dự án mẫu , 60 W Menu cửa sổ, 23 Thành phần, 24 Dự án, 23 Thuộc tính, 24

LWE Help en-US 1685515957125-Tiếng Việt

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

LWE Help en-US 1685515957125-Tiếng Việt

Uploaded by

Copyright:

Available Formats

___________________

LOGO! Web Editor Trợ giúp trực tuyến

Giao diện người dùng

Giao diện phát triển HTML

Mẹo và thủ thuật

LOGO! Web Editor Trợ giúp trực tuyến

1 Giới thiệu .............................. .................................................... .................................................... ........... 7

LOGO! Web Editor Trợ giúp trực tuyến

LOGO! Trình chỉnh sửa web Trợ giúp trực tuyến

LOGO! Web Editor Trợ giúp trực tuyến

LOGO! Web Editor Trợ giúp trực tuyến

Phiên bản Phiên bản Nhận xét

LOGO! Web Editor Trợ giúp trực tuyến

Trong menu Tệp (Trang 14):

Tệp: Dự án mới (Trang 14)

Đóng Dự án (Trang 16)

Lưu (Trang 16)

Lưu tất cả ( Trang 16)

Chỉnh sửa: Xoay trái (Trang 18)

Phải Xoay (Trang 18)

Làm lại (Trang 18)

Hoàn tác (Trang 18)

Công cụ: Tải xuống (Trang 19)

Tải lên (Trang 21)

Triển khai vào thẻ SD (Trang 22)

Nhấp vào lệnh này để mở hộp thoại Dự án mới chứa

Giao diện người dùng

Giao diện người dùng

Sau đó, dự án được tải xuống LOGO! B.M.

4. Trong khung Xác nhận, bấm nút OK để khởi động BM.

2.4.3.2 Công cụ -> Tải lên

2.4.4 Trình đơn cửa sổ

2.4.4.2 Cửa sổ -> Thuộc tính

2.4.4.3 Cửa sổ -> Thành phần

Giao diện người dùng

Giao diện người dùng

Loại khối Số khối

Polyline (Trang 30)

Hình chữ nhật (Trang 31)

Loại khối Số khối Có thể ghi

Loại khối Số khối Có thể ghi

LOGO! Web Editor Trợ giúp trực tuyến

4.1.1 Thao tác

● id: mã định danh duy nhất của một phần tử

Giao diện phát triển HTML

Thuộc tính Tham số

LOGO! Web Editor Trợ giúp trực tuyến

LOGO!Trợ giúp Web Editor

You might also like