-
Notifications
You must be signed in to change notification settings - Fork 0
/
nicolausboucaud.html
199 lines (153 loc) · 8.1 KB
/
nicolausboucaud.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>FioriConf 2024</title>
<meta content="THE conference about Fiori. Online, free, live. FioriConf 2024." name="description">
<meta content="FioriConf 2024, FioriConf, Fiori, SAP, Cloud, Conference, Fiori UX, UX" name="keywords">
<meta property="twitter:card" content="summary" />
<meta property="twitter:url" content="https://www.FioriConf.org" />
<meta property="twitter:title" content="FioriConf 2024 - April 24, 2024" />
<meta property="twitter:description" content="THE conference about Fiori. Online, free, live. FioriConf 2024." />
<meta property="twitter:image" content="https://www.fioriconf.org/img/fioriconf2024_logo.png" />
<meta property="og:title" content="FioriConf 2024 - April 24, 2024" />
<meta property="og:description" content="THE conference about Fiori. Online, free, live. FioriConf 2024." />
<meta property="og:image" content="https://www.fioriconf.org/img/fioriconf2024_logo.png" />
<meta name="robots" content="index, follow" />
<!-- Favicons -->
<link href="assets/img/favicon.svg" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="d-flex align-items-center header-inner">
<div class="container-fluid container-xxl d-flex align-items-center">
<div id="logo" class="me-auto">
<!-- Uncomment below if you prefer to use a text logo -->
<!-- <h1><a href="index.html">The<span>Event</span></a></h1>-->
<a href="index.html" class="scrollto"><img src="assets/img/fioriconf_logo.svg" alt="" title=""></a>
</div>
<nav id="navbar" class="navbar order-last order-lg-0">
<ul>
<li><a class="nav-link scrollto" href="index.html#home">Home</a></li>
<li><a class="nav-link scrollto" href="index.html#about">About</a></li>
<li><a class="nav-link scrollto" href="index.html#agenda">Agenda</a></li>
<li><a class="nav-link scrollto" href="index.html#faq">FAQ</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
</div>
</header><!-- End Header -->
<main id="main" class="main-page">
<!-- ======= Speaker Details Sectionn ======= -->
<section id="speakers-details">
<div class="container">
<div class="section-header">
<h2>Nicolas Boucaud</h2>
<p>SAPUI5 Development Team Lead</p>
</div>
<div class="row">
<div class="col-md-3">
<img src="assets/img/speakers/NicolausBoucaud.jpeg" alt="Nicolas Boucaud" class="img-thumbnail rounded-circle">
</div>
<div class="col-md-6">
<div class="details">
<h2>Nicolas Boucaud</h2>
<p>SAPUI5 Development Team Lead at VINCI Energies SI</p>
<div class="social">
<a href="https://www.vinci-energies.com/"><i class="bi bi-browser-chrome"></i></a>
<a href="https://www.linkedin.com/in/nicolas-boucaud-37567083/"><i class="bi bi-linkedin"></i></a>
</div>
<p>I graduated from an engineering school in information technology in 2014 and have been working in the SAP ecosystem since then, mainly as a Front end Developer (SAPUI5, Fiori Element...). First as Software Engineer Consultant for a SAP Partner Company, I joined VINCI Energies some years later, in 2019. From there, leading a team of front and full-stack developers, we strive to incorporate aspects of modern development, accessibility principles, and clean code into our work, driven by a strong appetite for innovation and SAP new technologies.
</p>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-12">
<h2>Session</h2>
</div>
</div>
<div class="row">
<div class="col">
<h4>SAP Fiori for All: Enhancing Accessibility and Sustainability</h4>
</div>
</div>
<div class="row">
<div class="col">
<p>This session aims to shed light on the pivotal roles of accessibility and ecodesign within the SAP Fiori framework, underscoring their significance in fostering inclusive and sustainable digital environments.</p>
<p>Through concrete examples, we will demonstrate how developers can implement accessibility features, such as ARIA labels, keyboard navigation, and semantic content structuring, within their Fiori applications. Additionally, we will conclude with an opening on Ecodesign with some options to follow and manage Fiori Applications compliance with it.</p>
</div>
</div>
<div class="row">
<div class="col">
<p>Language: English</p>
<p>Duration: 45 Minutes</p>
</div>
</div>
</div>
</section>
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 footer-info">
<img src="assets/img/fioriconf_logo.svg" alt="TheEvenet">
<p>FioriConf. The Fiori conference.</p>
<p>Free | live | virtual</p>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Legal</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="./conduct.html">Code of Conduct</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="./impressum.html">Impressum</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="https://docs.github.com/de/site-policy/privacy-policies/github-privacy-statement">Datenschutzerklärung (GitHub Pages)</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-contact">
<h4>Contact Us</h4>
<p>
<strong>Email:</strong> fioriconf (at) gmail.com<br>
</p>
<div class="social-links">
<a href="https://twitter.com/FioriConf" class="twitter"><i class="bi bi-twitter"></i></a>
<a href="https://www.instagram.com/fioriconf/" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="https://www.linkedin.com/in/tobias-hofmann-768b085/" class="linkedin"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=TheEvent
-->
<a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>