Book détaillant plusieurs de mes projets réalisés durant mes études ou sur mon temps personnel. Pour voir plus de projets et de détails, consultez mon GitHub : https://github.com/Liinkiing

1. OMAR JBARA
Book technique
2017

2. SOMMAIRE
JEUVIDEO
Slender - The Cursed Forest
Flying Duck
Snake Party
SITE WEB
C-vitae
Grands_enfants
Tutotoformes
Portfolio
timcsf.ca
APPLICATION HYBRIDE
#SocNot
PLUGINS
Bot twitter

3. p.1
p.3
p.5
p.7
p.9
p.11
p.13
p.15
p.17
p.19

4. Slender - The Cursed Forest Jeuvidéo - 2014
1

5. Technologies utilisées
Slender - The Cursed Forest Description
Petit jeuvidéo réalisé dans le cadre de mes vacances scolaires. Je l’ai fait pour m’entraîner
au moteur de jeu Unity3D et en C#. En effet, j’avais la volonté d’apprendre ce langage, j’ai
donc décidé de me lancer dans un projet d’une plus grande envergure.
Aujourd’hui, le jeu comptabilise actuellement plus de 100 000 vues et est jouable en multi-
joueur.
Cela a été une réelle opportunité, j’ai pu en apprendre plus sur plusieurs facettes de la créa-
tion de jeuvidéo, en passant par la réalisation d’effets spéciaux, à la partie réseau du jeu.
C#
2

6. Flying Duck Jeuvidéo - 2015
3

7. Technologies utilisées
Flying Duck Description
La conception de jeu en 2D est quelque chose qui me plaît fortement, car j’aime beaucoup
les jeux en deux dimensions. Je me suis donc lancé dans la réalisation d’un jeu comme Flap-
py Bird, où l’on doit seulement sauter un personnage entre deux obstacles.
J’ai cependant ajouté quelques petits plus par rapport à l’original, tel que l’ajout de quelques
power-ups, ou encore la difficulté croissante au fur et à mesure de l’avancement.
Le projet a été réalisé en environ une semaine.
C#
4

8. Snake Party Jeuvidéo - 2017
5

9. Technologies utilisées
Snake Party Description
Ce petit jeu vidéo est inspiré du jeu Curve Fever. J’ai décidé de faire un jeu de la sorte, car
cela faisait un petit bout de temps que je n’avais pas touché à Unity.
J’ai voulu donc reprendre la programmation en C#, et je me suis ainsi lancé comme défi de
reproduire ce petit jeu, simple de premier abord mais très addictif ! Il faut éviter d’entrer en
collision avec les autres joueurs.
Pour ce projet, j’ai voulu dépendre le moins sur des ressources externes. J’ai préféré tout re-
faire de zéro afin de me ré-habituer au moteur. Il est jouable en coopération local à 4 joueurs
ou en ligne.
C#
6

10. C-Vitae Site web - 2016
7

11. Technologies utilisées
C-Vitae Description
Réalisation d’une plateforme réunissant les étudiants de ma promotion en DUT MMI.
Ce projet a été fait dans le cadre du projet tuteuré en fin de première année en MMI.
J’ai donc utilisé Symfony pour le développement, et de Doctrine comme ORM (per-
met de faire la liaison entre la couche logique de l’application et la couche de données),
PostgreSQL en base de données et Heroku pour le déploiement de l’application.
Les étudiants ont la possibilité de rajouter ou de modifier leur CV, d’ajouter des informations
les concernant et peuvent directement être contactés via leur profil publique d’étudiant.
8

12. Grands_enfants Site web - 2016
9

