Skip to content

Commit 8b1fd09

Browse files
masarraymasarray
committed
Add English landing page
1 parent f6923c2 commit 8b1fd09

1 file changed

Lines changed: 213 additions & 0 deletions

File tree

‎docs/en/index.html‎

Lines changed: 213 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,213 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1" />
6+
<title>ARServer — Native IEC 61850 to Modbus TCP + MQTT Gateway</title>
7+
<meta name="description" content="ARServer is an Apache-2.0 Windows engineering gateway, learning center, and documentation hub for IEC 61850 MMS, Modbus TCP, MQTT, HMI/SCADA integration, FAT, relay bench, and substation automation workflows." />
8+
<meta name="robots" content="index, follow" />
9+
<link rel="canonical" href="https://masarray.github.io/arserver/en/" />
10+
<link rel="alternate" hreflang="x-default" href="https://masarray.github.io/arserver/" />
11+
<link rel="alternate" hreflang="en" href="https://masarray.github.io/arserver/en/" />
12+
<link rel="alternate" hreflang="id" href="https://masarray.github.io/arserver/id/" />
13+
<link rel="manifest" href="../site.webmanifest" />
14+
<link rel="icon" type="image/png" sizes="256x256" href="../assets/arserver-icon.png" />
15+
<link rel="apple-touch-icon" href="../assets/arserver-icon.png" />
16+
<meta name="theme-color" content="#eff6ff" />
17+
18+
<meta property="og:type" content="website" />
19+
<meta property="og:title" content="ARServer — Native IEC 61850 Gateway" />
20+
<meta property="og:description" content="Learn IEC 61850, Modbus TCP, and MQTT while using ARServer to bridge relay data into HMI, SCADA, dashboard, and test workflows." />
21+
<meta property="og:url" content="https://masarray.github.io/arserver/en/" />
22+
<meta property="og:site_name" content="ARServer" />
23+
<meta property="og:image" content="https://masarray.github.io/arserver/assets/screenshots/arserver-start.webp" />
24+
<meta name="twitter:card" content="summary_large_image" />
25+
26+
<link rel="preload" as="image" href="../assets/screenshots/arserver-start.webp" />
27+
<link rel="stylesheet" href="../styles.css" />
28+
<link rel="stylesheet" href="../screenshots.css" />
29+
<link rel="stylesheet" href="../polish.css" />
30+
<link rel="stylesheet" href="../language.css" />
31+
32+
<script type="application/ld+json">
33+
{
34+
"@context": "https://schema.org",
35+
"@type": "SoftwareApplication",
36+
"name": "ARServer",
37+
"applicationCategory": "EngineeringApplication",
38+
"operatingSystem": "Windows 10, Windows 11",
39+
"softwareVersion": "1.0.1",
40+
"license": "https://www.apache.org/licenses/LICENSE-2.0",
41+
"codeRepository": "https://github.com/masarray/arserver",
42+
"url": "https://masarray.github.io/arserver/en/",
43+
"description": "Apache-2.0 Windows desktop gateway and learning center for bridging IEC 61850 MMS IED values to Modbus TCP and MQTT workflows.",
44+
"keywords": "IEC 61850, MMS, Modbus TCP, MQTT, SCADA, HMI, DCS, substation automation, relay testing, FAT, SAT"
45+
}
46+
</script>
47+
</head>
48+
<body>
49+
<a class="skip-link" href="#content">Skip to content</a>
50+
51+
<header class="site-header" aria-label="ARServer site header">
52+
<a class="brand" href="./" aria-label="ARServer English home">
53+
<span class="brand-mark brand-mark--image" aria-hidden="true"><img src="../assets/arserver-icon.png" alt="" /></span>
54+
<span class="brand-copy"><strong>ARServer</strong><small>IEC 61850 Gateway</small></span>
55+
</a>
56+
<nav class="nav-links" aria-label="Primary navigation">
57+
<a href="#learn">Learn</a>
58+
<a href="#journey">Start</a>
59+
<a href="#architecture">Architecture</a>
60+
<a href="#screenshots">Screenshots</a>
61+
<a href="#wiki">Docs</a>
62+
<a href="#faq">FAQ</a>
63+
</nav>
64+
<div class="language-switcher" aria-label="Language switcher">
65+
<a class="is-active" href="../en/" hreflang="en">EN</a>
66+
<a href="../id/" hreflang="id">ID</a>
67+
</div>
68+
<a class="nav-cta" href="https://github.com/masarray/arserver">GitHub</a>
69+
</header>
70+
71+
<main id="content">
72+
<section id="top" class="hero-section page-shell">
73+
<div class="hero-content">
74+
<p class="eyebrow"><span></span> IEC 61850 MMS · Modbus TCP · MQTT</p>
75+
<h1>Learn the protocols. Bridge relay data. Build a clean HMI route.</h1>
76+
<p class="hero-lead">ARServer is a Windows engineering gateway and information center for turning selected IEC 61850 IED values into practical Modbus TCP maps and MQTT topics for HMI, SCADA, DCS, FAT, relay bench, dashboard, and substation automation workflows.</p>
77+
<div class="hero-actions" aria-label="Primary actions">
78+
<a class="button primary" href="https://github.com/masarray/arserver">View repository</a>
79+
<a class="button ghost" href="../wiki.html?doc=QUICK_START.md">Start from zero</a>
80+
</div>
81+
<dl class="trust-row" aria-label="Project highlights">
82+
<div><dt>Source</dt><dd>IEC 61850 MMS</dd></div>
83+
<div><dt>Outputs</dt><dd>Modbus TCP + MQTT</dd></div>
84+
<div><dt>Use case</dt><dd>HMI / SCADA / FAT</dd></div>
85+
<div><dt>License</dt><dd>Apache-2.0</dd></div>
86+
</dl>
87+
</div>
88+
89+
<div class="hero-console" aria-label="ARServer runtime preview">
90+
<div class="console-topbar"><span></span><span></span><span></span><strong>Gateway Runtime</strong></div>
91+
<div class="runtime-card active">
92+
<small>IED source</small>
93+
<strong>OCR7SR12 / MMS :102</strong>
94+
<p>Associated · runtime cache healthy</p>
95+
</div>
96+
<div class="signal-table" role="img" aria-label="Example ARServer runtime grid">
97+
<div class="signal-row head"><span>IEC Object</span><span>Value</span><span>Q</span></div>
98+
<div class="signal-row"><span>XCBR1.Pos.stVal</span><strong>Closed</strong><em>Good</em></div>
99+
<div class="signal-row"><span>PTOC1.Op.general</span><strong>False</strong><em>Good</em></div>
100+
<div class="signal-row"><span>MMXU1.A.phsA.cVal</span><strong>132.6</strong><em>Fresh</em></div>
101+
</div>
102+
<div class="route-grid" aria-label="Output routes">
103+
<div><small>Modbus TCP</small><strong>30001 → CB Position</strong></div>
104+
<div><small>MQTT</small><strong>arserver/IED/tag/state</strong></div>
105+
</div>
106+
</div>
107+
</section>
108+
109+
<section id="learn" class="section page-shell" aria-labelledby="learn-title">
110+
<div class="section-heading">
111+
<p class="section-kicker">Learning center</p>
112+
<h2 id="learn-title">A practical starting point for IEC 61850, Modbus TCP, and MQTT.</h2>
113+
<p>Use ARServer as a product and as a learning map. The goal is to make protocol relationships clear before users start mapping real values.</p>
114+
</div>
115+
<div class="learning-grid">
116+
<article class="learning-card"><span>Protocol 01</span><h3>IEC 61850 and MMS</h3><p>Understand IEDs, logical nodes, data objects, data attributes, function constraints, SCL files, and why MMS commonly uses TCP port 102.</p></article>
117+
<article class="learning-card"><span>Protocol 02</span><h3>Modbus TCP for HMI/SCADA</h3><p>Learn why classic DCS, HMI, and SCADA tools prefer stable register maps, status bits, input registers, and deterministic address planning.</p></article>
118+
<article class="learning-card"><span>Protocol 03</span><h3>MQTT for data platforms</h3><p>Learn how topic names, JSON payloads, quality, timestamps, and broker routing make relay data usable for dashboards and middleware.</p></article>
119+
</div>
120+
</section>
121+
122+
<section id="journey" class="section page-shell" aria-labelledby="journey-title">
123+
<div class="section-heading">
124+
<p class="section-kicker">Zero to running</p>
125+
<h2 id="journey-title">From relay IP or SCL file to a working Modbus/MQTT gateway.</h2>
126+
<p>The documentation path is designed for a first-time user: install, add source, select signals, validate, map, publish, and troubleshoot.</p>
127+
</div>
128+
<div class="journey-grid">
129+
<article class="journey-card"><span>01</span><h3>Install and open</h3><p>Run ARServer on Windows and understand what the workspace shows before starting runtime.</p></article>
130+
<article class="journey-card"><span>02</span><h3>Add IED source</h3><p>Start from live relay IP over MMS port 102 or from SCL/CID/SCD/ICD/IID engineering files.</p></article>
131+
<article class="journey-card"><span>03</span><h3>Validate signals</h3><p>Select SCADA-friendly points, probe readability, and keep value, quality, timestamp, and stale status visible.</p></article>
132+
<article class="journey-card"><span>04</span><h3>Publish outputs</h3><p>Expose stable Modbus TCP points and optional MQTT topics for HMI, SCADA, dashboards, or test tools.</p></article>
133+
</div>
134+
</section>
135+
136+
<section id="architecture" class="section page-shell split" aria-labelledby="architecture-title">
137+
<div>
138+
<p class="section-kicker">Architecture</p>
139+
<h2 id="architecture-title">Relay data enters once, then fans out to the systems that need it.</h2>
140+
<p>ARServer sits between IEC 61850 IEDs and practical consuming systems. It keeps the relay read path controlled, then exposes selected values to classic control systems through Modbus TCP and modern data workflows through MQTT.</p>
141+
<ul class="check-list">
142+
<li>Relay / IED remains the source of truth over IEC 61850 MMS.</li>
143+
<li>ARServer validates selected values before publishing outputs.</li>
144+
<li>DCS, HMI, and SCADA tools can poll the Modbus TCP server.</li>
145+
<li>IoT dashboards, middleware, or historians can subscribe through MQTT.</li>
146+
</ul>
147+
</div>
148+
<div class="connection-diagram" role="img" aria-label="Relay connects to ARServer through IEC 61850 MMS, then ARServer publishes data to Modbus TCP clients and MQTT clients.">
149+
<div class="diagram-node source-node"><span>Source</span><strong>Relay / IED</strong><small>IEC 61850 server</small></div>
150+
<div class="diagram-link inbound"><span>IEC 61850 MMS · port 102</span></div>
151+
<div class="diagram-node core-node"><span>Gateway</span><strong>ARServer</strong><small>runtime cache · quality · timestamp · mapping</small></div>
152+
<div class="diagram-branches"><div class="diagram-link"><span>Modbus TCP</span></div><div class="diagram-link"><span>MQTT</span></div></div>
153+
<div class="diagram-output-grid">
154+
<div class="diagram-node output-node"><span>Classic control layer</span><strong>DCS · HMI · SCADA</strong><small>poll registers / status points</small></div>
155+
<div class="diagram-node output-node"><span>Data platform layer</span><strong>IoT · Historian · Dashboard</strong><small>subscribe topics / JSON state</small></div>
156+
</div>
157+
</div>
158+
</section>
159+
160+
<section id="screenshots" class="section page-shell screenshots-section" aria-labelledby="screenshots-title">
161+
<div class="section-heading">
162+
<div><p class="section-kicker">Product screenshots</p><h2 id="screenshots-title">Actual ARServer workflow screens.</h2></div>
163+
<p>Screenshots help new users understand the start workspace, live IEC values, Modbus server map, and MQTT topic routing before installing.</p>
164+
</div>
165+
<div class="screenshot-grid">
166+
<figure class="shot-card large"><a href="../assets/screenshots/arserver-start.webp" target="_blank" rel="noreferrer"><img src="../assets/screenshots/arserver-start.webp" alt="ARServer start workspace" loading="eager" /></a><figcaption><strong>Start workspace</strong><span>Add the first IEC 61850 IED and begin the gateway workflow.</span></figcaption></figure>
167+
<figure class="shot-card"><a href="../assets/screenshots/arserver-iec-values.webp" target="_blank" rel="noreferrer"><img src="../assets/screenshots/arserver-iec-values.webp" alt="ARServer live IEC 61850 values table" loading="lazy" /></a><figcaption><strong>Live IEC 61850 values</strong><span>Values, quality, object path, and inferred type stay visible.</span></figcaption></figure>
168+
<figure class="shot-card"><a href="../assets/screenshots/arserver-modbus-server.webp" target="_blank" rel="noreferrer"><img src="../assets/screenshots/arserver-modbus-server.webp" alt="ARServer Modbus TCP mapping table" loading="lazy" /></a><figcaption><strong>Modbus server map</strong><span>Selected IEC signals become clear Modbus points for HMI polling.</span></figcaption></figure>
169+
<figure class="shot-card"><a href="../assets/screenshots/arserver-mqtt-topics.webp" target="_blank" rel="noreferrer"><img src="../assets/screenshots/arserver-mqtt-topics.webp" alt="ARServer MQTT topics screen" loading="lazy" /></a><figcaption><strong>MQTT topic routing</strong><span>Publish value, quality, status, and state payloads to broker topics.</span></figcaption></figure>
170+
</div>
171+
</section>
172+
173+
<section id="wiki" class="section page-shell" aria-labelledby="wiki-title">
174+
<div class="section-heading">
175+
<p class="section-kicker">Product docs</p>
176+
<h2 id="wiki-title">The documentation path for learning and using ARServer.</h2>
177+
<p>Open the Markdown preview pages when you need clean reading without raw Markdown syntax.</p>
178+
</div>
179+
<div class="wiki-grid wiki-grid-extended">
180+
<a href="../wiki.html?doc=QUICK_START.md"><strong>Quick Start</strong><span>Relay IP or SCL file to running gateway.</span></a>
181+
<a href="../wiki.html?doc=TROUBLESHOOTING.md"><strong>Troubleshooting</strong><span>Connection, discovery, Modbus, MQTT, and stale value checks.</span></a>
182+
<a href="../wiki.html?doc=VALIDATION_MATRIX.md"><strong>Validation Matrix</strong><span>Bench checklist for FAT, lab, and simulated evaluation.</span></a>
183+
<a href="../wiki.html?doc=ROADMAP.md"><strong>Roadmap</strong><span>Native IEC 61850 milestones and report-ready direction.</span></a>
184+
<a href="../wiki.html?doc=DEPLOYMENT.md"><strong>Deployment</strong><span>GitHub Pages, SEO files, and documentation publishing notes.</span></a>
185+
<a href="https://github.com/masarray/arserver/security/policy"><strong>Security Policy</strong><span>Responsible handling for engineering gateway security concerns.</span></a>
186+
</div>
187+
</section>
188+
189+
<section id="faq" class="section page-shell" aria-labelledby="faq-title">
190+
<div class="section-heading narrow"><p class="section-kicker">FAQ</p><h2 id="faq-title">Common questions before trying ARServer.</h2></div>
191+
<div class="faq-list faq-list-expanded">
192+
<details open><summary>What is ARServer in simple terms?</summary><p>ARServer is a Windows gateway that reads selected IEC 61850 relay or IED values and republishes them as Modbus TCP registers and MQTT topics for HMI, SCADA, DCS, dashboard, or test tools.</p></details>
193+
<details><summary>Is ARServer a relay test set?</summary><p>No. It is a gateway and engineering workspace for selected data reading, mapping, publishing, and validation.</p></details>
194+
<details><summary>Can it connect to a real relay or IED?</summary><p>Yes, when the relay, network, and supported IEC 61850 services allow MMS communication over TCP port 102. Validate on a bench or FAT network first.</p></details>
195+
<details><summary>Do I need an MQTT broker?</summary><p>Yes for MQTT output. Modbus TCP output does not require MQTT.</p></details>
196+
<details><summary>Why are quality and timestamp important?</summary><p>A Boolean value without quality and timestamp can mislead operators. ARServer keeps value context visible so users can see whether a point is fresh, stale, good, or invalid.</p></details>
197+
</div>
198+
</section>
199+
200+
<section class="final-cta page-shell" aria-label="Final call to action">
201+
<div><p class="section-kicker">Start small, validate clearly</p><h2>Build one clean IEC 61850 to Modbus/MQTT mapping, then expand with confidence.</h2></div>
202+
<div class="hero-actions"><a class="button primary" href="https://github.com/masarray/arserver">Open GitHub</a><a class="button ghost" href="../wiki.html?doc=QUICK_START.md">Read Quick Start</a></div>
203+
</section>
204+
</main>
205+
206+
<footer class="site-footer">
207+
<p>ARServer · Native IEC 61850 MMS to Modbus TCP + MQTT Gateway · Apache-2.0</p>
208+
<p><a href="../id/" hreflang="id">Bahasa Indonesia</a> · <a href="../wiki.html?doc=ROADMAP.md">Roadmap</a> · <a href="https://github.com/masarray/arserver">GitHub</a></p>
209+
</footer>
210+
211+
<script src="../script.js" defer></script>
212+
</body>
213+
</html>

0 commit comments

Comments
 (0)