reveal.js

<div class="section-intro">
						
						## Présentation E5
						
						</div>
						<br>
						<small>Joseph Chaoui-Stannard</small>

---
						### Mon Parcours
						- Début d'une licence de maths
						- 5 ans de cuisine
						- Expérience en élevage laitier
						- BTS SIO SLAM avec le CNED

Note:
						- Name & Age
						- Parcours particulier
						- 10 semaines de stage
						- Pourquoi reconversion

---
						### Ce que je vais présenter
						- 3 Ateliers de professionnalisation
						- 2 stages en entreprise
						- Développement professionnel

Note:
						- AP
						- Stages
						- Veille etc...
						---
						<div class="section-intro">
						
						### Ateliers de Professionnalisation
						
						</div>
						---
						### Ateliers de Professionnalisation

Réalisés dans un contexte commun:
						- Site web *MediaTek Formations*
						- Application de bureau *MediaTek Documents*
						- Application Android *MediaTek Formations Mobile*
						---
						<figure>
							<img src="images/ap-architecture.svg" width="600">
							<figcaption><small>Diagramme de déploiement des AP</small></figcaption>
						</figure>
						---
						### Déroulement des AP

1. Mise en place d'environnements de développement
						2. Familiarisation avec l'existant
						3. Préparation du suivi de projet
						4. Réalisation des tâches
						5. Rédaction de comptes rendus

---
						<figure>
							<img class="r-frame" src="images/kanbanstart.png" width="1000">
							<figcaption><small>Exemple du Kanban pour un AP</small></figcaption>
						</figure>
						---
						### Mediatek Formation
						*Site web permettant la consultation et gestion des formations vidéo*
						<div class="split-view">
							<div>

1. Nettoyer et optimiser le code existant
						2. Coder la partie back-office
						3. Tester et documenter
						4. Déployer le site et gérer le déploiement continu

</div>
							<div>
								<video muted data-autoplay loop class="r-frame" width="700">
									<source src="images/ap1-video.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>
							</div>
						</div>

Note:
						- Symfony/PHP
						- Affichage nb formations avec filtres, tris etc...
						- Back-office gestion
						- Respect de l'architecture existante, MVC...
						---
						<figure>
							<img class="r-frame" src="images/ap1-adminplaylists.png" width="800">
							<figcaption><small>Gestion des playlists</small></figcaption>
						</figure>
						---
						<figure>
							<img class="r-frame" src="images/db-backup.png" width="600">
							<figcaption><small>Script de sauvegarde de la BDD</small></figcaption>
						</figure>
						---
						<figure>
							<img class="r-frame" src="images/ap1-tests.png" width="1000">
							<figcaption><small>Tests réussis avec extrait de code</small></figcaption>
						</figure>

Note:
						PHPUnit
						---
						### Mediatek Documents
						*Application de bureau pour la gestion des documents*
						<div class="split-view">
							<div>

1. Géstion des documents
						2. Géstion des commandes
						3. Suivi de l’état des exemplaires
						4. Authentifications
						5. Sécurité, la qualité, les logs
						6. Tester et documenter
						7. Déployer et gérer les sauvegardes de données
						
						Note:
						- C#
						- Travail en équipe (branche PR)
						- Déploiement installer msi
						- Évolution BDD pour suivi et auth
						- Évolution API

</div>
							<div>
								<video muted data-autoplay loop class="r-frame" width="550">
									<source src="images/ap2-vid.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>
							</div>
						</div>

---
						

						### Mediatek Formation Mobile
						*Application mobile pour la consultation des formations vidéo*

<div class="split-view">
							<div>
						
						1. Gérer le filtrage des formations
						2. Gestion des favoris
						3. Qualité, tests unitaires et tests fonctionnels
						4. Créer les documentations
						5. Déploiement
						
							</div>
							<div>
								<video muted data-autoplay loop class="r-frame" width="180">
									<source src="images/ap3-video.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>
							</div>
						</div>

Note:
						- Favoris SQLite
						- Déploiement apk
						---
						<div class="section-intro">

### Stages en Entreprise

</div>
						---
						### Présentation de l'entreprise
						*IWAN à Châteaubriant, 44*

Solutions B2B comme :
						- Logiciels de caisse
						- Logiciels de gestion vacances adaptées
						- CRM
						
						Note:
						- TPE avec 2 gérants
						- Ecosystème WINDEV
						---
						### Premier stage

- Création de site d'annonces d'emploi
						- Script pour extraire les informations d'un CV
						- Création de zones cliquables sur image

Note:
						- PHP/Python/WebDev
						- Site lien client
						---
						<figure>
							<img class="r-frame" src="images/offres-noirmoutier.png" width="700">
							<figcaption><small>Page principale du site déployé</small></figcaption>
						</figure>
						---
						### Deuxième stage

- Création de base de site e-commerce
						- Interface pour requêtes SQL dynamiques
						- Impression bluetooth depuis Android
						- Création de compte développeur et publication d'applications tests
						---
						<figure>
							<img class="r-frame" src="images/panier-stage.png" width="700">
							<figcaption><small>Écran panier</small></figcaption>
						</figure>
						---
						<figure>
							<img class="r-frame" src="images/panier-figma-stage.svg" width="500">
							<figcaption><small>Maquette Figma du panier</small></figcaption>
						</figure>
						---
						<figure>
							<img class="r-frame" src="images/checkout-stage.png" width="700">
							<figcaption><small>Paiement avec Stripe</small></figcaption>
						</figure>
						---
						<figure>
							<img class="r-frame" src="images/signature-stage.png" width="700">
							<figcaption><small>Application de signature</small></figcaption>
						</figure>
						---
						<div class="section-intro">
						
						### Développement Professionnel
						
						</div>
						---
						### Identité Professionnelle
						
						- Portfolio
						- GitHub
						- LinkedIn
						---
						<figure>
							<img class="r-frame" src="images/portfolio.png" width="700">
							<figcaption><small>Accueil de mon portfolio</small></figcaption>
						</figure>
						---
						### Veille technologique

- Podcasts (surtout Web/JS)
						- Flux RSS (*Developpez.com, Frandroid...*)
						- Apprentissage de technologies intéressantes

Note:
						- Ce que je veux apprendre
						- Quelques projets
						---
						<div class="section-intro">
						
						### Merci !
						
						</div>