Skip to Content

Wiki source code of 02 Basic Object & Settings

Version 4.1 by Hunter on 2022/08/24 11:59
Show last authors
1 {{velocity output="false"}}
2 #set ($docextras = [])
3
4 #set ($videoCards = [ {
5 'title': $services.localization.render('1.Address Type of HMI'),
6 'topics': [
7 $services.localization.render('According to data format, address type can divide into Bit and Word.'),
8 $services.localization.render('According to protocol, address type can divide into external and internal.')
9 ],
10 'url': 'https://www.youtube.com/embed/9t66w7x2klU',
11 'duration': '3 min'
12 }, {
13 'title': $services.localization.render('2.Bit Address Relevant Object'),
14 'topics': [
15 $services.localization.render('For bit address, there are mainly bit switch and bit lamp for PIStudio.')
16 ],
17 'url': 'https://www.youtube.com/embed/3MSaFiwgDaI',
18 'duration': '7 min'
19 }, {
20 'title': $services.localization.render('3.Word Address Relevant Object'),
21 'topics': [
22 $services.localization.render('For word address, there are mainly word switch and word lamp for PIStudio.')
23 ],
24 'url': 'https://www.youtube.com/embed/TuF7gGU3GfE',
25 'duration': '2 min'
26 }, {
27 'title': $services.localization.render('4.Input/Display Object'),
28 'topics': [
29 $services.localization.render('Input display objects are most common used in HMI to read and write the address.')
30 ],
31 'url': 'https://www.youtube.com/embed/8ucaJf_0DPI',
32 'duration': '10 min'
33 },{
34 'title': $services.localization.render('5.Date/Time Display'),
35 'topics': [
36 $services.localization.render('Date/Time Display is used for display date time in PI HMI.')
37 ],
38 'url': 'https://www.youtube.com/embed/vhkWk_FW0Oo',
39 'duration': '2 min'
40 }, {
41 'title': $services.localization.render('6.Meter'),
42 'topics': [
43 $services.localization.render('The simple introduction of Meter object')
44 ],
45 'url': 'https://www.youtube.com/embed/99xcsVUDs9w',
46 'duration': '5 min'
47 }, {
48 'title': $services.localization.render('7.Bar Graph'),
49 'topics': [
50 $services.localization.render('The simple introduction of Bar Graph')
51 ],
52 'url': 'https://www.youtube.com/embed/tvM7RzdTgH4',
53 'duration': '6 min'
54 },{
55 'title': $services.localization.render('8.Combination Switch'),
56 'topics': [
57 $services.localization.render('The simple introduction of Combination Switch')
58 ],
59 'url': 'https://www.youtube.com/embed/PW986K0UV-k',
60 'duration': '8 min'
61 },{
62 'title': $services.localization.render('9.IP Display'),
63 'topics': [
64 $services.localization.render('IP Display is for showing the current IP for HMI.')
65 ],
66 'url': 'https://www.youtube.com/embed/v04nVXMHIgg',
67 'duration': '5 min'
68 }, {
69 'title': $services.localization.render('10. Screen Switch & Pop-Ups'),
70 'topics': [
71 $services.localization.render('There are mainly three methods to switch the main screen for HMI'),
72 $services.localization.render('Sub screens can be popped up and closed')
73 ],
74 'url': 'https://www.youtube.com/embed/GC37OCMLEuI',
75 'duration': '6 min'
76 }, {
77 'title': $services.localization.render('11. Common Screen&Overlap Screen'),
78 'topics': [
79 $services.localization.render('How to set the common screen in PIStudio')
80 ],
81 'url': 'https://www.youtube.com/embed/Z7jcEffTxp0',
82 'duration': '4 min'
83 }, {
84 'title': $services.localization.render('12. Indirect Screen'),
85 'topics': [
86 $services.localization.render('How to set the indirect screen in PIStudio')
87 ],
88 'url': 'https://www.youtube.com/embed/gAuN4tPrrvE',
89 'duration': '4 min'
90 }, {
91 'title': $services.localization.render('13. Screen Lock'),
92 'topics': [
93 $services.localization.render('How to set the sreen lock in PIStudio')
94 ],
95 'url': 'https://www.youtube.com/embed/pPPir7Jbx4Y',
96 'duration': '3 min'
97 }, {
98 'title': $services.localization.render('14.User Permission'),
99 'topics': [
100 $services.localization.render('How to set User Permission in PIStudio')
101 ],
102 'url': 'https://www.youtube.com/embed/SLp5lN6qdIQ',
103 'duration': '4 min'
104 }, {
105 'title': $services.localization.render('15.Object Password'),
106 'topics': [
107 $services.localization.render('How to set Object Password in PIStudio')
108 ],
109 'url': 'https://www.youtube.com/embed/qCM7imn726U',
110 'duration': '6 min'
111 }, {
112 'title': $services.localization.render('16. Designer Password'),
113 'topics': [
114 $services.localization.render('Designer password is used for protecting the existing project in HMI.')
115 ],
116 'url': 'https://www.youtube.com/embed/Yd7ipLJSjfE',
117 'duration': '3 min'
118 }, {
119 'title': $services.localization.render('17. Installment'),
120 'topics': [
121 $services.localization.render('How to set the Installment in PIStudio')
122 ],
123 'url': 'https://www.youtube.com/embed/oCxPLHaVIJc',
124 'duration': '7 min'
125 }, {
126 'title': $services.localization.render('18. Backstage Interface'),
127 'topics': [
128 $services.localization.render('The simple introduction of Backstage interface')
129 ],
130 'url': 'https://www.youtube.com/embed/6KwQtfC3lKg',
131 'duration': '8 min'
132 }, {
133 'title': $services.localization.render('19. The ig Pass-through Download on V-NET'),
134 'topics': [
135 $services.localization.render('There are mainly two method for pass through, one is for PLC, and the second one is for HMI.')
136 ],
137 'url': 'https://www.youtube.com/embed/z_vuA1Sd61k',
138 'duration': '8 min'
139 }, {
140 'title': $services.localization.render('20. V-NET Email Configuration'),
141 'topics': [
142 $services.localization.render('The ig HMI can send the email when the Alarm being triggered.')
143 ],
144 'url': 'https://www.youtube.com/embed/0BhSMRhtXy0',
145 'duration': '5 min'
146 }, {
147 'title': $services.localization.render('21. The ig Upload to Cloud Configuration'),
148 'topics': [
149 $services.localization.render('The ig HMI can upload the Data records, Alarm records and Montoring tags onto V-NET platform.')
150 ],
151 'url': 'https://www.youtube.com/embed/vWXSF3qCwiQ',
152 'duration': '7 min'
153 }, {
154 'title': $services.localization.render('22. The ig Pass-through Download on WVPN'),
155 'topics': [
156 $services.localization.render('Using WVPN Client tool to remote download the project into LX5V-AN PLC.')
157 ],
158 'url': 'https://www.youtube.com/embed/SszMukpiy2M',
159 'duration': '4 min'
160 }])
161
162 #macro (helpVideoCard $data)
163 <div class="videoCard">
164 <iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
165 <div class="videoCard-body">
166 <div class="videoCard-title">
167 $escapetool.xml($data.title)
168 </div>
169 <ul>
170 #foreach ($topic in $data.topics)
171 <li>$topic</li>
172 #end
173 </ul>
174 </div>
175 <div class="videoCard-footer">
176 $services.icon.renderHTML('play')
177 <a href="$data.url">$services.localization.render('help.videos.watch')</a>
178 <span class="videoCard-duration">
179 $escapetool.xml($data.duration)
180 </span>
181 </div>
182 </div>
183 #end
184 {{/velocity}}
185
186 {{velocity}}
187 {{html clean="false"}}
188 #set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
189 <div class="row">
190 #foreach ($card in $videoCards)
191 ## See http://getbootstrap.com/css/#grid-responsive-resets .
192 #if ($foreach.index > 0 && $foreach.index % 2 == 0)
193 <div class="clearfix visible-sm-block "></div>
194 #end
195 #if ($foreach.index > 0 && $foreach.index % 3 == 0)
196 <div class="clearfix visible-md-block visible-lg-block"></div>
197 #end
198 <div class="col-xs-12 col-sm-6 col-md-4">
199 #helpVideoCard($card)
200 </div>
201 #end
202 </div>
203 {{/html}}
204
205 [[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
206 {{/velocity}}