1<!DOCTYPE HTML> 2<html lang="fr"> 3<head> 4 <title>Lapinchatware</title> 5 <meta charset="utf-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 7 <link rel="icon" href="/images/favicon.svg"> 8 <link rel="stylesheet" href="/css/main.css" /> 9 10 11 12</head> 13<body class="single_page"> 14 15 16 <header class="header"> 17 18 <a class="header__title" href="/"> 19 <img 20 class="header__title__image" 21 src="/images/logo-web.svg" 22 alt="Logo de la compagnie illustrant un mélange de chat et de lapin. Nom de la compagnie: Lapinchatware." 23 /> 24 </a> 25 26 <nav class="header__quick-links"> 27 <ul class="header__links-list"> 28 29 30 31 32 33 <li class="header__links-list__item"> 34 <a class="header__links-list__link" href="https://lapinchatware.ca/web/"> 35 <span class="header__link-content">WEB</span> 36 </a> 37 </li> 38 39 40 41 42 43 44 <li class="header__links-list__item"> 45 <a class="header__links-list__link" href="https://lapinchatware.ca/games/"> 46 <span class="header__link-content">JEUX</span> 47 </a> 48 </li> 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 <li class="header__links-list__item"> 66 <a class="header__links-list__link" href="https://lapinchatware.ca/arts/"> 67 <span class="header__link-content">ARTS</span> 68 </a> 69 </li> 70 71 72 73 74 75 76 <li class="header__links-list__item"> 77 <a class="header__links-list__link" href="https://lapinchatware.ca/notebooks/"> 78 <span class="header__link-content">CAHIERS DE NOTES</span> 79 </a> 80 </li> 81 82 83 </ul> 84 </nav> 85 86 <search class="header__search"> 87 <form class="header__search__form" role="search" method="get" action="/search"> 88 <label class="header__search__zone"> 89 <span class="header__search__label">Recherche :</span> 90 <input class="header__search__input" name="search" type="search" placeholder="Recherche" value=""> 91 </label> 92 <button class="header__button" type="submit"> 93 <img class="header__button-image" src="/images/search-icon.svg" alt="" aria-hidden="true" /> 94 <span class="header__search__text sr-only">Rechercher</span> 95 </button> 96 </form> 97 </search> 98 99 <button id="header__button--menu-open" class="header__button header__button--menu"> 100 <img class="header__button-image header__button-image--menu" src="/images/autre-icon.svg" alt="" aria-hidden="true"/> 101 <span class="header__button-text sr-only">Menu</span> 102 </button> 103 104 <dialog id="header__menu-modal" class="header__navigation"> 105 <a class="header__title header__title--navigation" href="/"> 106 <img 107 class="header__title__image" 108 src="/images/logo-web.svg" 109 alt="Logo de la compagnie illustrant un mélange de chat et de lapin. Nom de la compagnie: Lapinchatware." 110 /> 111 </a> 112 113 <h1 class="header__text-title"> 114 Pierre Tremblay‑Thériault 115 </h1> 116 117 <h2 class="sr-only">Compétences générales</h2> 118 <ul class="header__modal-meta"> 119 <li class="header__modal-meta__item header__modal-meta__item--bold"> 120 Programmeur 121 </li> 122 <li class="header__modal-meta__item header__modal-meta__item--bold"> 123 Artiste 124 </li> 125 <li class="header__modal-meta__item header__modal-meta__item--bold header__modal-meta__item--bold-last"> 126 Formateur 127 </li> 128 <li class="header__modal-meta__item"> 129 Gestion 130 </li> 131 <li class="header__modal-meta__item"> 132 Ãlectronique 133 </li> 134 <li class="header__modal-meta__item"> 135 Numérique 136 </li> 137 <li class="header__modal-meta__item"> 138 Informatique 139 </li> 140 </ul> 141 142 <div class="header__navigation__contact"> 143 <h2 class="header__navigation__contact-title"> 144 Get in touch 145 </h2> 146 <p class="header__navigation__contact-prompt"> 147 <a class="header__navigation__contact-prompt__link link" href="/contact">C'est par ici.</a> 148 </p> 149 </div> 150 151 <article class="header__navigation__bio"> 152 <h2 class="sr-only">Biographie</h2> 153 <div class="header__navigation__picture-id"> 154 <img class="header__navigation__bio-image" src="/images/portrait_Patrick_Simard_2016_llr.jpg" alt=""/>
155 <span class="header__navigation__image-credit">Crédit photo: Patrick Simard - 2016</span> 156 </div> 157 <p> 158 L'accord entre art et technologie est pour moi une évidence. Je fais ce pont depuis maintenant plus de 159 dix ans dans le milieu des arts numériques et de la recherche universitaire en art. Je suis donc à la 160 fois un artiste, un créateur d'expérience, un programmeur et un électronicien. J'aime me décrire comme 161 un "ingénieur de rue": un savant fou (mais bien ancré dans la réalité) capable de lier des domaines en 162 apparence incompatible et de construire des solutions efficaces et surprenantes à des problèmes 163 artistiques, techniques et inhabituels. 164 </p> 165 <p> 166 Je mets de l'avant mes capacités d'adaptation et d'innovation ainsi que mon ingéniosité dans tout ce 167 que j'entreprends. Je suis motivé par l'impact positif de mon travail sur les autres ainsi que par les 168 nouveaux défis qui enrichiront mes expériences, me perfectionneront et me permettront d'apprendre. Ces 169 dernières années où ma créativité et mes connaissances approfondies sur les technologies informatiques 170 et électroniques ont été mises au service d'une clientèle variée m'ont permis de devenir excellent dans 171 la résolution de problèmes complexes. 172 </p> 173 <p> 174 Je travaille toujours en équipe. Mon implication dans un projet exige souvent la collaboration avec 175 d'autres professionnels travaillant dans des domaines bien différents de ma spécialité. Ces moments de 176 partage ont toujours été appréciés et même recommandés. 177 </p> 178 <p> 179 J'ai eu l'occasion de gérer bien des projets telle la planification technique du SCAN (Studio Création 180 Art Numérique, UQAC, Saguenay) lors de sa construction où j'ai par la suite assumé le rôle de directeur 181 technique et de technicien. Aussi, en étant professionnel de recherche pour la Chaire de recherche du 182 Canada pour une dramaturgie sonore au théâtre (CRCDST), j'ai initié une recherche sur les scènes 183 numériques en réalité virtuelle. 184 </p> 185 <p> 186 Ãtant aussi un artiste professionnel, je développe une pratique en art numérique et électronique axée 187 sur la création d'ambiance et l'intégration du spectateur dans un système interactif. J'ai développé ma 188 réflexion sur la place du spectateur dans une oeuvre interactive lors de ma recherche universitaire de 189 maîtrise. J'organise aujourd'hui mes travaux de recherches au sein de la CRCDST autour des 190 environnements virtuels. 191 </p> 192 </article> 193 194 <button id="header__button--menu-close" class="header__button header__button--menu header__button--menu-close"> 195 <img class="header__button-image header__button-image--menu header__button-image--menu-close" src="/images/close-icon.svg" alt="" aria-hidden="true"/> 196 <span class="header__button-text sr-only">Close</span> 197 </button> 198 </dialog> 199</header> 200 201 202 203 204 205 206 <main class="main"> 207 208 <h1 class="section__main-title">Créations et développements web</h1> 209 210<h2 class="section__other-title">Réalisations</h2> 211<ul class="section__realisation-list"> 212 213 214 215 <li class="section__realisation-item"> 216 <article class="section__article"> 217 <h3 class="section__article__title"> 218 <a class="section__article__title__link" href="https://lapinchatware.ca/web/lapinchatware-ca/"> 219 lapinchatware.ca 220 </a> 221 </h3> 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 <a class="section__article__image-link" href="https://lapinchatware.ca/web/lapinchatware-ca/"> 244 <img class="section__article__image section__article__image--svg" src="/web/lapinchatware-ca/logo-web.svg" alt="Logo de la compagnie illustrant un mélange de chat et de lapin. Nom de la compagnie: Lapinchatware." /> 245 </a> 246 </article> 247 </li> 248 249 <li class="section__realisation-item"> 250 <article class="section__article"> 251 <h3 class="section__article__title"> 252 <a class="section__article__title__link" href="https://lapinchatware.ca/web/aagiguere-ca/"> 253 Andrée-Anne Giguère - Artiste interdisciplinaire 254 </a> 255 </h3> 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 <a class="section__article__image-link" href="https://lapinchatware.ca/web/aagiguere-ca/"> 279 <img class="section__article__image" src="https://lapinchatware.ca/processed_images/aagiguere_siteweb.e0871d332dc905ef.jpg" alt="Photo de casting de Andrée-Anne. Ãcrit sur l'image: André-Anne Giguère, artiste interdisciplinaire." /> 280 </a> 281 </article> 282 </li> 283 284</ul> 285 286 </main> 287 288 289 290 <section class="footer"> 291 <ul class="footer__links"> 292 <li class="footer__links__item"> 293 <a class="footer__link" href="/atom.xml"> 294 <img 295 class="footer__link__image" 296 src="/images/atom.svg" 297 alt="Logo d'un atome" 298 aria-hidden="true" 299 />
300 <span class="footer__link__text">Atom</span> 301 </a> 302 </li> 303 <li class="footer__links__item"> 304 <a class="footer__link" href="/rss.xml"> 305 <img 306 class="footer__link__image" 307 src="/images/rss.svg" 308 alt="Logo d'une onde radio" 309 aria-hidden="true" 310 /> 311 <span class="footer__link__text">RSS</span> 312 </a> 313 </li> 314 <li class="footer__links__item"> 315 <a class="footer__link" href="/sitemap.xml"> 316 <img 317 class="footer__link__image" 318 src="/images/sitemap.svg" 319 alt="Logo d'un schéma" 320 aria-hidden="true" 321 /> 322 <span class="footer__link__text">Carte du site</span> 323 </a> 324 </li> 325 <li class="footer__links__item"> 326 <a class="footer__link" href="/legals"> 327 <img 328 class="footer__link__image" 329 src="/images/scale-balanced.svg" 330 alt="Logo d'une balance" 331 aria-hidden="true" 332 /> 333 <span class="footer__link__text">Documents légaux</span> 334 </a> 335 </li> 336 </ul> 337 <div class="footer__copyright"> 338 © Pierre Tremblay-Thériault 339 </div> 340</section> 341 342
342<script type="text/javascript" src="/js/main.js"></script>
342 343 344 345</body> 346</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.