[website] Updates for Windows Dev Kit 2023 (#13405)

### Description
- Add landing page for Windows Dev Kit 2023
- Update instructions in install matrix

Staged: https://faxu.github.io/onnxruntime/winarm.html

Co-authored-by: Prasanth Pulavarthi <prasanth.pulavarthi@microsoft.com>
Co-authored-by: Jeff Mendenhall <61433971+jeffmend@users.noreply.github.com>
This commit is contained in:
Faith Xu 2022-10-24 09:12:46 -07:00 committed by GitHub
parent 7fd9523934
commit aa31c8c9f2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 157 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 183 KiB

View file

@ -1129,10 +1129,13 @@ var validCombos = {
//SNPE
"windows,C-API,ARM64,SNPE":
"Follow build instructions from <a href='https://aka.ms/build-ort-snpe' target='_blank'>here</a>",
"View installation instructions <a href='./winarm.html' target='_blank'>here</a>",
"windows,C++,ARM64,SNPE":
"Follow build instructions from <a href='https://aka.ms/build-ort-snpe' target='_blank'>here</a>",
"View installation instructions <a href='./winarm.html' target='_blank'>here</a>",
"windows,C#,ARM64,SNPE":
"View installation instructions <a href='./winarm.html' target='_blank'>here</a>",
"linux,C-API,ARM64,SNPE":
"Follow build instructions from <a href='https://aka.ms/build-ort-snpe' target='_blank'>here</a>",

152
winarm.html Normal file
View file

@ -0,0 +1,152 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-156955408-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-156955408-1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>ONNX Runtime | Windows Dev Kit 2023</title>
<link rel="icon" href="./images/ONNXRuntime-Favicon.png" type="image/gif" sizes="16x16">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<a class="skip-main" href="#skipMain">Skip to main content</a>
<div class="main-wrapper">
<div class="top-banner-bg">
<header class="fixed-top header-content">
<nav class="navbar navbar-expand-md navbar-custom" aria-label="Main menu">
<a id="ONNXLogo" class="navbar-brand" href="./index.html">
<img src="images/svg/ONNX-Runtime-logo.svg" class="d-inline-block align-top onnx-logo" alt="ONNX Runtime Home" />
</a>
<button class="navbar-toggler p-0" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse border-md-top mt-md-0 mt-2" id="navbarNav">
<div class="mr-auto"></div>
<div class="my-md-2 mb-0 mt-2 my-lg-0 pl-3 pl-md-0">
<ul class="navbar-nav navbar-nav mr-auto text-uppercase" id="navigation">
<li class="nav-item">
<a class="nav-link pr-3" href="./index.html#getStartedTable">Get Started</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="./docs">Docs</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" target="_blank" href="https://cloudblogs.microsoft.com/opensource/tag/onnx">News</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="./community.html">Community</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" href="http://github.com/microsoft/onnxruntime">GitHub</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div role="main" id="skipMain" tabindex="-1">
<div class="container px-md-4 px-lg-5 pt-5 mx-auto text-center">
<h1 class="pt-3 pb-3 pt-md-5 pb-lg-3 px-md-4 px-lg-5 mt-5 mb-0">ONNX Runtime + Windows Dev Kit 2023 = NPU powered AI</h1>
</div>
<div class="outer-container mx-auto">
<section class="pt-4 blue-title-columns">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-md-12 pr-5">
<h2 class="blue-text">Delivering NPU powered AI capabilities in your apps</h2>
<p>Windows Dev Kit 2023, aka Project Volterra, enables developers to build apps that unlock the power of the NPU hardware to accelerate AI/ML workloads delivering AI-enhanced features & experiences without compromising app performance.</p>
<p>You can get started now and access the power of the NPU through the open source and cross-platform ONNX Runtime inference engine making it easy to run AI/ML models from popular machine learning frameworks like PyTorch and TensorFlow.</p>
</div>
</div>
</div>
</section>
<hr>
<section class="pb-4 pt-4 blue-title-columns">
<div class="container-fluid">
<div class="row pb-4 pb-md-5">
<div class="col-12 col-md-6 mb-4 mb-md-0 text-center pr-10">
<img src="./images/windowsdevkit2023.png" class="img-fluid">
</div>
<div class="col-12 col-md-6 pr-5">
<h2 class="blue-text">Get started on your Windows Dev Kit 2023 today</h2>
<p>Follow these steps to setup your device to use ONNX Runtime (ORT) with the built in NPU:
<ol>
<li><a href="https://developer.qualcomm.com/software/qualcomm-neural-processing-sdk/windows-on-snapdragon" target="_blank">Request access</a> to the Neural Processing SDK for Windows on Snapdragon. Qualcomm may reach out to you via email with further registration instructions for approval. </li>
<li>Once approved, you will receive an email with links to download SNPE.
<ol type="a">
<li>Select the SNPE link which takes you to a Qualcomm login and download page. </li>
<li>Select the <i>Snapdragon_NPE_SDK.WIN.1.0 Installer</i> link, download and install.</li>
</ol>
<li>Download and install the ONNX Runtime with SNPE package</a>
<ul>
<li>For C and C++: Coming Soon </li>
<li>For C#: Coming Soon </li>
<!--<li>For C and C++: <a href="https://www.nuget.org/packages/Microsoft.ML.OnnxRuntime.Snpe" target="_blank">C/C++ Nuget package<a></li>
<li>For C#: <a href="https://www.nuget.org/packages/Microsoft.ML.OnnxRuntime.Snpe" target="_blank"> C# Nuget package<a></li>-->
</ul>
</li>
<li>Start using the ONNX Runtime API in your application.</li>
</ol>
</p><br/>
<h2 class="blue-text">Optimizing models for the NPU</h2>
<p><a href="https://onnx.ai" target="_blank">ONNX</a> is a standard format for representing ML models authored in frameworks like PyTorch, TensorFlow, and others. ONNX Runtime can run any ONNX model, however to make use of the NPU, you currently need to use the following steps:
<ul>
<li>Run the tools provided in the SNPE SDK on your model to generate a binary file.</li>
<li>Include the contents of the binary file as a node in the ONNX graph.</li>
</ul>
<p>See our <a href="https://github.com/microsoft/onnxruntime-inference-examples/tree/main/c_sharp/Snpe_EP/vgg16_image_classification" target="_blank">C# tutorial<a> for an example of how this is done.</p>
<p>Many models can be optimized for the NPU using this process. Even if a model cannot be optimized for NPU by the SNPE SDK, it can still be run by ONNX Runtime on the CPU.</p>
<br/>
<h2 class="blue-text">Tutorials</h2>
<ul>
<li><a href="https://github.com/microsoft/onnxruntime-inference-examples/tree/main/c_sharp/Snpe_EP/vgg16_image_classification" target="_blank">C# Image classification with VGG16 using ONNX Runtime with SNPE<a></li>
<li><a href="https://github.com/microsoft/onnxruntime-inference-examples/tree/main/c_cxx/Snpe_EP" target="_blank">C++ image classification with Inception v3 using ONNX Runtime with SNPE<a></li>
</ul>
<br/>
<h2 class="blue-text">Getting help</h2>
<p>For help with ONNX Runtime, you can <a href="https://github.com/microsoft/onnxruntime/discussions" target="_blank">start a discussion</a> on GitHub or <a href="https://github.com/microsoft/onnxruntime/issues" target="_blank">file an issue</a>.<p>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<!-- Partial footer.html Start-->
<div w3-include-html="footer.html"></div>
<!-- Partial footer.html End-->
<a id="back-to-top" href="JavaScript:void(0);" class="btn btn-lg back-to-top" role="button" aria-label="Back to top"><span class="fa fa-angle-up"></span></a>
<script src="https://www.w3schools.com/lib/w3.js"></script>
<script>w3.includeHTML();</script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="./js/custom.js"></script>
</body>
</html>f