qce26-tutorial.github.io/index.html at main · munich-quantum-software/qce26-tutorial.github.io · GitHub

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
<!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="Practical integration of cloud-based quantum resources via QDMI into HPC–QC stacks.">
    <title>QDMI into HPC–QC Stacks | QCE26 Tutorial</title>
    <link rel="stylesheet" href="./styles.css">
    <script src="./script.js" defer></script>
  </head>
  <body>
    <header class="site-header">
      <div class="container header-inner">
        <a class="brand" href="./index.html" aria-label="QCE26 Tutorial home">
          <span class="brand-mark" aria-hidden="true">QDMI</span>
          <span>QCE26 Tutorial</span>
        </a>

        <button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-navigation">
          <span class="sr-only">Toggle navigation</span>
          <span aria-hidden="true">Menu</span>
        </button>

        <nav id="site-navigation" class="site-nav" aria-label="Primary navigation">
          <a href="#agenda">Agenda</a>
          <a href="#information">Additional Information</a>
          <a class="nav-link-subtle" href="https://github.com/munich-quantum-software/amazon-braket-qdmi-device">Repository</a>
        </nav>
      </div>
    </header>

    <main>
      <section class="hero" aria-labelledby="page-heading">
        <div class="container hero-grid">
          <div class="hero-copy">
            <p class="eyebrow">QCE26 tutorial / Hands-on session</p>
            <h1 id="page-heading">Practical integration of cloud-based quantum resources.</h1>
          </div>
          <div class="hero-side">
            <div class="hero-panel" aria-label="Tutorial format">
              <span class="panel-label">Tutorial format</span>
              <strong>Two 90-minute sessions</strong>
              <span class="panel-line" aria-hidden="true"></span>
              <span class="panel-note">Slides, live demonstrations, and guided hands-on participation.</span>
            </div>
            <p class="hero-text">Learn how QDMI connects familiar HPC tooling with heterogeneous quantum backends in the cloud, from frontend programs to scheduler-driven execution.</p>
            <a class="button" href="#agenda">View the agenda <span aria-hidden="true">→</span></a>
          </div>
        </div>
      </section>

      <section id="agenda" class="section" aria-labelledby="agenda-heading">
        <div class="container">
          <div class="section-heading">
            <div>
              <p class="eyebrow">01 / Overview</p>
              <h2 id="agenda-heading">Tutorial agenda</h2>
            </div>
          </div>

          <div class="agenda-grid">
            <article class="agenda-card"><span class="card-number">1.1 / Hands-on lab 1</span><h3>Deployment of your HPC cluster infrastructure</h3></article>
            <article class="agenda-card"><span class="card-number">1.2 / Presentation</span><h3>HPC-QC integration via QDMI</h3></article>
            <article class="agenda-card"><span class="card-number">1.3 / Presentation</span><h3>Introduction to classical and quantum-classical AFQMC</h3></article>
            <article class="agenda-card"><span class="card-number">1.4 / Hands-on lab 2</span><h3>Run a QC-AFQMC simulation on an AWS PCS cluster integrated with Amazon Braket via QDMI</h3></article>
            <div class="agenda-break"><span>Lunch break</span></div>
            <article class="agenda-card"><span class="card-number">2.1 / Presentation</span><h3>Deep dive into the QDMI tech stack</h3></article>
            <article class="agenda-card"><span class="card-number">2.2 / Hands-on lab 3</span><h3>Explore the Amazon Braket QDMI Device</h3></article>
            <article class="agenda-card"><span class="card-number">2.3 / Hands-on lab 4</span><h3>Run a classical AFQMC simulation and compare the results with the quantum-classical version</h3></article>
            <article class="agenda-card"><span class="card-number">2.4 / Wrap up</span><h3>Conclusions and survey</h3></article>
          </div>
        </div>
      </section>

      <section id="information" class="section section-muted" aria-labelledby="information-heading">
        <div class="container info-grid">
          <div>
            <p class="eyebrow">02 / Information</p>
            <h2 id="information-heading">Target audience</h2>
          </div>
          <div class="info-copy">
            <p>The tutorial is aimed primarily at quantum software developers, followed by HPC practitioners, compiler researchers, and application scientists who want to integrate and use cloud-based quantum resources within large HPC–QC stacks. In particular, attendees interested in middleware, compilation, runtime systems, and workflow orchestration. The expected background is limited to familiarity with basic quantum programming concepts. Knowledge of OpenQASM, cloud service SDKs, hybrid workflows, clusters, or batch schedulers is helpful but not required.</p>
            <a class="text-link" href="https://github.com/munich-quantum-software/amazon-braket-qdmi-device">Find out more about the Amazon Braket QDMI Device<span aria-hidden="true">↗</span></a>
          </div>
        </div>
      </section>
    </main>

    <footer class="site-footer">
      <div class="container footer-inner">
        <p>QCE26 Tutorial · Practical Integration of Cloud-based Quantum Resources via QDMI into HPC–QC Stacks</p>
      </div>
    </footer>
  </body>
</html>