Portfolio - Rania Madmar

À propos de moi

Je suis Rania Madmar, étudiante en BTS SIO option SLAM.

Voici mon CV ci-dessous.
Vous pouvez télécharger mon CV complet au format PDF ou consulter une prévisualisation ci-dessous.

Télécharger mon CV

Parcours scolaire

2022 - 2024

Bac STMG - SIG

Lycée du Parc des Loges, Évry (91)

2024 - Aujourd’hui

BTS SIO - SLAM

Lycée du Parc des Loges, Évry (91)

Qu’est-ce que le BTS SIO ?

Le BTS Services Informatiques aux Organisations (SIO) est une formation en deux ans qui prépare aux métiers de l’informatique dans les entreprises. Il permet d’apprendre à concevoir, développer et maintenir des solutions logicielles et des services informatiques adaptés aux besoins des organisations.

Option SISR
(Solutions d’Infrastructure, Systèmes et Réseaux)

Cette option est axée sur l’installation, la maintenance et la sécurisation des réseaux et systèmes informatiques. Elle prépare aux métiers d’administrateur système, technicien réseau, etc.

Option SLAM
(Solutions Logicielles et Applications Métiers)

Cette option, que j’ai choisie, est orientée vers le développement d’applications web et logicielles, la gestion de bases de données et la programmation. Elle prépare aux métiers de développeur web, développeur d'applications, etc.

Compétences

Langages de programmation

HTML : création de la structure web

CSS : mise en forme et design des pages

JavaScript : interaction et dynamisme

PHP : développement côté serveur

Java : programmation orientée objet

Python : programmation générale et scripts

SQL : requêtes et gestion de bases de données

Bases de données

MySQL : gestion de
bases relationnelles

phpMyAdmin : administration
web de bases

Outils de développement

Visual Studio Code : éditeur de code moderne

Eclipse : environnement de développement Java

Notepad++ : éditeur simple et rapide

Serveurs locaux

WAMP : serveur Apache, PHP, MySQL sous Windows

MAMP : serveur local pour Mac et Windows

XAMPP : serveur multiplateforme facile à installer

Mes Projets

Projet Site Marchand – SkinCosmetic

Novembre 2024 - Avril 2025

Contexte : Création d’une fausse entreprise de cosmétiques en groupe.

Besoins : Site vitrine en groupe, puis ajout d’un système complet e-commerce (connexion, panier…) individuellement.

Langages : HTML, CSS, JavaScript, PHP, SQL.

Travail réalisé : Site vitrine, base de données, système d’inscription/connexion, gestion du panier.

Bilan : Projet complet et formateur sur les bases du e-commerce et le PHP MySQL.

Application Java avec IHM

Avril 2025

Contexte : Créer une application avec interface graphique et gestion de données.

Besoins : Connexion, menu avec options (Ajouter, Supprimer, Modifier, et Rechercher), classes métiers.

Période : Avril 2024 (travail individuel).

Langage : Java (Swing).

Travail réalisé : Création d’une interface avec fenêtres, panels, menus, actions Ajouter/Supprimer/Modifier/Rechercher.

Bilan : Projet pratique pour comprendre les interfaces graphiques en Java et la logique orientée objet.

Stage - Site pour Hestia

Mai - Juin 2025

Contexte : Stage de fin d’année pour une entreprise d'aide à la personne nommée Hestia.

Besoins : Créer un site moderne et facile à utiliser pour présenter les services d’aide à la personne.

Période : Mai à juin 2025 (travail individuel).

Langages : HTML, CSS, JavaScript, PHP, SQL.

Travail réalisé : Réalisation d’un site adaptable à tous les écrans, ajout d’un formulaire de demande de devis, intégration des informations sur les services proposés.

Bilan : Bonne expérience professionnelle, développement de l’autonomie et gestion complète du projet.

Veille technologique

L'accessibilité numérique pour les personnes en situation de handicap

Définition du handicap

Le handicap est une situation où une personne fait face à des limitations dans certaines activités ou dans sa participation à la vie sociale en raison de difficultés physiques, sensorielles, mentales ou psychiques.

Définition de l'accessibilité numérique

L’accessibilité numérique consiste à rendre les contenus et services numériques compréhensibles et utilisables par toutes les personnes, y compris celles en situation de handicap.

Pourquoi c’est important ?

Inclusion sociale, égalité des chances, innovation… L’accessibilité permet à chacun de participer pleinement à la société numérique.

Le cadre légal

La loi du 11 février 2005 impose l’accessibilité des services en ligne aux personnes handicapées.
Source : Loi du 11 février 2005

