DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER

sae105 Produire un site web

avec une base de donnée

arrows

J'ai pu créer un site web sur le thème du mannequinat, j'ai réellement apprécié et j'ai découvert que développer un site pouvait également être source de créativité.

Brush Stroke Element

PAGE D'ACCUEIL

Brush Stroke Element

OPTION D'AJOUT

Création d'une galerie avec une option directe sur la page afin de pouvoir ajouter des images rapidement et efficacement dans la galerie.

Brush Stroke Element

GALERIE photographies de mannequin

Brush Stroke Element
Brush Stroke Element

J'ai pu concevoir un tableau au format JSON en insérant 50 lignes qui donnaient chacune la photo d'un/une mannequin et donnait ses informations : nom, prénom, taille, âge, cheveux, nationalité.

Brush Stroke Element

FORMULAIRE DE CONTACT

Et j'ai ensuite terminé cette sae par la création d'un formulaire de contact qui proposait trois types de demande et qui était relié à une vraie boîte mail où je pouvais recevoir chaque demande puis j'ai enfin essayé de peaufiner le front du site afin qu'il ait un visuel plus attrayant.

AC14.01 | Exploiter de manière autonome un environnement de développement efficace et productif

AC14.02 | Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples

AC14.03 | Générer des pages Web à partir de données structurées

AC14.04 | Mettre en ligne une application Web en utilisant une solution d’hébergement standard


1er semestre

DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER

Intégration

En Intégration j'ai pu réaliser plusieurs exercices ou sites web afin de m'initier à de nouvelles techniques et démarches, voici donc mes travaux réalisés lors du second semestre.

Painterly Feria De Las Flores 1

MONOPOLY

Tycoon Man Drawing

Le but était de réaliser un plateau Monopoly en html afin de découvrir de nouvelles commandes qui nous permettait de mettre en forme le plateau de façon cohérente

Flat Textured Magazine Number 2 Cutout

HONY TAWK

Gadget Mockup Frames Tablet
Hand Drawn Number 3

PARALLAX

Réalisation d'une interface avec animation en utilisant les librairies JQuery afin de créer un effet lors du scroll sur le site.

Bold Number Four

CALCULATRICE

Gadget Mockup Frames Tablet

Le but était de créer une calculatrice fonctionnelle et utilisable en html avec du JS, j'ai notamment pu découvrir de nouvelles commandes qui étaient nécessairement utilisables lors de cet exercice.

AC14.01 | Exploiter de manière autonome un environnement de développement efficace et productif

AC14.02 | Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples


2ème semestre

DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER

sae202 : Wordpress

Dans le cahier des charges de cette sae il nous était demandé de créer un site Wordpress contenant :

Gadget Mockup Frames Laptop

Une page "Agence" contenant un texte de présentation de l'agence, son nom et puis une photo rassemblant tous les membres de l'agence.

Gadget Mockup Frames Laptop

Un planning contenant l'emploi du temps de l'agence où l'on peut connaître les heures de réunion, d'atelier, de tournage ou bien de travail.

Gadget Mockup Frames Laptop

Une page dédiée à l'application qui a été crée comprenant : le logo, le slogan de l'appli, le lien du site de covoiturage ainsi que tous les atouts et fonctionnalités présentent sur l'application.

Gadget Mockup Frames Laptop

Également une page "contact" qui sert à contacter l'agence, une réelle boîte mail a été créer afin de recevoir comme il se doit tout type de demande.

rend-toi sur notre site !

Start Button Icon

Une page pour chaque membre a également été mise à disposition sur le site, dans cette page on peut retrouver la description du poste auquel le membre est rattaché, avec un compte rendu pour chaque fin de semaine accompagné de screen/ photos à l'appui.

AC14.01 | Exploiter de manière autonome un environnement de développement efficace et productif

AC14.02 | Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples

2ème semestre

DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER

VPS

Gadget Mockup Frames Laptop

Dans le cadre des cours d'Intégration, j'ai du créer une page d'accueil VPS, contenant mes travaux d'intégration du semestre 1 et 2, un lien direct vers mon CV puis enfin un bouton menant vers mon portfolio.

rend-toi sur mon site !

Start Button Icon

AC14.01 | Exploiter de manière autonome un environnement de développement efficace et productif

AC14.02 | Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples

2ème semestre

DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER DÉVELOPPER

Sae 302 : Produire des contenus pour une communication plurimédia

Pour cette SAE nous devions créer un site internet sur le thème de notre choix, composé d’une page d’accueil, info, contact, ainsi que deux grandes catégories et en tout 5 sous-catégories.

Black New Digitalism Text

J’ai donc décidé de réaliser un site sur une friperie vintage, avec comme deux grandes catégories : Femme et Homme et en sous-catégories :

Pantalons, pulls et vestes pour les femmes et sweats, t-shirts pour les hommes afin de simuler le site d’une boutique en ligne.

New Item Sticker
Modern Scribble Line

J’ai voulu ajouter un carrousel sur la page d’accueil afin d’apercevoir les dernières nouveautés de vêtements et les bestsellers.

J’ai ensuite créé dans la page contact un formulaire réaliste afin que la clientèle puisse contacter les équipes.

Pink Blob Shape

J’ai pu intégrer les caractéristiques et catégories de chaque vêtement grâce aux ACF et CPT

Down Arrow Illustration

AC21.01 | Analyser la stratégie de communication ou marketing d’un acteur, d’une organisation au regard d’un secteur ou d’un marché (stratégie, mission, valeurs...)

AC21.02 | Auditer un site web, une marque ou un service, en termes de trafic et de référencement

AC22.03 | Co-construire une recommandation stratégique (en structurant un plan d’action) AC22.04 | Optimiser le référencement d’un site web, d’un produit ou d’un service

AC22.05 | Mettre en place une présence sur les réseaux sociaux

AC23.01 | Produire un écrit journalistique sourcé et documenté

AC23.02 | Définir une iconographie (illustrations, photographies, vidéos)

AC23.03 | Créer et décliner une identité visuelle (charte graphique)

AC23.04 | Imaginer, écrire et scénariser en vue d’une communication multimédia ou transmédia

AC23.05 | Réaliser, composer et produire pour une communication plurimédia

AC25.03 | Initier la constitution d’un réseau professionnel

AC25.04 | Collaborer au sein des organisations

AC25.05 | Maitriser les codes des productions écrites et orales professionnelles

AC25.06 | Prendre en compte les contraintes juridiques

3ème semestre

Chevron Up Icon
Flat Patterned Y2K Guy in Oversized Shirt and Shorts
Chevron Up Icon
Flat Patterned Y2K Bright Blue Tracksuit
Quirky Doodle Graphic 1 Blue Flower

Présenté par LP Studiø

Flat Patterned Y2K Girl in Pink Lined Turtle Neck
Flat Patterned Y2K Girl in Graphic Pants