Ìîäóëü <WebCfgD> ï³äñèñòåìè "Êîðèñòóâàöüê³ ³íòåðôåéñè"
| Ìîäóëü: | WebCfgD |
| ²ì'ÿ: | Äèíàì³÷íèé WEB êîíô³ãóðàòîð |
| Òèï: | Êîðèñòóâàöüê³ ³íòåðôåéñè |
| Äæåðåëî: | ui_WebCfgD.so |
| Âåðñ³ÿ: | 1.0 |
| Àâòîð: | Ðîìàí Ñàâî÷åíêî |
| Îïèñ: | Íàäຠäèíàì³÷íèé WEB áàçîâàíèé êîíô³ãóðàòîð. Âèêîðèñòàíî XHTML, CSS òà JavaScript òåõíîëî㳿. |
| ˳öåíç³ÿ: | GPL |
Âñòóï
Ìîäóëü "WebCfgD" íàäຠêîíô³ãóðàòîð ñèñòåìè OpenSCADA. Êîíô³ãóðàòîð ðåàë³çîâàíî íà îñíîâ³ òàêèõ Web-òåõíîëîã³é:
- HTTP — ïðîòîêîë ïåðåäà÷³ ã³ïåðòåêñòó;
- XHTML — ðîçøèðåíà ìîâà ðîçì³òêè ã³ïåðòåêñòîâèõ äîêóìåíò³â;
- CSS — êàñêàäí³ òàáëèö³ ñòèë³â ã³ïåðòåêñòîâèõ äîêóìåíò³â;
- JavaScript — âáóäîâàíà ó ã³ïåðòåêñòîâèé äîêóìåíò ìîâà ïðîãðàìóâàííÿ áðàóçåðó;
- DOM — îá'ºêòíà ìîäåëü äîêóìåíòó âíóòð³øíüî¿ ñòðóêòóðè áðàóçåðó;
- AJAX — ìåõàí³çì àñèíõðîííèõ òà ñèíõðîííèõ çàïèò³â ³ç JavaScript äî ñåðâåðó;
- XML — ðîçøèðåíà ìîâà ðîçì³òêè.
²íòåðôåéñ êîíô³ãóðàòîðó ôîðìóºòüñÿ ó WEB-áðàóçåð³ øëÿõîì çâåðíåííÿ äî WEB-ñåðâåðó òà îòðèìàííÿ â³ä íüîãî XHTML-äîêóìåíòó çà ïðîòîêîëîì HTTP. Ó öüîìó âèïàäêó ó ðîë³ WEB-ñåðâåðó âèñòóïຠñèñòåìà OpenSCADA, ÿêà ï³äòðèìóº ñòàíäàðòí³ êîìóí³êàö³éí³ ìåõàí³çìè TCP-ìåðåæ (ìîäóëü Transport.Sockets), ïðîòîêîë ïåðåäà÷³ ã³ïåðòåêñòó (ìîäóëü Protocol.HTTP), à òàêîæ øèôðóâàííÿ òðàô³êó ì³æ áðàóçåðîì òà ñåðâåðîì (Transport.SSL). Âèõîäÿ÷è ç öüîãî, äëÿ îòðèìàííÿ äîñòóïó äî ³íòåðôåéñó êîíô³ãóðàö³¿ OpenSCADA, ÿêèé íàäàºòüñÿ öèì ìîäóëåì, òðåáà ó OpenSCADA íàëàøòóâàòè òðàíñïîðò (Transport.Sockets àáî Transport.SSL) ó çâ'ÿçö³ ³ç ïðîòîêîëîì HTTP (Protocol.HTTP). Ó ïîñòàâö³ ç ñèñòåìîþ OpenSCADA éäóòü êîíô³ãóðàö³éí³ ôàéëè, ÿê³ ì³ñòÿòü íàëàøòóâàííÿ Transport.Sockets äëÿ ïîðò³â 10002 òà 10004. ³äïîâ³äíî ³íòåðôåéñ ìîäóëÿ ó êîíô³ãóðàö³¿ OpenSCADA ïî çàìîâ÷åííþ áóäå äîñòóïíèé çà URL: 
http://localhost:10002 àáî http://localhost:10004.
ϳñëÿ îòðèìàííÿ XHTML-äîêóìåíòó çàïóñêàºòüñÿ ïðîãðàìà íà JavaScript äëÿ ôîðìóâàííÿ äèíàì³÷íîãî ³íòåðôåéñó êîíô³ãóðàòîðó.
 îñíîâ³ ìîäóëÿ ëåæèòü ìîâà ³íòåðôåéñó óïðàâë³ííÿ ñèñòåìîþ OpenSCADA, à öå îçíà÷ຠùî íàäàºòüñÿ ºäèíèé ³íòåðôåéñ êîíô³ãóðàö³¿. Îíîâëåííÿ ìîäóëÿ ìîæå çíàäîáèòèñÿ ò³ëüêè ó âèïàäêó îíîâëåííÿ ñïåöèô³êàö³¿ ìîâè ³íòåðôåéñó óïðàâë³ííÿ.
