0% ont trouvé ce document utile (0 vote)
43 vues4 pages

Introduction

Transféré par

Rafia Napo
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
43 vues4 pages

Introduction

Transféré par

Rafia Napo
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Introduction

Dans un environnement professionnel de plus en plus digital, un portfolio personnel


en ligne devient un outil essentiel pour présenter ses compétences, ses projets et
son expérience. Ce projet consiste à créer un site web portfolio qui permettra de
mettre en valeur ces éléments de manière claire et professionnelle. Le site
comprendra des pages dédiées à l’accueil, à la présentation personnelle, aux projets
réalisés et à un formulaire de contact, le tout dans un design moderne et accessible
sur tous les appareils. Ce portfolio servira de vitrine numérique pour se faire
connaître et attirer des opportunités professionnelles.

PARTIE 1 : CAHIER DES CHARGES


1.1. Présentation du sujet

Le projet consiste en la création d’un portfolio personnel sous forme de site web.
Ce portfolio a pour objectif de présenter de manière professionnelle les
compétences, les projets, l’expérience professionnelle et les valeurs de son créateur.
Il sert de vitrine numérique permettant de se faire connaître auprès de recruteurs,
clients ou partenaires, et de mettre en avant ses réalisations dans un format
moderne et interactif.

Le site comportera plusieurs pages principales : une page d'accueil, une page "À
propos", une page "Projets" et une page "Contact". Ces pages seront conçues de
manière responsive et optimisée pour offrir une expérience utilisateur fluide sur tous
types de dispositifs (ordinateur, tablette, smartphone).

Le projet implique l'intégration de diverses technologies web comme le HTML, CSS,


JavaScript et éventuellement des frameworks tels que Bootstrap ou TailwindCSS. Le
portfolio doit être à la fois visuellement attrayant, facile à naviguer et fonctionnel.

1.2. Problématique du sujet

La problématique consiste à créer un portfolio numérique qui reflète l’image


professionnelle du créateur, tout en étant accessible et facile à utiliser pour les
visiteurs. En effet, un portfolio bien conçu peut aider à se démarquer dans un marché
concurrentiel, mais il doit répondre à plusieurs enjeux :

 Visibilité : Comment faire en sorte que le portfolio soit à la fois


esthétiquement attrayant et fonctionnel ?
 Accessibilité : Comment garantir que le portfolio soit accessible sur toutes
les plateformes, tout en étant rapide et réactif ?
 Interaction : Comment permettre aux utilisateurs de découvrir rapidement les
projets et de contacter facilement le créateur ?

La création de ce portfolio devra donc répondre à ces besoins tout en respectant des
contraintes de temps, de budget et de technologie.

1.3. Intérêt du sujet

La création d’un portfolio personnel est d’un grand intérêt dans plusieurs contextes
professionnels. Pour les créateurs de contenu, les développeurs, designers,
freelances et autres professionnels, il s’agit d’un outil essentiel pour mettre en valeur
leurs compétences, projets et expériences.

L’intérêt de ce projet peut être vu sous plusieurs angles :

 Professionnel : Un portfolio est souvent le premier moyen de montrer ses


réalisations et d’établir sa crédibilité auprès de recruteurs, clients ou
partenaires.
 Personnel : Un portfolio permet de mettre en avant la créativité, le
professionnalisme et les compétences acquises au fil du temps, tout en offrant
une plateforme pour partager son parcours et ses valeurs.
 Technique : Le développement d’un portfolio permet d’approfondir ses
connaissances dans le domaine du développement web, en apprenant à
travailler avec différents outils et technologies.

1.3.1. Objectifs

 Objectif principal : Créer un site web portfolio qui présente de manière


optimale les compétences, projets et expérience professionnelle.
 Objectifs secondaires :
o Mettre en place une navigation fluide et intuitive.
o Concevoir un design moderne, adapté aux standards actuels et
responsive.
o Intégrer un formulaire de contact fonctionnel pour permettre aux
visiteurs de prendre facilement contact.
o Optimiser le site pour le référencement (SEO) afin d'augmenter sa
visibilité en ligne.
o Assurer une maintenance simple du site, permettant une mise à jour
facile du contenu.

1.3.2. Résultats

À la fin du projet, les résultats attendus sont les suivants :

 Un site web portfolio fonctionnel et complet, avec une interface claire et une
navigation intuitive.
 Un design responsive qui garantit une expérience optimale sur tous les
appareils (desktop, tablette, smartphone).
 La présentation des projets avec des images et descriptions pertinentes
pour chaque réalisation.
 Un formulaire de contact opérationnel, permettant de collecter des
demandes ou des messages.
 Un site optimisé pour le SEO afin de garantir une visibilité sur les moteurs de
recherche.
 Une mise en ligne du site sur un hébergement web (par exemple, GitHub
Pages, Netlify, ou un autre fournisseur).

Le portfolio doit non seulement refléter le professionnalisme de son créateur, mais


aussi offrir une expérience agréable à l'utilisateur. Le site doit être conçu de
manière à valoriser l'image du créateur, tout en étant un outil pratique et facile à
maintenir
LES TABLES(MODELES) :

1. Table "Utilisateurs" (si vous souhaitez permettre une gestion d'utilisateurs)

 id (clé primaire)
 nom
 email
 mot_de_passe
 role (administrateur, visiteur, etc.)

2. Table "Projets"

 id (clé primaire)
 titre (nom du projet)
 description (description du projet)
 image_url (lien vers une image du projet)
 technologies_utilisées (les technologies ou outils utilisés pour le projet)
 date_creation (date de création du projet)

4.

5. Table "Compétences" (optionnel, si vous voulez lister les compétences avec


des niveaux ou catégories)

 id (clé primaire)
 nom (nom de la compétence)
 niveau (par exemple, novice, intermédiaire, expert)
 catégorie (si vous souhaitez regrouper les compétences, par exemple : développement,
design, gestion de projet, etc.)

Vous aimerez peut-être aussi