8086 Online IDE émulateur 8086 dans le navigateur

Un processeur 8086 complet, qui tourne dans le navigateur.

Pour
Projet universitaire, équipe de 6
Open source
Dans le navigateur
Année
2021-2022
Réalisé par
Sidali Assoul
Exécution pas à pas d’un programme

Le besoin

Permettre aux étudiants d’écrire et de déboguer de l’assembleur sans rien installer.

Ce que nous avons construit

Un éditeur, un émulateur et un débogueur pas à pas dans une seule page, avec 48 programmes d’exemple.

  • JavaScript
  • HTML
  • CSS

Les résultats

48
programmes d’exemple
1 Mo
de mémoire explorable

Ce que fait l’application, écran par écran

  1. Miniature promotionnelle 8086 Online IDE

    • IDE navigateur pour écrire, compiler et exécuter pas à pas de l'assembleur 8086.
    • Regroupe éditeur, état CPU, mémoire, exemples et console I/O dans une seule page.
    • Projet open-source universitaire avec débogage interactif.
    Miniature promotionnelle 8086 Online IDE
  2. Écrire et déboguer de l'assembleur

    • Éditeur CodeMirror avec coloration syntaxique pour l'assembleur 8086.
    • Breakpoints dans la gouttière pour interrompre l'exécution.
    • Mise en évidence de la ligne en cours d'exécution.
    Écrire et déboguer de l'assembleur
  3. Exécution pas à pas

    • Avance instruction par instruction avec observation de l'état CPU.
    • Retour arrière pour inspecter plus facilement l'exécution.
    • Exécution jusqu'à un breakpoint ou la fin du programme.
    Exécution pas à pas
  4. Inspecteur de registres

    • Affiche les 14 registres principaux du 8086 et les flags.
    • Les registres modifiés sont mis en évidence après chaque étape.
    • Vue extensible pour inspecter l'état CPU en détail.
    Inspecteur de registres
  5. Navigateur mémoire complet de 1 Mo

    • Navigateur RAM virtualisé couvrant l'espace d'adressage 20-bit complet.
    • Recherche par adresse pour inspecter rapidement la mémoire.
    • Suivi automatique de l'instruction pointer.
    Navigateur mémoire complet de 1 Mo
  6. Historique des écritures mémoire

    • Journal chronologique de chaque octet écrit pendant l'exécution.
    • Anciennes et nouvelles valeurs affichées côte à côte.
    • Visualisation de la pile avec pointeur SP marqué.
    Historique des écritures mémoire
  7. Entrées/sorties texte style DOS

    • Console canvas pour les interactions texte style DOS.
    • INT 21h et INT 10h peuvent suspendre l'exécution pour une entrée clavier.
    • Permet de démontrer des programmes assembleur interactifs dans le navigateur.
    Entrées/sorties texte style DOS
  8. Programmes d'exemple intégrés

    • 48 programmes d'exemple répartis en 9 catégories.
    • Des démos simples aux algorithmes comme Bubble Sort et Fibonacci.
    • Aperçu du code source avant chargement.
    Programmes d'exemple intégrés

Un projet comme celui-ci ?

Décrivez-le en deux lignes sur WhatsApp, nous vous répondons directement.

Projet suivantIMRaD Analyzer

Écrire sur WhatsApp