Aller au contenu principal

Arran

Arransha Nouvalafi P.

J’aime bidouiller.J’aime fabriquer.Je continue d’apprendre.

Arran en costume bleu marine et cravate, tenant un téléphone.

Je crée des sites web et des expériences numériques à partir d’idées que j’ai envie d’essayer, puis je les teste avec l’IA jusqu’à ce qu’ils soient plus simples à utiliser.

Faire connaissance

Je suis Arran, élève de troisième. J’aime la technologie, les sciences et le taekwondo. À force d’assembler des LEGO et d’apprendre la robotique, j’ai voulu comprendre comment une idée peut vraiment fonctionner.

J’aime le moment où quelque chose qui ne marchait pas devient enfin utilisable. C’est ce qui me donne envie de continuer à bidouiller, d’essayer de nouveaux projets et de mieux comprendre le processus. Mon père soutient cet intérêt.

ngulik

mot indonésien pour essayer, démonter ce qui ne va pas encore, puis remonter jusqu’à ce que ce soit mieux.

Le rôle de l’IA et le mien

L’IA aide à

  • Écrire et expliquer du code
  • Chercher les causes possibles d’un bug
  • Comparer des options de design

Je m’occupe de

  • Donner les idées et la direction
  • Lire le résultat et en apprendre
  • Tester les fonctions dans le navigateur
  • Demander ou faire les corrections
  • Décider ce qui mérite d’être utilisé

Je n’écris donc pas chaque ligne de code moi-même. Ce qui me revient, c’est l’idée, la direction, les tests et la décision finale.

Là où la curiosité a commencé

  1. Assembler des blocs
  2. Assembler la logique
  3. Assembler des sites web

Aujourd’hui j’apprends avec des sites web et des applications. Je prépare l’idée et son parcours, je la construis avec l’aide de l’IA, puis j’essaie le résultat et je corrige ce qui ne va pas encore.

Projets

6 sites publics. Ouvre un dossier pour voir ses écrans, son histoire et le site.

  1. EcoTrack

    Site éducatif pour trier les déchets ménagers

    EcoTrack invite à trier ses déchets à la maison : découvrir quatre catégories, s’exercer au tri sans compte, puis noter le résultat. Les relevés sont vérifiés avant d’être comptés.

    L’histoire de EcoTrackOuvrir ecotrack.id (s’ouvre dans un nouvel onglet)

  2. SANDI SALDO

    Jeu web éducatif sur l’argent numérique

    Sept jours dans une ville sans espèces : le joueur parcourt une ville isométrique, accomplit sept missions principales et des cas supplémentaires, et apprend à décider en matière d’argent et de sécurité numérique.

    L’histoire de SANDI SALDOOuvrir sandi-saldo.ct.ws (s’ouvre dans un nouvel onglet)

  3. PJ CUP XXIX 2027

    Site d’événement et d’inscription à des compétitions scolaires

    Le site de PJ CUP XXIX 2027 aide les participants à trouver les compétitions, les informations d’inscription, le calendrier et les documents de l’événement.

    L’histoire de PJ CUP XXIX 2027Ouvrir pjcup.web.id (s’ouvre dans un nouvel onglet)

  4. BID Consulting

    Site d’un cabinet de conseil en infrastructures

    Le site public de BID Consulting présente des services de conseil en infrastructures et en gestion pour l’État, les entreprises publiques, les partenaires de développement et le secteur privé.

    L’histoire de BID ConsultingOuvrir bidconsulting.co.id (s’ouvre dans un nouvel onglet)

  5. Ruang Penilaian PSN

    Interface d’un site d’évaluation préliminaire de propositions

    La page de connexion de Ruang Penilaian PSN, pour l’évaluation préliminaire de propositions sur pièces justificatives. Ce portfolio ne montre que la page de connexion publique.

    L’histoire de Ruang Penilaian PSNOuvrir psn-penilaian.web.id (s’ouvre dans un nouvel onglet)

  6. REFF Partnership

    Site d’un cabinet d’avocats

    Le site public de REFF Partnership présente un cabinet d’avocats du sud de Jakarta, ses domaines d’activité et la façon de prendre rendez-vous.

    L’histoire de REFF PartnershipOuvrir refflawfirm.com (s’ouvre dans un nouvel onglet)

EcoTrack

Site éducatif pour trier les déchets ménagers

EcoTrack invite à trier ses déchets à la maison : découvrir quatre catégories, s’exercer au tri sans compte, puis noter le résultat. Les relevés sont vérifiés avant d’être comptés.

J’ai défini l’idée et le parcours, je l’ai construit avec l’IA, puis j’ai testé chaque fonction.

