02 Basic Object & Settings

author	version	line-number	content
		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	'title': $services.localization.render('23. Logo Maker Tool'),
		162	'topics': [
		163	$services.localization.render('Using this tool to make start-up logo screen on your own')
		164	],
		165	'url': 'https://www.youtube.com/embed/XVS-6bzZv3o',
		166	'duration': '4 min'
		167	}, {
		168	'title': $services.localization.render('24. RecordUpload Tool'),
		169	'topics': [
		170	$services.localization.render('Using this tool to upload the record files(database format) from HMI in LAN network')
		171	],
		172	'url': 'https://www.youtube.com/embed/6ErRZYvmvpM',
		173	'duration': '5 min'
		174	}, {
		175	'title': $services.localization.render('25. Cloud SCADA for ig HMI'),
		176	'topics': [
		177	$services.localization.render('How to combine the tags of ig HMI with Cloud SCADA project')
		178	],
		179	'url': 'https://www.youtube.com/embed/Puqut20kPxE',
		180	'duration': '6 min'
		181	}, {
		182	'title': $services.localization.render('26. Data Log tool'),
		183	'topics': [
		184	$services.localization.render('This tool is mainly designed for viewing the records export from HMI')
		185	],
		186	'url': 'https://www.youtube.com/embed/hNPNXkxJCD8',
		187	'duration': '6 min'
		188	}])
		189
		190	#macro (helpVideoCard $data)
		191	<div class="videoCard">
		192	<iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
		193	<div class="videoCard-body">
		194	<div class="videoCard-title">
		195	$escapetool.xml($data.title)
		196	</div>
		197	<ul>
		198	#foreach ($topic in $data.topics)
		199	<li>$topic</li>
		200	#end
		201	</ul>
		202	</div>
		203	<div class="videoCard-footer">
		204	$services.icon.renderHTML('play')
		205	<a href="$data.url">$services.localization.render('help.videos.watch')</a>
		206	<span class="videoCard-duration">
		207	$escapetool.xml($data.duration)
		208	</span>
		209	</div>
		210	</div>
		211	#end
		212	{{/velocity}}
		213
		214	{{velocity}}
		215	{{html clean="false"}}
		216	#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
		217	<div class="row">
		218	#foreach ($card in $videoCards)
		219	## See http://getbootstrap.com/css/#grid-responsive-resets .
		220	#if ($foreach.index > 0 && $foreach.index % 2 == 0)
		221	<div class="clearfix visible-sm-block "></div>
		222	#end
		223	#if ($foreach.index > 0 && $foreach.index % 3 == 0)
		224	<div class="clearfix visible-md-block visible-lg-block"></div>
		225	#end
		226	<div class="col-xs-12 col-sm-6 col-md-4">
		227	#helpVideoCard($card)
		228	</div>
		229	#end
		230	</div>
		231	{{/html}}
		232
		233	[[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
		234	{{/velocity}}