HAMDI BOUSSANDEL

Site du CHU de Nice

Refonte et gestion du site du CHU

Compétence : Refonte et gestion d'un site internet

Description :
Durant mon stage, j'ai participé à la refonte du site officiel du centre hospitalier universitaire de Nice, le site donne la possibilité aux visiteurs de se documenter sur l'hôpital: ses services, les différents pôles médicaux, articles du domaine médical, vidéos explicatives.

Résultat :
j'ai eu la chance d'apprendre à maîtriser le CMS Joomla, principale technologie utilisée, j'ai commencé à me documenter sur sa philosophie, les fonctionnalités, les possibilités offertes par le CMS.

Création de la rubrique culture et communication
Ajout de nouvelles fonctionnalités : lecteur vidéo Youtube, Google reCAPTCHA, espace personnel pour les étudiants
Amélioration de l'ergonomie
Maintenance du site

Fermer le projet Visiter le site

Centre d'études et de recherche pour l'obésité de Nice Côte d'Azur

Refonte et gestion du site

Compétence : Refonte d'un site internet

Description :
Le centre d'études et de recherche de l'obésité de Nice Côte d'Azur lutte contre l'obésité en constante augmentation, leur site web a pour but d'informer les azuriens sur l'obésité: ressources sur le sujet, les services médicaux disponibles dans la région, des outils pédagogiques, mes taches se sont limité à de l'amélioration.

En parallèle du site du CHU, J'ai assisté mon tuteur a la maintenance du site.

Ajout de nouvelles fonctionnalités : Calcul de l’IMC, menu déroulant
Amélioration de l'ergonomie
Maintenance du site

Fermer le projet Visiter le site

Blog personnel

Initiation au framework Laravel

Compétence : Créer un blog avec le framework PHP Laravel

Description :

Après avoir découvert le framework CSS Bootstrap, j'ai voulu m'attaquer au développement php, en débutant l'apprentissage d'un framework php, je souhaitais acquérir une nouvelle compétence très importante, selon moi, les framework sont très plébiscités par les entreprises et possèdent de multiples atouts : Gain de temps, code propre, meilleure organisation d'un projet et bien d'autres.

J'ai choisi de créer un blog simple avec une gestion des articles, des commentaires, des utilisateurs, mon choix s'est porté sur Laravel 5, il fait partie des frameworks les plus populaires et régulièrement mis à jour, ce framework est adapté selon moi à ce type de projet.

Résultat :

J'ai dû comprendre son fonctionnement, j'ai découvert de nouvelles notions et une nouvelle approche de développement : Architecture MVC, Injection de dépendance, utilisation de librairie, gestion de la base de données avec Eloquent.

Mes débuts sur Laravel ont été plutôt difficiles, le développement sous un framework php étant totalement nouveau pour moi, mais j'ai pris conscience des avantages considérables d'utiliser un framework : Gain de temps, réalisation de tâche complexe plus facile, Segmentation du code.

Gestion des utilisateurs
Création de l'espace administration
Mise en place de la base de données
Ajout des posts
Gestion des posts
Intégration du blog avec Bootstrap

Fermer le projet

Maquette d'un site web moderne

Initiation au web design

Je souhaitais explorer un autre domaine dont je n'avais aucune notion et parce que j'apprécie les sites avec un design travaillé, j'ai voulu m'initier au web design, j'ai essayé de répondre à des problématiques courantes dans l'élaboration d'un design : Quelles couleurs choisir, quelles polices, l'ergonomie, le choix des images etc. J'ai choisi Photoshop car c'est un outil intéressant et indispensable à maitriser en Web design.

Fermer le projet

Maquette d'un site en flat design

Initiation au flat design.

Ce projet s'inscrit dans la continuité de mon initiation au web design, mon choix s'est porté sur le Flat design qui fait partie des tendances du moment : c'est un design moderne, minimaliste, utilisant des couleurs sobres, j'apprécie le style clair et épuré de cette technique, j'ai une nouvelle fois utilisé Photoshop pour l'élaboration de cette maquette.

Fermer le projet

Refonte d'un site de photograhie

Initiation au CMS Drupal 7

Page d'acceuil initial du site

Page d'acceuil du site sous Drupal

Compétence : Refonte et gestion d'un site internet

Description :

