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 [clock, setClock] = useState(0); const [instructionStatus, setInstructionStatus] = useState([]); const [reservationStations, setReservationStations] = useState([]); const [registerStatus, setRegisterStatus] = useState([]); function issueInstruction() { } function executeInstruction() { } function writeInstruction() { } function nextCycle() { setClock(clock + 1); issueInstruction(); executeInstruction(); writeInstruction(); } return ( <> Tomasulo Tomasulo

Ciclos: {clock}

Instruction Status

{instructionStatus.map((instr, index) => ( ))}
Instruction Issued Execute Write Result
batata batata batata batata

Reorder Buffer

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

Reservation Stations (Load/Store)

{reservationStations.map((instr, index) => ( ))}
Time Busy Op Vj Vk Qj Qk A
batata batata 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

Field F0 F1 F2 F3 F4 F5 F6 F7 F8 F9 F10
Reorder #
Busy
Caio Arâes, David Freitas, Guilherme Werner
) }