Historique et évolution de l'accessibilité numérique

1972

Vinton Cerf crée des protocoles pour ARPANET, aidant la communication avec sa femme sourde.
Source

1979

Création du VersaBraille, premier appareil braille numérique aux USA.
Source

Fin des années 1980

Jim Thatcher (IBM) développe des logiciels de lecture d’écran, dont JAWS en 1989, qui facilitent l’accès aux ordinateurs pour les malvoyants grâce à la synthèse vocale et aux commandes clavier.
Source

1995

Windows 95 intègre pour la première fois des outils d’accessibilité, comme des options pour agrandir le texte ou utiliser le clavier différemment. Avant Windows 95, ces outils devaient être ajoutés séparément.
Source

Fin des années 1990

Microsoft a lancé un format pour faciliter les sous-titres et descriptions audio, tandis que le W3C publiait ses premières règles pour rendre les sites web accessibles, notamment avec des textes alternatifs et des sous-titres.
Source

2011

Le HTML5 devient une norme officiel avec des balises audio/vidéo qui facilitent l’accessibilité (sous-titres, descriptions audio).
Source

Vers 2010-2015

Les réseaux sociaux et plateformes vidéo ajoutent des sous-titres automatiques pour malentendants.

Entre 2018 et 2021

Le W3C a fait évoluer ses WCAG (2.1 puis 3.0) pour mieux aider les personnes avec divers handicaps et intégrer les nouvelles technologies comme l’IA, la reconnaissance vocale et la réalité augmentée.
Source

En 2022-2023

L’IA a amélioré les commandes vocales, la synthèse vocale, et Google l’utilise pour générer automatiquement des descriptions de contenu, rendant le web plus accessible aux malvoyants et personnes à mobilité réduite.
Source

2024

Plusieurs pays adoptent des lois exigeant l’accessibilité numérique des sites web publics et des entreprises, avec des normes strictes pour les applications mobiles, rendant ainsi le numérique plus accessible pour tous.

Janvier 2025

Au CES, plusieurs innovations pour les malvoyants et personnes à mobilité réduite ont été primées, comme des lunettes à sous-titres en temps réel et les Naqi Neural Earbuds, des écouteurs contrôlés par la pensée sans mouvement ni voix.
Source

27 mars 2025

Meta lance des lunettes Ray-Ban avec IA pour aider les malvoyants à lire, reconnaître des objets et mieux comprendre leur environnement.
Source

Juin 2025

les entreprises de plus de 10 salariés ou avec plus de 2 millions € de chiffre d’affaires devront rendre leurs services numériques accessibles, sous peine d’amendes.
Source

Types de Technologies d’Assistance

Lecteurs d'écran

Logiciels qui convertissent le texte en synthèse vocale ou braille, facilitant la navigation pour les aveugles ou malvoyants.

JAWS : Lecteur Windows compatible avec de nombreuses applications.
VoiceOver : Accessibilité native sur macOS et iOS.
Narrator : Lecteur intégré à Windows.

Logiciels spécialisés & Reconnaissance vocale

JavaSpeak : Aide les étudiants aveugles à apprendre la programmation Java par interface vocale.

Logiciels de reconnaissance vocale qui permettent de contrôler l’ordinateur et saisir du texte par la voix :

Dragon NaturallySpeaking : Dictée et contrôle vocal.
IBM ViaVoice : Reconnaissance vocale avancée.

Applications pour personnes sourdes ou malentendantes

Asing : Traduction texte/vidéo vers Langue des Signes (ASL, LSQ). Source
Ava : Transcription temps réel des conversations.
RogerVoice : Sous-titrage en temps réel des appels téléphoniques.

Normes et Bonnes Pratiques

Normes internationales – WCAG

Les WCAG, créées par le W3C, fixent des règles pour rendre le web accessible à tous.
Elles reposent sur quatre principes fondamentaux :

Perceptible : contenu visible ou audible.
Utilisable : navigation possible pour tous.
Compréhensible : contenu clair et logique.
Robuste : compatible avec divers outils.

Source W3C

Référentiel français – RGAA

Le RGAA adapte les WCAG aux exigences françaises pour les sites publics et les entreprises.

Source RGAA

Bonnes pratiques web

Utiliser des balises HTML claires
Ajouter des textes alternatifs aux images
Permettre la navigation au clavier
Assurer un bon contraste de couleurs
Éviter les animations clignotantes

MDN Web Docs Design.Gouv Blog Ipedis

Bonjour je suis Rania Madmar