Durant ma période de formation en milieu professionnel en BTS, j'ai assisté mon tuteur à la refonte d'un site d'art pour une peintre/portraitiste.

Ce stage m'a permis d'avoir une première approche de ce qu'est la vie professionnelle dans le domaine de l'informatique avec ses avantages et ses contraintes que ce soit en aspect technique, humain ou organisationnel.

Nous avons dû poser les fondations du projet et réfléchir à l'organisation des éléments. Au final j'ai pu créer un site avec toutes les fonctionnalités d'un blog : Créer un article, une galerie d'images, contact etc...

Resultat :

Nous avont choisi Drupal 7, un CMS plutot complexe par rapoort à Wordpress ou Joomla, un temps d'apprentissage a été nécessaire, mais une fois qu'on maîtrise Drupal, on a notre disposition un outil très puissant.

Le projet s'est bien déroulé, ma seule contrainte étant le manque de temps, ce projet m'a permis de me familiariser avec Drupal 7.

Création du template
Ajout d'une galerie d'images
Gestion des articles
Intégration du site

Fermer le projet

Refonte de mon portfolio

Projet scolaire - Licence pro IMApp

Compétence : Refonte et gestion d'un site internet

Description :

Au cours de ma formation en licence professionnelle informatique et multimédia appliquée, nous avons eu comme projet de créer notre site personnel.

Ce projet ma permis de consolider les compétences acquises durant mon cursus, j'ai pu aborder plusieurs aspects : structure HTML, style et animation en CSS, formulaire en javascript, backoffice en PHP, affichage dynamique.

J'ai donc commencé par poser les fondations du projet et réfléchir à l'organisation des éléments, élaborer le design, prise en compte des contraintes. Au final j'ai pu créer un site qui retrace mon parcours à la manière d'un CV : Profil, formations obtenues, expérience pro...

J'ai bien entendu présenter mes créations dans une section dédiée, concernant la partie la plus technique, j'ai créer un backoffice me permettant de modifier le contenu de mes sections depuis une interface facilitant ainsi la gestion de mon site

Résultat :

le projet s'est bien déroulé, ma seule contrainte étant le manque de temps, ce projet m'a permis de me familiariser avec les différents aspects d'un site web.

Etant donnée que j'avais déja un portfolio en ligne, cette deuxième version est toujours en cours d'amélioration, elle sera mise en ligne très prochainement

Structure du site
Elaboration du design
Affichage dynamique du contenu
Création d'un backoffice
Formulaire de contact
Multilingue

Fermer le projet Visiter le site

Conception de l'application mobile Nouvelle Carte Grise

Projet web - Stage Licence pro IMApp

Compétence : Concevoir une application mobile avec React native

Description :

J'ai effectué mon stage de fin d'études en licence pro IMApp au sein de l'entreprise NouvelleCarteGrise, l'entreprise propose un service en ligne qui a pour but de faciliter les démarches administratives liées à l'obtention d'une nouvelle carte grise, leur principale activité.

J'ai intégré l'équipe en tant que développeur web, ma mission première a été de concevoir la déclinaison mobile du site internet, développer une application mobile permettra au professionnel, qui est régulièrement amené à réaliser les démarches proposées, réaliser les démarches proposées plus rapidement.

Nous avons choisi React native pour le développement, React native est une librairie Javascript populaire qui est basé sur le concept du développement natif, ici, pas de WEb View, on utilise le layout natif Android et iOS, le code Javascript est transpilé en Java pour Android et Swift/ObjectiveC pour iOS, le comportement et les performances sont très proches d'une application développée en natif.

J'ai eu l'opportunité de réaliser un projet de A à Z, j'ai abordé la plupart des aspects du web : Prototypage, intégration CSS d'une maquette mobile, développement en Javascript ES6, requête avec une API REST, Optimisation des performances.

J'ai rapidement abordé des notions avancées, comme la gestion de l'État avec Redux, les middlewares avec Redux thunk, la création de composants personnalisé.

Résultat :

Le projet s'est déroulé avec succès, la première version permet de réaliser une des démarches proposées, j'ai énormément appris durant ce stage de 4 mois, j'ai gagné en compétence tant technique avec la maitrise de React qu'analytique.

Fonctionnalités réalisées:

