Webserver S7-1200 có như mọi người vẫn nghĩ

[chauvinhloi]

Một trong những tính năng đáng chú ý của dòng S7-1200 đó là Webserver. Thực ra tính năng này không phải mới lạ nhưng việc tích hợp cổng truyền thông PROFINET cùng mức giá hấp dẫn đã làm cho S7-1200 trở nên phổ biến và tính năng webserver cũng được khai thác mạnh mẽ.
Tuy nhiên có nhiều điều bạn vẫn chưa biết về tính năng Webserver của dòng S7-1200 và cách thức mà Webserver trao đổi dữ liệu với trình duyệt. Topic này không nhằm đánh giá, khen chê mà nhằm mục đích để mọi người hiểu rõ hơn và có cái nhìn khác về dòng S7-1200 nói chung cũng như tính năng webserver nói riêng. Trước hết mình xin đưa ra một số câu hỏi mà mọi người thường thắc mắc:

1. Webserver trên S7-1200 có tích hợp được Javascript hay không?
2. Webserver trên S7-1200 có thể hiển thị tốt trên các thiết bị di động hay không hay chỉ hiển thị tốt trên máy tính (hiện tượng mà giới làm web thường gọi là vỡ giao diện)?
3. Khả năng tích hợp CSS?
4. Vấn đề refresh trang khi cần cập nhật thông số có giải quyết được không hay cần phải phát triển một server độc lập trên máy tính?



Đầu tiên là vấn đề Javascript, Webserver S7-1200 hoàn toàn có thể tích hợp được tính năng Javascript như mình đã trình diễn tại hội thảo vừa rồi ở trường cao đẳng nghề số 8. Với Javascript, bạn có thể làm được nhiều hơn là việc chỉ hiển thị các con số 0 1, true false... bạn có thể làm cho bóng đèn sáng, tắt, thay đổi thuộc tính đối tượng, carousel, menu dạng list....

Tiếp theo là vấn đề hiển thị trên các thiết bị di động. Ai cũng biết rằng màn hình di động thường có kích thước nhỏ so với màn hình máy tính, và khi hiển thị một trang web trên màn hình di động, các thành phần có thể không nằm ở vị trí phù hợp nữa. Các trang web trên mạng thường có một link riêng dành cho thiết bị di động (ví dụ m.facebook.com) tuy nhiên nếu phải viết thêm một trang web dành cho di động thì sẽ rất mất thời gian và yêu cầu người sử dụng phải click vào link để chuyển đổi. Để giái quyết vấn đề này, mình xin đưa ra một công nghệ hiện đang rất phổ biến đó là Auto Response. Với công nghệ này, trang web có thể tự động co dãn tùy theo kích thước của màn hình thiết bị và tự thay đổi sắp xếp các phần tử cho phù hợp, dễ nhìn. Mọi người có thể xem thêm clip minh họa tại link này, đây là trang web mình viết sử dụng công nghệ auto response:


Vấn đề tích hợp CSS cũng đáng được quan tâm. CSS giúp cho website của bạn trở nên đẹp hơn, định dạng các thành phần trong trang web giúp trang web chuyên nghiệp hơn mà không cần sử dụng nhiều hình ảnh đồ họa. Vì CSS là do trình duyệt xử lý nên vấn đề tương thích với PLC có thể được bỏ qua. CSS cũng là một thành phần không thể thiếu trong công nghệ Auto Response. Trang web trong video clip ở trên và trang web mà mình trình diễn tại hội thảo tháng 12 vừa rồi cũng được tích hợp luôn CSS.

Cuối cùng là vấn đề refresh trang khi cần cập nhật thông số. Chúng ta đều biết rằng webserver S7-1200 có hỗ trợ chức năng tự động refresh để cập nhật thông số, tuy nhiên điều này thường làm người dùng khó chịu do trang web chớp liên lục khi cập nhật ở tần số cao. Như vậy vấn đề đặt ra là làm sao cập nhật thông số mà không cần refresh toàn trang web.
Mình đã nghiên cứu và áp dụng thành công một công nghệ web cho phép trang web tự động cập nhật âm thầm mà không gây ảnh hưởng đến trang đang hiển thị. Công nghệ này được gọi là Javascript kết hợp XML Request. Với công nghệ này, việc thực thi hoàn toàn do trình duyệt xử lý không ảnh hưởng đến webserver trên plc do đó không cần phải lo lắng về khả năng tương thích với plc. Công nghệ này cho phép các ứng dụng chạy ngầm trao đổi dữ liệu với máy chủ một cách âm thầm rồi tự động cập nhật lên trang web (kiểu như RSS Feed). Thời gian cập nhật dữ liệu cũng nhanh hơn so với phương pháp refresh trang web và hoàn toàn thân thiện với người sử dụng. Họ chỉ cần làm việc với trang web đang hiển thị còn các ứng dụng thì vẫn âm thầm chạy và làm công việc của mình.

