nditech / cybersim-ui Goto Github PK
View Code? Open in Web Editor NEWInterface for CyberSim App
License: Other
Interface for CyberSim App
License: Other
As a facilitator, I would like to see the current state of the systems.
The systems have two statuses: online or offline.
Requirements:
Addition:
Please see UI mock, screen 3
As a facilitator, I would like to see the available budget items before I start the timer and the actual game phase.
On this screen, I would like to register the budgeting choices of the participants and see the actual state of the budget, how much money the participants have spent, and how much money they left.
When I registered the choices I would like to start the game.
As a joined facilitator, I would like to see the changes real time, and be able to make changes.
Requirements:
Additions:
Please see UI mock, screen 2
When allocating your budget, the game starts locking options that cost more than the money you have left in budget. However the game not only freezes the unchosen options you could select, but also freezes the options you've already selected and stops you from unselecting them. So for example if you have $500 left, you are stopped from selecting a new $1000 option, which is correct behavior, but if you've already selected the $1000 "Facebook two-factor" option, you can no longer unselect it, and instead you can only unselect options that are worth $500 or less.
When a system related action is performed on the UI, the appropriate cost change should be registered and the state of the system should be changed.
Requirements:
All actions and events should be logged and persisted for the current game in a way that it would be replayable at the end of the game phase and during the game on the main overview screen.
Requirements:
The review logs shall be exported via printing the page.
For this, the logs in the review phase should be expandable with a single button, so the page printing will show all the elements
Create a React skeleton app for the UI as a starting point
This is a placeholder ticket, it will be separated into multiple tickets when the actual logging system has been designed
When budget is too low and you try finish a response you get two overlapping conflicting notifications: 1) "not enough budget" and 2) "response made"
As a facilitator I would like to see which upcoming injections mitigated at a time.
Requirements:
Additions:
Please see UI mock, screen 3
The state of the systems needs to be persisted in the game state. When an action with effect on system(s) has been performed, the change should be registered in the game state.
Requirements:
The backend sevice should handle the game room creation
Requirements:
The backend should handle the join to a running game
Requirements:
When a toggle button is used, it should switch to the right to indicate it is “on”. Additionally, when it is switched on, there should be a color (not grayscale) to make it more intuitive about what on and off state are.
toggled right = on
toggled left = off
Replace upright fist icon with different icon that can't be confused as a reference to the Black Lives Matter movement in the U.S. cc @rolandszoke
The facilitator should be able to pause and restart the timer during the game phase.
Requirements:
When an action is performed, the cost and effect need to be registered in the game state.
Requirements:
Create the necessary DB migration files for the first DB setup.
Requirements:
Additions:
Please see the DB static excel file for schema
It is possible to buy budget items during the game phase.
Requirements:
For example:
As a lead facilitator, I would like to have an overview of the actual game state after finalizing the budget and starting the game.
I would like to see the current state of the systems (operational or offline) (also referred as assets).
I would like to see all the actions that can turn back an offline system.
I would like to see which injections are mitigated currently by the bought budget items and which are not.
I would like to access the logs anytime during the game.
Requirements:
A skeleton should be created to
Additions:
Please see UI mock, screen 3
As a facilitator I would like to perform actions that restore an offline system.
Requirements:
Additions:
Please see UI mock, screen 3
As a facilitator, I would like to see the most important game statuses.
As a participant, I would like to see a summary of the most important game statuses.
Requirements:
Additions:
Please see UI mock, upper part of screen 5
As a facilitator, I would like to see the list of available actions for HQ level participant roles, and register taken actions.
Requirements:
Additions:
Please see UI mock, screen 4
In the review phase, the recommended actions and an explanation shall be linked to each injection log from the handbook.
!!! Waiting for descriptions from Sarah
Make it so the approval rating starts at 40%. This number is pre-determined for all games.
As a facilitator, I would like to join a running game.
Requirements:
Additions:
Please see the UI mock, screen 1
As a facilitator, I would like to see the 3 upcoming injections. I would like to see information about the injection and what physical assets I need to prepare.
I would like to register the responses given by the participants.
Requirements:
Additions:
Please see UI mock, screen 4
As a facilitator, I would like to see an overview of all the available actions and upcoming injections that are related to HQ level only.
Requirements
Additions:
Please see UI mock, screen 4
Create an http server skeleton the UI app can reach. The backend should be able to join to a relational DB.
Requirements:
Provide state information to the UI so the injections can be properly separated into mitigated and not mitigated injections.
Correct spelling of “phishing” (it’s spelled “phising” throughout the app)
It might be good to spell check the entire app while you're at it.
The facilitator should be able to end the game phase and jump to the review phase.
Requirements:
The provided excel tables and various materials should be translated into a DB schema form and a seed dataset should be created.
The dataset should be imported as a csv file. The seeding should have a separate script.
Additions:
Please see DB static excel file
As a facilitator I would like to create a new game. When the game room is successfully created, I should be redirected to the first stage of the game.
Requirements:
Additions:
Please see UI design mock, screen 1
As a facilitator, I would like to see the list of available actions that can restore an HQ system, based on the current game screen.
Requirements:
Additions:
Please see UI mock, screen 4
As a facilitator, I would like to see the logs of taken actions and events.
Requirements:
Details will be provided later.
Additions:
Please see UI mock, screen 3
As a facilitator, I would like to see the list of currently available budget items and register the purchase initiated by the participants.
Requirements:
Additions:
Please see UI mock, screen 4
Sarah asked for manual injection effect activation.
We need to investigate the options on how to implement it.
For now, the effects take place immediately when an injection is triggered.
The backend should serve the UI with the available budgeting options and their properties.
The available options should be stored in the DB.
The backend should persist the changes and promote them to all the joined users via websocket.
Requirements:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.