-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathworkshops.html
More file actions
313 lines (287 loc) · 15 KB
/
workshops.html
File metadata and controls
313 lines (287 loc) · 15 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="LLMNetOps Workshops - Hands-on training on privacy-aware LLM deployment for network operations.">
<title>Workshops - LLMNetOps</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/components.css">
</head>
<body>
<!-- Navigation -->
<nav>
<div class="nav-container">
<a href="index.html" class="logo">
<img src="images/llmnetops-logo-formal.png" alt="LLMNetOps Logo">
</a>
<button class="mobile-menu-btn" aria-label="Toggle navigation menu">
<span></span>
<span></span>
<span></span>
</button>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="workshops.html" class="active">Workshops</a></li>
<li><a href="news.html">News</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<!-- Page Header -->
<section class="page-header">
<div class="breadcrumb">
<a href="index.html">Home</a>
<span>/</span>
<span>Workshops</span>
</div>
<h1>Workshops</h1>
<p>Hands-on Training on Privacy-Aware LLM Deployment for Network Operations</p>
</section>
<!-- Workshop Overview -->
<section>
<div class="container">
<div class="alert alert-info">
<span class="alert-icon">📅</span>
<div>
<strong>Registration Opening Soon</strong><br>
Workshop dates and registration details will be announced shortly. Join our mailing list to be notified!
</div>
</div>
<div class="stats-grid mt-4">
<div class="stat-item" style="background: var(--light-bg); border-radius: 12px;">
<span class="stat-number" style="color: var(--primary-color);">2</span>
<span class="stat-label" style="color: var(--text-color);">Workshop Sessions</span>
</div>
<div class="stat-item" style="background: var(--light-bg); border-radius: 12px;">
<span class="stat-number" style="color: var(--primary-color);">20+</span>
<span class="stat-label" style="color: var(--text-color);">Target Participants</span>
</div>
<div class="stat-item" style="background: var(--light-bg); border-radius: 12px;">
<span class="stat-number" style="color: var(--primary-color);">70%</span>
<span class="stat-label" style="color: var(--text-color);">Knowledge Improvement</span>
</div>
<div class="stat-item" style="background: var(--light-bg); border-radius: 12px;">
<span class="stat-number" style="color: var(--primary-color);">Free</span>
<span class="stat-label" style="color: var(--text-color);">No Registration Fee</span>
</div>
</div>
</div>
</section>
<!-- Workshop Sessions -->
<section class="about">
<div class="container">
<h2 class="section-title">Workshop Sessions</h2>
<p class="section-subtitle">Two comprehensive sessions designed for network operations professionals</p>
<!-- Session 1 -->
<div class="workshop-card">
<div class="workshop-header">
<div>
<span class="registration-status registration-coming-soon">
<span class="pulse-dot"></span> Coming Soon
</span>
<h3 class="mt-2">Session 1: Foundations of Local LLM Deployment</h3>
<p>Introduction to Large Language Models and Privacy-Aware AI</p>
</div>
<div class="workshop-meta">
<span>📅 Date: TBA</span>
<span>⏱️ Duration: 4 hours</span>
<span>📍 Format: Hybrid</span>
</div>
</div>
<p>This foundational session introduces participants to Large Language Models, covering core concepts, privacy considerations, and the fundamentals of local deployment. Participants will learn why locally-hosted LLMs are crucial for institutional data privacy.</p>
<h4 class="mt-3">Topics Covered</h4>
<ul class="topic-list">
<li>Introduction to Large Language Models (LLMs)</li>
<li>Understanding AI privacy concerns</li>
<li>Local vs. cloud-based AI deployment</li>
<li>Privacy-aware AI principles</li>
<li>Introduction to open-source LLM models</li>
<li>Basic RAG (Retrieval-Augmented Generation) concepts</li>
<li>Infrastructure requirements overview</li>
</ul>
<h4 class="mt-3">Prerequisites</h4>
<ul class="topic-list">
<li>Basic understanding of networking concepts</li>
<li>Familiarity with command-line interfaces</li>
<li>No prior AI/ML experience required</li>
</ul>
<h4 class="mt-3">Learning Outcomes</h4>
<ul class="topic-list">
<li>Understand core LLM concepts and terminology</li>
<li>Recognize privacy implications of AI deployment</li>
<li>Evaluate local vs. cloud AI solutions</li>
<li>Identify suitable open-source LLM models</li>
</ul>
</div>
<!-- Session 2 -->
<div class="workshop-card">
<div class="workshop-header">
<div>
<span class="registration-status registration-coming-soon">
<span class="pulse-dot"></span> Coming Soon
</span>
<h3 class="mt-2">Session 2: AI Agentic Workflow for Network Operations</h3>
<p>Practical Implementation and Hands-on Exercises</p>
</div>
<div class="workshop-meta">
<span>📅 Date: TBA</span>
<span>⏱️ Duration: 4 hours</span>
<span>📍 Format: Hybrid</span>
</div>
</div>
<p>Building on Session 1, this advanced session focuses on practical implementation of AI agentic workflows for network operations. Participants will work with live prototypes and learn to integrate LLMs into their network management workflows.</p>
<h4 class="mt-3">Topics Covered</h4>
<ul class="topic-list">
<li>AI Agentic workflow fundamentals</li>
<li>Building RAG pipelines for network documentation</li>
<li>Live prototype demonstration</li>
<li>Contextual AI for network troubleshooting</li>
<li>Integration with existing infrastructure</li>
<li>Best practices for production deployment</li>
<li>Security considerations</li>
</ul>
<h4 class="mt-3">Prerequisites</h4>
<ul class="topic-list">
<li>Completion of Session 1 (or equivalent knowledge)</li>
<li>Basic Python knowledge (helpful but not required)</li>
<li>Access to a test environment</li>
</ul>
<h4 class="mt-3">Learning Outcomes</h4>
<ul class="topic-list">
<li>Build basic RAG pipelines</li>
<li>Deploy LLMs for network operations use cases</li>
<li>Create contextual AI assistants for documentation</li>
<li>Implement security best practices</li>
</ul>
</div>
</div>
</section>
<!-- Workshop Info -->
<section>
<div class="container">
<h2 class="section-title">Workshop Information</h2>
<div class="card-grid">
<div class="card">
<div class="card-icon">🎓</div>
<h3>Target Audience</h3>
<p>Network operations professionals, IT administrators, and technical staff from IDREN member institutions. Open to other educational and research institutions in Indonesia.</p>
</div>
<div class="card">
<div class="card-icon">💰</div>
<h3>Registration Fee</h3>
<p>The workshops are free of charge, funded by APNIC Foundation through the ISIF Asia 2025 grant program.</p>
</div>
<div class="card">
<div class="card-icon">🌐</div>
<h3>Language</h3>
<p>Instruction will be primarily in Indonesian with materials available in both Indonesian and English. English support available.</p>
</div>
<div class="card">
<div class="card-icon">📜</div>
<h3>Certificate</h3>
<p>Participants who complete both sessions will receive a certificate of completion from Universitas Brawijaya.</p>
</div>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="about">
<div class="container">
<h2 class="section-title">Frequently Asked Questions</h2>
<p class="section-subtitle">Common questions about our workshops</p>
<div class="faq-item">
<div class="faq-question">Who can participate in the workshops?</div>
<div class="faq-answer">
<p>The workshops are primarily designed for network operations professionals, IT administrators, and technical staff from IDREN member institutions. However, we welcome participants from other educational and research institutions in Indonesia who are interested in privacy-aware AI deployment.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">Is there a registration fee?</div>
<div class="faq-answer">
<p>No, the workshops are free of charge. This project is funded by APNIC Foundation through the ISIF Asia 2025 grant program.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">What equipment do I need?</div>
<div class="faq-answer">
<p>Participants should have a laptop with at least 8GB RAM. For hands-on exercises, we'll provide access to cloud-based environments. Specific setup instructions will be shared before each workshop.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">Will workshop materials be available afterwards?</div>
<div class="faq-answer">
<p>Yes, all workshop materials including slides, recordings (when available), and hands-on guides will be made available through our Resources page. Materials are provided in both Indonesian and English.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">What language will instruction be in?</div>
<div class="faq-answer">
<p>Instruction will be primarily in Indonesian with materials available in both Indonesian and English. English support will be available for non-Indonesian speakers.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">Do I need prior AI/ML experience?</div>
<div class="faq-answer">
<p>No prior AI or machine learning experience is required for Session 1. Basic familiarity with networking concepts and command-line interfaces is helpful. Session 2 builds on Session 1 content.</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="contact">
<h2 class="section-title">Stay Updated</h2>
<p class="section-subtitle">Be the first to know when registration opens</p>
<div class="btn-group">
<a href="contact.html" class="btn btn-primary">Contact Us for Updates</a>
<a href="resources.html" class="btn btn-secondary">View Resources</a>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footer-content">
<div class="footer-section">
<h4>LLMNetOps</h4>
<p>Strengthening Network Operations Knowledge-Base through Locally-Hosted Generative AI</p>
<p><a href="https://apnic.foundation/projects/llmnetops/" target="_blank">View Project on APNIC Foundation</a></p>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="workshops.html">Workshops</a></li>
<li><a href="news.html">News</a></li>
<li><a href="resources.html">Resources</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Funded By</h4>
<div class="partner-logos">
<img src="images/APNIC-Foundation-and-ISIF-Logo-white-stacked-01.svg" alt="APNIC Foundation and ISIF Asia">
</div>
</div>
<div class="footer-section">
<h4>Implemented By</h4>
<div class="partner-logos">
<img src="images/Logo_Universitas_Brawijaya.png" alt="Universitas Brawijaya">
<img src="images/logo-idren.png" alt="IDREN">
</div>
</div>
</div>
<div class="footer-bottom">
<p>© <span class="current-year">2024</span> LLMNetOps. All rights reserved.</p>
</div>
</footer>
<!-- Back to Top Button -->
<button class="back-to-top" aria-label="Back to top">↑</button>
<!-- Scripts -->
<script src="js/navigation.js"></script>
<script src="js/animations.js"></script>
<script src="js/main.js"></script>
</body>
</html>