13. Technologies utilisées
Grands_enfants Description
Ce site web a été réalisé avec Symfony, en utilisant une fois de plus l’ORM Doctrine. Une
base de données MySQL a été utilisée. Le déploiement a été aussi réalisé sur Heroku.
L’application se base sur le fil d’actualité Twitter du compte @grands_enfants. Il récupère les
derniers tweets via l’API twitter et les met en forme d’une manière particulière. Cela permet
donc d’utiliser de simples tweets et ainsi, sur le site, de les afficher sous forme de produits.
Il récupère la catégorie du produit, la compagnie, la miniature etc. grâce à l’utilisation d’ex-
pressions régulières.
10

14. Tutotoformes Site web - 2016
11

15. Technologies utilisées
Tutotoformes Description
Ce projet a été mon projet de fin d’année pour mon
DUT Métiers du Multimédia et de l’Internet.
En effet, ayant été sélectionné pour terminer mes études à Québec, j’ai dû réaliser ce projet
pour mon 3ème
semestre. Il s’agit d’une plateforme de tutoriels en ligne. Des utilisateurs s’ins-
crivent et peuvent ainsi suivre leur cours, débloquer des succès et reprendre à tout moment
leurs cours.
La plateforme peut-être utilisé par tout le monde car il y a un système d’auteur / administra-
teur.
12

16. Portfolio - Expérimentations avec Vue.js Site web - 2016
13

17. Technologies utilisées
Portfolio - Expérimentations avec Vue.js Description
Lors de la création de mon portfolio, j’ai décidé d’essayer quelque chose que je n’avais pour
le moment encore jamais testé : Vue.js.
J’ai donc créé plusieurs composants réutilisables tel qu’une to-do list, une lightbox, un
champs permettant d’entrer des « tags » (comme sur Soundcloud ou YouTube), un carousel
ou encore le système de tri de projets que j’utilise dans mon portfolio.
vue-router a été utilisé pour créér une Single Page Application. Webpack ,quant à lui a
été utilisé pour « bundler » les fichiers .vue et compiler le tout afin de le rendre disponible en
production sur Heroku.
14

18. timcsf.ca Site web - 2017
15

19. Technologies utilisées
timcsf.ca Description
Lors de mon séjour au Québec, j’ai intégré la formation TIM : Techniques d’Intégration Multi-
média. Durant ma session, nous avons eu un projet commun : refaire le site web de la forma-
tion. Ce fût une expérience très enrichissante car j’ai dû m’adapter aux méthodes de travail
qu’ils avaient au Cégep de Sainte-Foy.
J’étais dans une équipe composé de 5 personnes, moi compris. Nous avons utilisé divers ou-
tils, tel que Susy pour gérer la grille ou encore Gitlabs afin de gérer le bon déroulement du
projet. J’ai aidé à concevoir plusieurs pages, et j’ai réalisé une partie du back-office en PHP.
16

20. #SocNot Application hybride - 2015
17

21. Technologies utilisées
#SocNot Description
Lors de mon stage en première année des Métiers du Multimédia et de l’Internet, j’ai dû réa-
liser une application mobile + une API + un site web permettant de gérer les utilisateurs de
l’application. L’API et le site ont été réalisés avec Symfony et Doctrine.
L’application mobile a été réalisé sur Ionic, un framework basé sur AngularJS et Apache
Cordova. J’ai donc dû apprendre AngularJS 2 et TypeScript.
L’application est aujourd’hui utilisée en interne par mon ancien patron. Elle permet d’avoir un
suivi analytics et d’observer la présence des utilisateurs sur les réseaux sociaux
18

22. Bot twitter Plugin - 2016
19

23. Technologies utilisées
Bot twitter Description
Un ami à moi m’avait parlé de certains concours Twitter. Il y participait et m’avait proposé,
au départ en plaisantant, de créér un bot permettant de réaliser cette tâche de manière
automatique.
J’ai donc décidé de le faire, sur NodeJS, et le déployer en tant que « web worker » sur
Heroku (un service qui tourne en continu). J’ai développé le bot de manière très modulable.
Un seul fichier de configuration est nécessaire. De plus, il peut être configuré via des
variables d’environnement
20