-
Notifications
You must be signed in to change notification settings - Fork 0
/
HLSTutorials.html
235 lines (232 loc) · 14.3 KB
/
HLSTutorials.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KG7589D');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-151882251-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-151882251-2');
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="HLS Tutorials including Edge detection walkthrough video series, Catapult On-Demand Training. Learn more with related videos, examples, and documentation covering edge detection and other topics.">
<!-- Provide a short description of the page. -->
<meta name="description" content="HLS Tutorials including Edge detection walkthrough video series, Catapult On-Demand Training. Learn more with related videos, examples, and documentation covering edge detection and other topics.">
<!-- Control the behavior of search engine crawling and indexing.
The robots meta tag applies to all search engines, while the "googlebot" meta tag is specific to Google. -->
<meta name="robots" content="..., ..." />
<meta name="http-equiv" content="X-Robots-Tag : noindex, follow" />
<meta name="googlebot" content="..., ..." />
<!-- Used for verifying ownership of a site. -->
<meta name="verify" content=""/>
<!-- Open Graph Meta Tags -->
<!-- Set the canonical URL for the page you are sharing. -->
<meta property="og:url" content="https://hlslibs.org/HLSTutorials.html">
<!-- The title to accompany the URL. -->
<meta property="og:title" content="HLS Tutorials on HLSLibs.org"/>
<!-- Provides Facebook the name that you would like your website to be recognized by. -->
<meta property="og:site_name" content="HLS Turorials Homepage">
<!-- Provides Facebook the type of website that you would like your website to be categorized by. -->
<meta property="og:type" content="HLS Tutorials Website">
<!-- Defines the language, American English is the default. -->
<meta property="og:locale" content="en-IN">
<!-- Directs Facebook to use the specified image when the page is shared. -->
<meta property="og:image" content="../Favicon/android-chrome-512x512.png">
<!-- Similar to the meta description tag in HTML. This description is shown below the link title on Facebook. -->
<meta property="og:description" content="HLS Tutorials including Edge detection walkthrough video series, Catapult On-Demand Training. Learn more with related videos, examples, and documentation covering edge detection and other topics."/>
<!-- Twitter Card data -->
<!-- The type of card to be created: summary, photo, or video -->
<meta name="twitter:card" content="summary" />
<!-- Title of the Twitter Card -->
<meta name="twitter:title" content="HLS Tutorials: Design Walkthrough Series and On-Demand Training." />
<!-- Description of content -->
<meta name="twitter:description" content="HLS Tutorials including Edge Detection, Design Analyzer, and Designing ML Hardware Accelerators Using HLS walkthrough video series. Learn more with related videos, examples, and documentation covering edge detection and other topics." />
<!-- URL of image to use in the card. Used with summary, summary_large_image, player cards -->
<meta name="twitter:image" content="../Favicon/android-chrome-512x512.png" />
<title>HLS Tutorials page</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.0.0.css" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/bootswatch/4.1.2/lux/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Favicons -->
<link rel="apple-touch-icon" href="HLSLibs/path/to/favicon-180.png" sizes="180x180">
<link rel="icon" href="/Favicon/favicon-32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/Favicon/smalltile.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/Favicon/manifest.json">
<link rel="mask-icon" href="/Favicon/safari-pinned-tab.svg" color="#2B5797">
<link rel="icon" href="/Favicon/favicon.ico">
<meta name="msapplication-config" content="/Favicon/browserconfig.xml">
<meta name="theme-color" content="#2B5797">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KG7589D"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- The fixed navbar will overlay your other content, unless you add padding to the bottom of the <body>. Tip: By default, the navbar is 50px high. -->
<nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark">
<a class="navbar-brand" href="https://hlslibs.org/">HLS Libs<span class="sr-only">(home)</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
GitHub Repository
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://github.com/hlslibs" target="_parent">GitHub Repository</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://github.com/hlslibs/ac_types" target="_parent">AC Datatypes</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://github.com/hlslibs/ac_math" target="_parent">AC Math</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://github.com/hlslibs/ac_dsp" target="_parent">AC DSP</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://github.com/hlslibs/matchlib_connections" target="_parent">MatchLib Connections</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="https://eda.sw.siemens.com/en-US/ic/catapult-high-level-synthesis/" target="_parent" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Catapult Resources
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://eda.sw.siemens.com/en-US/ic/catapult-high-level-synthesis/" target="_parent">Catapult Home</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://training.plm.automation.siemens.com/mytraining/viewlibrary.cfm?memTypeID=273992&memID=273992" target="_parent">HLS On-Demand Training</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://resources.sw.siemens.com/en-US/e-book-high-level-synthesis-hls-blue-book" target="_parent">HLS Bluebook</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://eda.sw.siemens.com/en-US/ic/catapult-high-level-synthesis/resources" target="_parent">Catapult Collateral</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="HLSTutorials.html" target="_parent">HLS Tutorials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="UniversityPartners.html" target="_parent">University Partners</a>
</li>
</ul>
</div>
</nav>
<br><br><br><br><br>
<div class="container mt-2">
<div class="row">
<div class="col-12">
<h4>HLS Tutorials</h4><p class="text-left">Are you interested in understanding more about HLS and if you could get the kinds of big design/verification SHIFT-LEFT results that major companies are seeing? The following are great resources for any RTL designer or System architect interested in what is HLS but especially those that are familiar with building high performance hardware that include Image Processing.
</p><br>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="jumbotrona">
<div class="row">
<div class="col-lg-4"><img src="EdgeDetectionseries.svg" alt="Edge Detection Walkthrough Video YouTube Series" width="300" class="align-middle img-fluid"></div>
<div class="col-lg-8">
<h4>Edge Detection Walkthrough Series</h4><p class="text-left">The following series of videos provides a step-by-step walkthrough of what is needed to take a C++ floating-point algorithm all the way to optimized RTL using Catapult synthesis.<br><br>If you would like to step through this design you can do so by downloading source files via the Github Download button below.</p><br><br>
<div>
<div class="float-right"><div class="btn-group" role="group" aria-label="Basic example">
<a class="btn btn-secondary" href="https://youtube.com/playlist?list=PL1m1vu8_quoBj502-ONlWr64NJk9g-cDl" target="_parent" role="button">Watch Videos</a>
<a class="btn btn-secondary" href="https://github.com/hlslibs/hls_tutorials/tree/master/WalkThroughs/EdgeDetect/src" target="_parent" role="button">Github Download</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="jumbotrona">
<div class="row">
<div class="col-lg-4"><img src="DesignAnalyzerSeriesVSiemens.svg" alt="Design Analyzer Walkthrough Video YouTube Series" width="300" class="align-middle img-fluid"></div>
<div class="col-lg-8">
<h4>Design Analyzer Walkthrough Series</h4><p class="text-left">The following series of videos provides a step-by-step walkthrough of how to use the Catapult Design Analyzer to analyze and visualize synthesis results, automatically identify the worst coding style mistakes, and pinpoint optimization bottlenecks.</p><br><br>
<br><br>
<div>
<div class="float-right"><div class="btn-group" role="group" aria-label="Basic example">
<a class="btn btn-secondary" href="https://youtube.com/playlist?list=PL1m1vu8_quoCyM2v2FVMb2HsfVYDunB0V" target="_parent" role="button">Watch Videos</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="jumbotrona">
<div class="row">
<div class="col-lg-4"><img src="DesigningMLseriesVSiemens.svg" alt="Designing ML Hardware Accelerators Using HLS Walkthrough Video YouTube Series" width="300" class="align-middle img-fluid"></div>
<div class="col-lg-8">
<h4>Designing ML Hardware Accelerators Using HLS Walkthrough Series</h4><p class="text-left">The following series of videos provides an introduction into designing simple Machine Learning accelerators using High-Level Synthesis. This video series is intended to be open-ended and videos will be added on more advanced topics in the near future. The example source code will become available soon.</p><br><br>
<div>
<div class="float-right"><div class="btn-group" role="group" aria-label="Basic example">
<a class="btn btn-secondary" href="https://youtube.com/playlist?list=PL1m1vu8_quoD4H3bJca3Oo_GA4kV-moom" target="_parent" role="button">Watch Videos</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="jumbotrona">
<div class="row">
<div class="col-lg-4"><img src="HLSODT.gif" alt="HLS On-Demand Training Library" width="300" class="align-middle img-fluid"></div>
<div class="col-lg-8">
<h4>Catapult HLS & Verification <br>On-Demand Training Library</h4>
<p class="text-left">The Catapult High-Level Synthesis (HLS) On-Demand Training (ODT) library contains a set of modules to introduce Engineers to HLS and High-Level Verification.</p>
<br><br><br><br>
<div>
<div class="float-right">
<div class="btn-group" role="group" aria-label="Basic example"> <a class="btn btn-secondary" href="https://training.plm.automation.siemens.com/mytraining/viewlibrary.cfm?memTypeID=273992&memID=273992" target="_parent" role="button">Learn More</a><br> <a class="btn btn-secondary" href="https://training.plm.automation.siemens.com/mytraining/viewlibrary.cfm?memTypeID=273992&memID=273992" target="_parent" role="button">Start free trial</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6 mb-md-0 mb-2">
<a href="mailto:[email protected]" target="_parent"><h2 class="text-center">Contact Us</h2></a>
</div>
<div class="col-lg-4 col-12 offset-lg-4">
<h2 class="text-center">About Us</h2>
</div>
</div>
</div>
<hr>
<footer class="text-center">
<div class="container">
<div class="row">
<div class="col-12">
<p class="text-center" style="text-align:center">Copyright 2019-2024 © Siemens Digital Industries Software. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.2.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.0.0.js"></script>
</div>
</body>
</html>