Ìîäóëü ðåàë³çîâóâàâñÿ òà òåñòóâàâñÿ íà òðüîõ WEB-áðàóçåðàõ, ïðåäñòàâíèêàõ òðüîõ òèï³â WEB-ðóø³¿â, à ñàìå:
- Chromium 55
- Mozilla Firefox 3.0, 45.7
- Opera 9.6
- Konqueror 3.5, 4
Âèêîðèñòàííÿ ìîäóëÿ ïî÷èíàºòüñÿ ç â³äêðèòòÿ ñåàíñó êîðèñòóâà÷à (àâòåíòèô³êàö³¿) ìîäóëåì ïðîòîêîëó HTTP (Protocol.HTTP). Äëÿ ôóíêö³þâàííÿ àóòåíòèô³êàö³¿ òà ìåõàí³çìó çáåðåæåííÿ ñåàíñó áðàóçåð ïîâèíåí äîçâîëÿòè Cookies.
Ðèñ.1. Àóòåíòèô³êàö³ÿ êîðèñòóâà÷à.
Ðèñ.2. Ðîáî÷å â³êíî êîíôèãóðàòîðà.
Ðîçãëÿíåìî ðîáî÷å â³êíî êîíô³ãóðàòîðó íà ðèñ. 2.
Ðîáî÷å â³êíî êîíô³ãóðàòîðó ñêëàäàºòüñÿ ³ç íàñòóïíèõ ÷àñòèí:
1 Ïàíåëü ³íñòðóìåíò³â — ì³ñòèòü êíîïêè óïðàâë³ííÿ.
2 Àäðåñà â³äêðèòîãî âóçëà — â³äîáðàæຠïîòî÷íèé îáðàíèé âóçîë.
3 Íàâ³ãàòîð — ïðèçíà÷åíî äëÿ ïðÿìî¿ íàâ³ãàö³¿ çà äåðåâîì óïðàâë³ííÿ.
4 Ðîáî÷å ïîëå — ïîä³ëåíî íà ÷àñòèíè:
4.2 Òàáóëÿòîð ðîáî÷èõ îáëàñòåé — äî òàáóëÿòîðó ïîì³ùàþòüñÿ êîðåíåâ³ ñòîð³íêè (îáëàñò³ óïðàâë³ííÿ) âóçëà. Îáëàñò³ óïðàâë³ííÿ íàñòóïíèõ ð³âí³â ïîì³ùàþòüñÿ íà ³íôîðìàö³éíèõ ïàíåëÿõ.
5 Ðÿäîê ñòàòóñó — â³äîáðàæຠñòàí êîíô³ãóðàòîðà.
Ïàíåëü ³íñòðóìåíò³â ì³ñòèòü íàñòóïí³ êíîïêè óïðàâë³ííÿ (çë³âà íà ïðàâî):
- Çàâàíòàæèòè — çä³éñíþº çàâàíòàæåííÿ îáðàíîãî îá'ºêòà àáî ã³ëêè îá'ºêò³â ³ç ÁÄ.
- Çáåðåãòè — çä³éñíþº çáåðåæåííÿ îáðàíîãî îá'ºêòó àáî ã³ëêè îá'ºêò³â ó ÁÄ.
- Íà ð³âåíü âèùå — ï³äíÿòèñÿ íàãîðó çà äåðåâîì.
- Ïîïåðåäí³é — â³äêðèòè ïîïåðåäíþ â³äêðèòó ñòîð³íêó.
- Íàñòóïíèé — â³äêðèòè íàñòóïíó â³äêðèòó ñòîð³íêó.
- Äîäàòè åëåìåíò — äîäàòè íîâèé îá'ºêò äî êîíòåéíåðó.
- Âèäàëèòè åëåìåíò — âèäàëèòè îáðàíèé îá'ºêò.
- Êîï³þâàòè åëåìåíò — êîï³þâàííÿ îáðàíîãî îá'ºêòó.
- Âèð³çàòè åëåìåíò — âèð³çàííÿ îáðàíîãî îá'ºêòó. Îðèã³íàëüíèé îá'ºêò âèäàëÿºòüñÿ ï³ñëÿ âñòàâêè.
- Âñòàâèòè åëåìåíò — âñòàâêà ñêîï³éîâàíîãî àáî âèð³çàíîãî åëåìåíòó.
- Ïåðåâàíòàæèòè åëåìåíò — îíîâèòè âì³ñò ïîòî÷íî¿ ñòîð³íêè.
- Çàïóñê ïåð³îäè÷íîãî îíîâëåííÿ — çàïóñòèòè ïåð³îäè÷íå îíîâëåííÿ âì³ñòó ïîòî÷íî¿ ñòîð³íêè ç ³íòåðâàëîì ï'ÿòü ñåêóíä.
- Çóïèíêà ïåð³îäè÷íîãî îíîâëåííÿ — çóïèíèòè ïåð³îäè÷íå îíîâëåííÿ âì³ñòó ïîòî÷íî¿ ñòîð³íêè ç ³íòåðâàëîì ï'ÿòü ñåêóíäà.
- Ïðî... — ³íôîðìàö³ÿ ïðî öåé ìîäóëü.
Åëåìåíòè óïðàâë³ííÿ ïîä³ëÿþòüñÿ íà áàçîâ³, êîìàíäè, ñïèñêè, òàáëèö³ òà çîáðàæåííÿ. Âñ³ åëåìåíòè â³äîáðàæàþòüñÿ ó ïîñë³äîâíîñò³, ñóâîðî¿ â³äïîâ³äíîñò³ äî ¿õ ðîçòàøóâàííÿ ó îïèñó ìîâè ³íòåðôåéñó óïðàâë³ííÿ.
1. Êîíô³ãóðàö³ÿ
Äëÿ íàëàøòóâàííÿ âëàñíî¿ ïîâåä³íêè ó íåî÷åâèäíèõ ñèòóàö³ÿõ ìîäóëåì íàäàºòüñÿ ìîæëèâ³ñòü íàëàøòóâàííÿ îêðåìèõ ïàðàìåòð³â çà ïîñåðåäíèöòâîì ³íòåðôåéñó óïðàâë³ííÿ OpenSCADA (ðèñ. 3). Òàêèìè ïàðàìåòðàìè º:
- Ïîñèëàííÿ íà ñòîð³íêó êîíô³ãóðàö³¿ ïåðåë³êó çîâí³øí³õ OpenSCADA ñòàíö³é, ÿê³ âèêîðèñòîâóþòüñÿ äëÿ íàäàííÿ ìîæëèâîñò³ â³ääàëåíî¿ êîíô³ãóðàö³¿.
Ðèñ.3. Ñòîð³íêà êîíô³ãóðàö³¿ ñàìîãî êîíô³ãóðàòîðà.
2. Áàçîâ³ åëåìåíòè
Äî ÷èñëà áàçîâèõ åëåìåíò³â âõîäÿòü: ³íôîðìàö³éí³ åëåìåíòè, ïîëÿ ââîäó çíà÷åíü, åëåìåíòè âèáîðó ç ïåðåë³êó, îçíàêè. Ó âèïàäêó â³äñóòíîñò³ ³ì'ÿ åëåìåíòó, áàçîâèé åëåìåíò ïðèºäíóºòüñÿ äî ïîïåðåäíüîãî áàçîâîãî åëåìåíòó. Ïðèêëàä ãðóïè áàçîâèõ åëåìåíò³â ç ïðèºäíàííÿì íàâåäåíî íà ðèñ.4.
Äëÿ åëåìåíò³â ââîäó, ÿê³ íå ïåðåäáà÷àþòü ìèòòºâèõ çì³í òà ìîæóòü òðèâàëèé ÷àñ ðåäàãóâàòèñÿ ïåðåä îñòàòî÷íèì çàâåðøåííÿì, ïåðåäáà÷åíî ìåõàí³çì ï³äòâåðäæåííÿ. Öåé ìåõàí³çì äîçâîëÿº âèêëþ÷àòè çàòðèìêè ïðè ðåäàãóâàíí³, îñîáëèâî ó âèïàäêó êîíô³ãóðàö³¿ â³ääàëåíèõ ñòàíö³é, òà âíîñèòü çì³íè çà ï³äòâåðäæåííÿì. Äî åëåìåíò³â ââîäó ç ï³äòâåðäæåííÿì ìàþòü â³äíîøåííÿ: ïîëÿ ââîäó ðÿäê³â òåêñòó àáî ÷èñåëüí³ çíà÷åííÿ òà òåêñòîâ³ ïîëÿ. ϳäòâåðäæåííÿ çä³éñíþºòüñÿ íàòèñêîì êíîïêè, ÿêà ç'ÿâëÿºòüñÿ ïîðÿä ç ïîëåì ââîäó ï³ñëÿ ïî÷àòêó ðåäàãóâàííÿ.
Ðèñ.4. Ïðèºäíàííÿ áàçîâèõ åëåìåíò³â.
3. Êîìàíäè
Êîìàíäè — öå åëåìåíòè äëÿ ïåðåäà÷³ âèçíà÷åíèõ ä³é âóçëó òà îðãàí³çàö³¿ ïîñèëàíü íà ñòîð³íêè. Êîìàíäè ìîæóòü ì³ñòèòè ïàðàìåòðè. Ïàðàìåòðè ôîðìóþòüñÿ ç áàçîâèõ åëåìåíò³â. Ïðèêëàä êîìàíäè ç ïàðàìåòðàìè íàâåäåíî íà ðèñ.5.
Ðèñ.5. Êîìàíäà.
4. Ñïèñêè
Ñïèñêè ì³ñòÿòü ãðóïó áàçîâèõ åëåìåíò³â îäíîãî òèïó. Îïåðàö³¿ íàä åëåìåíòàìè äîñòóïí³ ÷åðåç êîíòåêñòíå ìåíþ çà êë³êîì ìèøåþ íà ïåðåë³êó. ×åðåç åëåìåíòè ïåðåë³êó ìîæóòü çä³éñíþâàòèñÿ îïåðàö³¿ ïåðåõîäó íà ³íø³ ñòîð³íêè. Ñïèñêè ìîæóòü áóòè ³íäåêñîâàíèìè. Ïðèêëàä ñïèñêó ïðèâåäåíî íà ðèñ.6.
Ðèñ.6. Ñïèñîê.
5. Òàáëèö³
Òàáëèö³ ì³ñòÿòü çíà÷åííÿ áàçîâèõ åëåìåíò³â. Òèï áàçîâîãî åëåìåíòó º ³íäèâ³äóàëüíèì äëÿ êîæíîãî ñòîâï÷èêó. Ïðèêëàä òàáëèö³ ïðèâåäåíî íà ðèñ.7. Îïåðàö³¿ ³ç ñòðóêòóðîþ òàáëèö³ äëÿ ðåäàãîâàíèõ òàáëèöü äîñòóïí³ çà ïîñåðåäíèöòâîì êîíòåêñòíîãî ìåíþ çà êë³êîì íà ñëóæáîâîìó ñòîâï÷èêó ³ç íîìåðàìè ðÿäê³â. Ðåäàãóâàííÿ åëåìåíò³â òàáëèö³ çä³éñíþºòüñÿ øëÿõîì ïîäâ³éíîãî êë³êó íà ïîòð³áí³é êë³òèíö³.
Ðèñ.7. Òàáëèöÿ.
6. Çîáðàæåííÿ
Çîáðàæåííÿ çàêëèêàí³ ïåðåäàâàòè ãðàô³÷íó ³íôîðìàö³þ ó êîíô³ãóðàòîð³. Ïðèêëàä çîáðàæåííÿ íàâåäåíî íà ðèñ.8.
Ðèñ.8. Èçîáðàæåíèå.
7. Äèçàéí
Ìîäóëü ï³äòðèìóº çì³íó äèçàéíó øëÿõîì ðîçòàøóâàííÿ ó ðîáî÷³é/ïîòî÷í³é òåö³ äâîõ ôàéë³â WebCfgDVCA.html òà WebCfgDVCA.js, äå ïåðøèé öå XHTML-øàáëîí ñòîð³íêè êîíô³ãóðàòîðó, à äðóãèé öå JavaScript ïðîãðàìà XHTML-øàáëîíó.
Íà öåé ÷àñ íàÿâí³ íàñòóïí³ äèçàéíè:
- Íîâèé ñòàíäàðòíèé äèçàéí (ïî çàìîâ÷åííþ):
WebCfgDVCA.html, WebCfgDVCA.js
- Ñòàðèé ñòàíäàðòíèé äèçàéí (ïî çàìîâ÷åííþ): WebCfgDVCA.html, WebCfgDVCA.js
8. Ïîìèëêè
Ïðåäñòàâëåííÿ êîíô³ãóðàòîðó ìîæå äåùî â³äð³çíÿòèñÿ íà ð³çíèõ òèïàõ áðàóçåð³â. Öå ïîâ'ÿçàíî ç òèì, ùî ó îñíîâ³ öüîãî ìîäóëÿ ëåæèòü áàãàòî äîñòàòíüî ñêëàäíèõ òåõíîëîã³é, à òàêîæ â³äì³ííîñòåé ¿õ ðåàë³çàö³¿ íà ð³çíèõ òèïàõ WEB-ðóø³¿â.
Îêð³ì òîãî, êîæíèé Web-áðàóçåð ì³ñòèòü âëàñí³ ïîìèëêè. ×àñòèíà ïîìèëîê áóëî îá³éäåíà ó ïðîöåñ³ ðåàë³çàö³¿, îäíàê ÷àñòèíà çàëèøèëàñÿ ó çâ'ÿçêó ç³ çíà÷íèìè ñêëàäíîñòÿìè ó ¿õ îáõîä³ àáî-æ ôàêòè÷íî¿ íåìîæëèâîñò³ öå çðîáèòè.
Ó öüîìó ðîçä³ë³ ì³ñòèòüñÿ òàáëèöÿ ïåðåë³êó âèÿâëåíèõ ïîìèëîê WEB-áðàóçåð³â, ÿê³ ïðîÿâëÿþòüñÿ ó êîíô³ãóðàòîð³.
Action source page doesn't exist yet(/Home Page En / Doc / Web Cfg D?)
Ïîñèëàííÿ