Enregistrement d’écran du site public, 13 novembre 2026.
Page d’accueil d’EcoTrack sur un écran de téléphone avec le bouton vert « Coba pilah sekarang ».
Vue mobile
  • Organique
  • Inorganique
  • Dangereux
  • Résiduel

SANDI SALDO

Jeu web éducatif sur l’argent numérique

Sept jours dans une ville sans espèces : le joueur parcourt une ville isométrique, accomplit sept missions principales et des cas supplémentaires, et apprend à décider en matière d’argent et de sécurité numérique.

Pour un travail de groupe, j’ai construit le site du jeu avec l’IA et je l’ai testé sur ordinateur portable et sur téléphone.

Enregistrement d’écran du site public, 13 novembre 2026.
Menu de départ de SANDI SALDO sur un écran de téléphone avec un bouton Start cyan.
Vue mobile

PJ CUP XXIX 2027

Site d’événement et d’inscription à des compétitions scolaires

Site de l’événement. L’événement est prévu du 16 au 23 janvier 2027 et n’a pas encore eu lieu.

Le site de PJ CUP XXIX 2027 aide les participants à trouver les compétitions, les informations d’inscription, le calendrier et les documents de l’événement.

J’ai travaillé sur le site et son logiciel avec un collaborateur, avec l’aide de l’IA.

Enregistrement d’écran du site public, 13 novembre 2026. Le compte à rebours, les boutons et les illustrations de l’image montrent le site au moment de la capture. Ce ne sont pas des données en direct, et les illustrations appartiennent au comité de PJ CUP.
Page d’accueil de PJ CUP XXIX sur téléphone avec le logo de l’événement, les dates et les boutons d’inscription.
Vue mobile

Ma façon de travailler

Cinq étapes que je répète dans chaque projet. Tu peux essayer de les organiser toi-même sur le tableau.

  1. Idée

    Je pars d’un besoin ou de quelque chose que je veux essayer.

  2. Direction

    Je prépare le contenu, le parcours et l’apparence nécessaires.

  3. Construire avec l’IA

    J’utilise l’IA comme un outil pour m’aider à écrire et à comprendre le code.

  4. Tests

    J’essaie le parcours sur plusieurs écrans et je vérifie ce qui ne va pas encore.

  5. Amélioration

    Je corrige le résultat, puis j’essaie de nouveau.

Essaie d’organiser le parcours

Faites glisser les cinq étapes pour essayer de les ordonner vous-même.

Ce que j’apprends

Choisis-en une pour voir où je l’ai utilisée.

  • Déjà utilisée

    Idées et besoins

    Chercher ce qu’il faut expliquer et qui va l’utiliser.

    EcoTrack, PJ CUP XXIX 2027, BID Consulting

  • Déjà utilisée

    Parcours utilisateur

    Organiser les étapes que suit un visiteur du début à la fin.

    EcoTrack, SANDI SALDO, PJ CUP XXIX 2027

  • Déjà utilisée

    Direction visuelle

    Décider de la mise en page, des couleurs et de ce qui doit ressortir.

    SANDI SALDO, EcoTrack, PJ CUP XXIX 2027

  • En cours d’apprentissage

    Construire avec l’IA

    L’IA aide à écrire et à expliquer le code. Je relis moi-même la direction et les décisions finales.

    BID Consulting, Ruang Penilaian PSN, REFF Partnership

  • Déjà utilisée

    Tests d’interface

    Essayer les écrans, les liens et les fonctions sur ordinateur et téléphone avant de les considérer finis.

    Ruang Penilaian PSN, EcoTrack, SANDI SALDO

  • Déjà utilisée

    Automatisation de documents

    Utiliser AutoCrat pour préparer automatiquement des documents de l’équipe Student Company.

    AutoCrat, Student Company

  • Déjà utilisée

    Logique visuelle

    Scratch et Construct, où j’ai pour la première fois assemblé des instructions en programme.

    Scratch, Construct

  • À approfondir

    Bases de données et fonctionnement de l’IA

    Ce que je veux mieux comprendre ensuite.

  1. Économie et XAUUSD

    En plus de créer des sites web, je m’intéresse aussi à l’économie et j’étudie le mouvement du prix de l’or à travers XAUUSD. J’aime comprendre comment l’actualité économique, les variations de la valeur du dollar et les décisions du marché sont liées au graphique des prix.

  2. Qu’est-ce que XAUUSD ?

    XAUUSD indique le prix de l’or en dollars américains.

  3. Lire une bougie

    Sur le graphique, une bougie résume le prix d’ouverture, le plus haut, le plus bas et le prix de clôture d’une période.

    • Hausse : la clôture est au-dessus de l’ouverture
    • Baisse : la clôture est en dessous de l’ouverture
    Plus hautClôtureOuverturePlus bas
  4. Plusieurs bougies forment un mouvement

    Quand les bougies sont placées dans l’ordre, la direction du prix dans le temps commence à apparaître.