Mình xin bật mí rằng, mấu chốt vấn đề nằm ở chỗ ta xác định được webserver PLC làm nhiệm vụ gì và trình duyệt xử lí các thành phần nào. Mặc dù chúng ta là dân điện nhưng mình tin rằng cúng ta vẫn có thể tự mình thiết kế được một trang web chuyên nghiệp. Tự động hóa là một nghề yêu cầu chúng ta phải có kiến thức rộng và mình nghĩ nếu chúng ta nghiên cứu, làm vì sự đam mê thì một ngày nào đó chúng ta sẽ thành công.

[tran_hieu0983]

Xong rồi hả em ^_^". Quan trọng đỉnh cao không phải là tìm cái mới xây dựng mà hoàn thiện cái có sẵn đã rồi khi nào nó hoàn toàn bị chế ngự thì sẽ tìm cái mới . Hehe.

P/s: Đợt này anh tự thưởng cho mình 3 cuốn SCADA - Config Wincc with C - Action and VBS ^_^". Mới in có 2 cuốn mà hết 1 gr giấy rồi. Đợt này chuẩn bị hội thảo làm thêm mớ kiến thức vừa học vừa chia sẻ và ổn định lại . Thế mới ngầu.

[aubaoquoc]

chauvinhloi

- Công nghệ Javascript kết hợp XML Request. ? Mình sẽ học thêm ở L về cái này để hoàn thiện trang web ?
- Cho hỏi L ? Anh có 1 trang khoảng chừng 20 hay 100 các data cần cập nhật liên tục thì trang đó có bị giật không? Thí dụ cần đọc tức thời khoảng 10 giá trị nhiệt độ online, đọc về giá trị counter theo dõi sản phẩm ??
Chúc L ngày càng phát triển nhiểu hơn theo hướng đi riêng của mình. Thanks L

tran_hieu0983

- Có sẵn còn chưa biết ăn sao nửa? Tìm tòi , chế ngự, tìm ra cái mới như L mới pro.
- Bửa nào cho nghía 3 bộ của H nhé ?
Thanks luôn ở đây 2 thầy trò cùng đam mê và phát triển. Hê he , Sao admin ko add cái nút thanh vào box nhỉ? ý mới admin năm 2013 chăng?

[chauvinhloi]

Anh Quốc: Em xin đảm bảo với anh là nó không nháy một xíu nào. anh cứ nhìn cái diễn đàn của mình quá trời mục như vậy mà nó tự động cập nhật không giật lag trang web nên vài chục thông số thì cứ vô tư thôi anh hehe.

[chauvinhloi]

Anh Hiếu: Có lẽ sang năm hội thảo mình sẽ trình bày sơ qua về cái này, giúp mọi người giải tỏa thắc mắc :D

[chauvinhloi]

Javascript kết hợp XML Request còn được gọi là AJAX (Asynchronous Javascript And XML). Công nghệ này được Google phổ biến rộng rãi qua tính năng Google Suggest mà chúng ta bây giờ vẫn thường thấy. Đây là sơ đồ xử lý của AJAX so với kiểu web truyền thống (refresh trang để cập nhật):



AJAX Engine hoạt động trên máy khách nên hoàn toàn không ảnh hưởng gì đến Webserver trên PLC, người dùng chỉ việc thao tác với trang Web còn lại để cho AJAX Engine thực hiện.

[chauvinhloi]

- Công nghệ Javascript kết hợp XML Request. ? Mình sẽ học thêm ở L về cái này để hoàn thiện trang web ?
- Cho hỏi L ? Anh có 1 trang khoảng chừng 20 hay 100 các data cần cập nhật liên tục thì trang đó có bị giật không? Thí dụ cần đọc tức thời khoảng 10 giá trị nhiệt độ online, đọc về giá trị counter theo dõi sản phẩm ??
Chúc L ngày càng phát triển nhiểu hơn theo hướng đi riêng của mình. Thanks L

- Có sẵn còn chưa biết ăn sao nửa? Tìm tòi , chế ngự, tìm ra cái mới như L mới pro.
- Bửa nào cho nghía 3 bộ của H nhé ?
Thanks luôn ở đây 2 thầy trò cùng đam mê và phát triển. Hê he , Sao admin ko add cái nút thanh vào box nhỉ? ý mới admin năm 2013 chăng?

Em đâu có tìm ra cái mới đâu anh :D toàn mấy cái có sẵn, quan trọng là học cách ứng dụng thôi. Đúng như thầy em vẫn nói, nhiệm vụ của kĩ sư thế hệ tụi em là học cách ứng dụng công nghệ chứ không phải là đi chế tạo lại cái đã có rồi. Và quan trọng là ứng dụng tốt để đạt hiệu quả cao còn công nghệ thì người ta đã làm quá tốt rồi, mình nên dựa trên nền tảng của người ta để phát triển tiếp.

[aubaoquoc]

chauvinhloi