Prototypage avec proto.io
Création des composants React
Intégration CSS des composants
Inscription/connexion avec Redux/Redux Thunk
Formulaires multi-étape dynamique
Paiement en ligne avec Stripe
Navigation entre les écrans avec React Navigation

Fermer le projet

Réalisation d’une application de films avec ReactJS

Projet web – projet personnel

Compétence : Concevoir une application web avec ReactJS

Description :

Durant mon stage, j’ai pu réaliser une application mobile en Javascript sous React native, la déclinaison mobile de ReactJS, qui elle permet de réalisation des applications web en Javascript.

React dans sa version web est finalement très similaire à sa déclinaison native, même philosophie, même développement axé sur la création de composants réutilisables, le style est toujours en CSS, ici les composants View sont des div, le composant text sous react native devient la traditionnelle balise p du langage HTML, React est en effet très flexible.

J’ai donc opté pour la réalisation d’une application de films, à la manière du site the movie database dont j’ai d’ailleurs utilisé l’API, c’est en quelque sorte un Netflix de bande-annonce.

La présentation est similaire à celles de Netflix ou d’autres services de streaming vidéo tel que Amazon prime vidéo : un entête affichant le film le plus populaire du moment, une liste de sliders classé par catégories (films sortis en salles, les plus populaires, par genre…).

Chaque film à sa fiche détaillée et sa bande-annonce, accessible depuis un lien, l’autre fonctionnalité importante est la possibilité de créer sa propre watchlist.

Résultat :

Les notions que j’ai acquises durant le développement react native m’ont permis d’arriver à bout de ce projet, j’ai profité de cet apprentissage pour aborder des nouvelles techniques de développement : l’utilisation des modules CSS, les composants d’ordres supérieurs, la navigation entre les pages avec React router, la création de composants réutilisables, les promesses, l’intégration de bootstrap 4 avec reactstrap.

Notions acquises/fonctionnalités réalisées :

Concevoir une application React en relation avec une API (TMDB)
Création des composants d’ordre supérieur
Création de composants réutilisables
Gestion de l’état globale avec react redux
Navigation entre les pages avec react router
Création des sliders générés dynamiquement
Intégration de composants Bootstrap avec reactstrap

Fermer le projet Visiter le site

Projet d'Application Mobile React Native pour VO2 Group (Août 2021)

Projet web – projet professionnel

Compétence : Concevoir une application web avec ReactJS

Contexte :

En août 2021, j'ai développé une application mobile de démonstration de clienteling sous React Native pour le compte de VO2 Group. Ce projet a été réalisé spécifiquement pour le stand Talend du salon Big Data annuel à Paris, où VO2 Group souhaitait présenter une solution innovante à ses clients, principalement des marques de luxe.

L'objectif principal de cette application était de démontrer de manière simple et rapide les avantages du clienteling. Mon rôle a principalement consisté à développer l'interface mobile de l'application, l'API étant déjà existante. Le design de l'interface a été pensé pour être minimaliste et épuré, reflétant l'esthétique du secteur du luxe. L'application visait à encourager les clients potentiels de VO2 Group à adopter ce type de solution pour améliorer leurs performances commerciales et l'engagement client.

Résultat :

L'application est conçue avec une interface utilisateur simple et intuitive, composée de deux vues principales :

• Écran de connexion : Un point d'entrée sécurisé pour les utilisateurs.


• Vue "Dashboard" : Cette vue centrale présente un ensemble de fonctionnalités clés pour le clienteling.


• Dernières commandes : Un aperçu rapide des transactions récentes.
• Statistiques de performance du mois (KPIs) : Des indicateurs clés pour évaluer l'activité et les objectifs atteints.
• Recherche de produits : Une fonctionnalité pour localiser rapidement des articles.
• Prix pratiqués : Consultation des tarifs en vigueur.
• Fiche client : Un accès détaillé aux informations et à l'historique de chaque client, permettant une approche personnalisée.

Cette application a servi d'outil de démonstration interactive, permettant aux marques de visualiser concrètement comment une application de clienteling peut enrichir l'expérience client et optimiser les stratégies de vente. Ce projet a marqué le début de mon aventure au sein de VO2 Group.

Notions acquises/fonctionnalités réalisées :

Concevoir une application React en relation avec une API (API VO2)
Création des composants d’ordre supérieur
Création de composants réutilisables
Gestion de l’état globale avec react redux

Fermer le projet Code source