Explorez le graphique

Survolez, touchez ou utilisez les touches fléchées pour voir le détail de chaque bougie.

Simulation pour apprendre — pas des prix en direct

Les données de ce graphique ont été créées pour s’exercer à lire les bougies. Ce ne sont pas des prix de marché, ni mes résultats de trading, ni des conseils d’investissement.

Hors écran

Entraînement, activités et expériences qui façonnent aussi ma manière d’apprendre.

  • Taekwondo

    Le taekwondo m’apprend à faire face au trac et à rester concentré sur les mouvements travaillés. Je veux encore être plus calme pour décider dans l’arène.

    • Club SACTI, Bintaro Jaya
    • 1re place, CNN Indonesia Taekwondo Championship 2024
    • 1re place, Sacti League Taekwondo Championship 2025
    • 2e place, Tangsel Open Taekwondo Championship 2025
    • La ceinture noire reste un objectif
  • Activités scolaires

    J’ai participé au comité d’élection du conseil des élèves (Komisi Pemilihan OSIS) dans la division IT, à Paskibra comme représentant de l’école et à plusieurs comités de PJ CUP. J’aime les défis qui me font travailler avec d’autres.

    • Komisi Pemilihan OSIS, division IT
    • Paskibra
    • Plusieurs comités de PJ CUP
  • Immersion au Japon

    L’expérience d’immersion au Japon m’a rendu plus à l’aise pour rencontrer des gens et m’adapter à d’autres habitudes.

    • Visite d’une école
    • Rencontre d’élèves sur place
    • Séjour dans une famille japonaise
  • Student Company

    Dans l’équipe Student Company, j’ai aidé à la tenue des registres numériques et à l’automatisation de documents. Le prix reçu est une réussite d’équipe, pas un titre personnel.

    • Excellence in Financial Management & Reporting Award
    • Année scolaire 2025/2026
    • Réussite d’équipe

Parcours

Scolarité

  1. Logo de Sekolah Nusantara Ibu Kelinci

    Maternelle

    TK Ibu Kelinci

    Les premiers apprentissages et la curiosité.

    Depuis tout petit

    LEGO et robotique

    J’aimais assembler des LEGO et j’ai suivi des cours de robotique. C’est là que j’ai pris l’habitude d’essayer, de démonter et de reconstruire.

  2. Logo de Budi Mulia Dua Bintaro

    École primaire

    SD Budi Mulia Dua Bintaro

    Là où j’ai essayé Scratch et Construct pour la première fois.

    CM2 (5e année)

    Le début

    J’ai essayé de créer des programmes avec Scratch et Construct, et j’ai vu que quelques blocs logiques pouvaient faire bouger quelque chose.

  3. De la 6e à la 8e année

    Une pause

    Je me suis davantage consacré aux activités scolaires et j’ai peu programmé. La curiosité pour la fabrication des logiciels est restée.

  4. Logo de Sekolah Pembangunan Jaya

    Collège, classe IX AActuel

    SMP Pembangunan Jaya

    Mon établissement actuel.

    9e année

    Trouver une direction

    Les projets KTI et HOLISTIC m’ont poussé à créer EcoTrack. L’interface, les contenus, les comptes et les données ont commencé à se relier.

  5. Aujourd’hui

    Continuer à construire

    SANDI SALDO pour un travail de groupe, puis les sites de BID Consulting, Ruang Penilaian PSN et REFF Partnership.

Archives

Deux expériences sans site à ouvrir, mais qui m’ont aussi appris quelque chose.

  • Illustration

    Archive, le site est fermé

    Pilkasis

    Aider à préparer un site pour l’élection du président et du vice-président du conseil des élèves, avec un parcours facile à suivre.

  • Illustration

    Une histoire d’automatisation de documents

    AutoCrat pour Student Company

    Automatisation de documents pour aider l’équipe Student Company dans son travail administratif.

Soutenir mon travail

Si vous appréciez mon travail et ma façon d’apprendre, vous pouvez me soutenir via Saweria.

Faire un don via Saweria (s’ouvre dans un nouvel onglet)

Le montant et le moyen de paiement se choisissent sur la page officielle de Saweria. Aucun paiement n’est traité sur ce site.

  1. Ouvrez ma page Saweria.
  2. Choisissez-y le montant et le moyen de paiement.
  3. Finalisez le paiement sur Saweria.

Arransha Nouvalafi P.

Une idée à essayer ?

J’aime échanger des idées tout en continuant d’apprendre à créer quelque chose d’utile.

Envoyer un e-mailVoir GitHub (s’ouvre dans un nouvel onglet)

Ouvre WhatsApp. Aucun message n’est envoyé automatiquement.