#4 : Diendan plcvietnam viết trên nền vbulletin, hình như họ dùng ngôn ngữ php de code web, nên các thông tin cập nhật, làm mới data rất tốt vì máy chủ là 1 PC
- Còn S7-1200 nói riêng và các thiết bị có hỗ trợ web nói riêng không phải PC thì họ thường dùng html hay java, C ... để code web rồi nạp vào thiết bị, nên rất hạn chế về ứng dụng, chỉ chủ yếu hiển thị thông tin
#6 : Nếu như L nói thì có thể dùng công nghệ Ajax vào thiết bị hoặc S7-1200. Vì Ajax bản thân nó 1 số trình duyệt còn chưa hỗ trợ tốt ngoài Google Chrome. Làm sao mà đem nó vào S7-1200. Cái này ứng dụng tốt thì rất hay đó L
#7 : Chính xác là biết sao thu thập kho tàng ứng dụng đầy rẫy trên internet làm tư liệu và đáp ứng đúng với mục đích và yêu cầu của mình đang cần.
- Nên ý anh nói là Internet có đầy có sẵn, tìm ra 1 đống rồi mà không biết khai thác sao đây? ăn bằng cách nào? Chỉ có đam mê đeo đuổi và quyết tâm thì sẽ thành công.

ps: Anh chưa có thẻ nhớ của Siemens thử cái vụ code web vượt quá dung lượng cho phép của S7-1200 . 50K memmory cho ver 2.2 trở về trước và 100k memmory ver 3.0 sau này
- L có thể trình bày thêm về cái này trong bài này hoặc tạo chủ đề mới được không?

[chauvinhloi]

#4 AJAX vẫn hỗ trợ PHP đó anh, vì nó phụ thuộc vào javascript, còn anh viết web bằng ngôn ngữ gì cũng được, miễn là có thể kết hợp được với javascript.

#6 hầu hết các trình duyệt hiện nay đều hỗ trợ AJAX không chỉ riêng Google Chrome, ngay cả khi viết ứng dụng cho AJAX ta cũng có hẳn một đoạn để kiểm tra sự tương thích với trình duyệt. Trừ khi anh sử dụng trình duyệt rất rất rất cũ thì mới không hỗ trợ thôi. IE thì sử dụng dưới dạng kết hợp với ActiveX còn các trình duyệt còn lại thì kết hợp với XML.

#7 "Chỉ có đam mê đeo đuổi và quyết tâm thì sẽ thành công" ^^ em thích câu này.

[chauvinhloi]

Vấn đề dung lượng web vượt quá dung lượng bộ nhớ trong của S7-1200 thì em đã thử rồi. Khi đó anh cần thêm thẻ nhớ gắn ngoài để PLC lưu trữ toàn bộ chương trình và nội dung eb sang thẻ nhớ.

Cụ thể chức năng của thẻ nhớ là như vầy: khi chưa có thẻ nhớ thì mặc định là toàn bộ chương trình và các nội dung liên quan sẽ được lưu vào bộ nhớ trong của PLC. Nếu như anh sử dụng thẻ nhớ thì có 3 trường hợp sau đây:

+ thứ nhất anh cấu hình cho thẻ nhớ để lưu trữ firmware và update cho PLC, lúc này thẻ nhớ sẽ chứa firmware và PLC sẽ nạp firmware vào ROM của mình. Cái này em cũng đã có bài viết hướng dẫn cách thực hiện trên diễn đàn.

+ thứ hai là anh cấu hình thẻ nhớ làm công cụ trung gian để transfer chương trình từ máy tính sang PLC. Tức là lúc này anh download chương trình vào thẻ nhớ (gắn vào đầu đọc thẻ trên PC) rồi lấy thẻ nhớ gắn vào PLC. Khi đó chương trình sẽ được chuyển từ thẻ nhớ lên bộ nhớ trong của PLC. Lúc này chương trình sẽ chứa trên bộ nhớ trong của PLC. Cách này thường dùng để clear password PLC bằng cách ghi đè chương trình trống chưa có pass từ thẻ nhớ lên chương trình trong bộ nhớ PLC. Em cũng đã có hướng dẫn cụ thể về vấn đề này tại diễn đàn luôn rồi

+ cuối cùng là dùng thẻ nhớ như bộ nhớ lưu trữ chương trình (mặc định), khi cắm thẻ nhớ vào plc rồi download chương trình xuống thì mặc định nó sẽ lưu vào thẻ nhớ nếu như anh không cấu hình cho nó làm việc ở 2 chế độ trên.

Đó là 3 chế độ hoạt động của thẻ nhớ S7-1200.

Khi kích hoạt chức năng webserver trên plc s7-1200, trên TIA Portal sẽ yêu cầu anh xác định thư mục chứa file HTML và xác định file HTML. Sau khi nhấn nút Generate Blocks, tất cả mọi thứ trong folder chứa HTML sẽ được đóng gói lại thành các gói DB để lưu trữ trên PLC. Các file HTML và JS sẽ được TIA Portal kiểm tra trước khi đóng gói lại. Sau khi download toàn bộ chương trình xuống, PLC sẽ đưa toàn bộ dữ liệu trên các gói DB này về dạng mà máy tính có thể truy cập và hiểu được.