import Head from 'next/head' import Image from 'next/image' import Table from 'react-bootstrap/Table' import Container from 'react-bootstrap/Container' import Nav from 'react-bootstrap/Nav' import Navbar from 'react-bootstrap/Navbar'; import NavDropdown from 'react-bootstrap/NavDropdown' import Row from 'react-bootstrap/Row' import Col from 'react-bootstrap/Col' import { useState } from 'react'; import Button from 'react-bootstrap/Button'; export default function Home() { const [instructionStatus, setInstructionStatus] = useState([]); const [reorderBuffer, setReorderBuffer] = useState([]); const [reservationStations, setReservationStations] = useState([]); const [registerStatus, setRegisterStatus] = useState([]); function issueInstruction() { } function executeInstruction() { } function writeInstruction() { } return ( <> Tomasulo Tomasulo

Reorder Buffer

{reorderBuffer.map((instr, index) => ( ))}
Entry Busy Instruction State Destination Value
batata batata batata batata batata batata

Reservation Stations

{reservationStations.map((instr, index) => ( ))}
Name Busy Op Vj Vk Qj Qk A
batata batata batata batata batata batata batata batata

Registers Status

{registerStatus.map((instr, index) => ( ))}
Field F0 F2 F4 F6 F8 F10 F14 F16 F18 F20 F22 F24 F28 F30
Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1

Instruction Status

{instructionStatus.map((instr, index) => ( ))}
Instruction Issued Execute Write Result
batata batata batata batata
Caio Arâes, David Freitas, Guilherme Werner
) }