際際滷

際際滷Share a Scribd company logo
Web simulation development fundamentals using  Forio  Simulate Week 3 of 6 Billy Schoenberg Michael Bean Forio   Business Simulations
In six hours over six weeks, youll know the fundamentals of building a web simulation Model Building Week 1: Introduction to model building油 Week 2: Intermediate model building油 Interface Design Week 3: Basic user interface design油 Week 4: Intermediate interface design油 Advanced Concepts Week 5: Multi-player games油 Week 6: Game design and project management油
Imported Models Share Simulate Account Mgmt & Security Drag-and-drop User Interface Model Explorer Forio Model Language Online Publishing System Dynamics iThink STELLA Vensim Excel Discrete AnyLogic Forio Hosted Web Page Any webpage Blogs, Facebook LMS Systems RESTful APIs
Imported Models Share Simulate Account Mgmt & Security Drag-and-drop User Interface Model Explorer Forio Model Language Online Publishing System Dynamics iThink STELLA Vensim Excel Discrete AnyLogic Forio Hosted Web Page Any webpage Blogs, Facebook LMS Systems RESTful APIs
Imported Models Share Simulate Account Mgmt & Security Drag-and-drop User Interface Model Explorer Forio Model Language Online Publishing System Dynamics iThink STELLA Vensim Excel Discrete AnyLogic Forio Hosted Web Page Any webpage Blogs, Facebook LMS Systems RESTful APIs
What we will discuss today Basic user interface design Getting started Creating tables / copy-and-paste to Excel Outcome-dependent videos Logging in / protecting your simulation Resuming old runs / run archive Comparing results across runs
What is a simulation run? A run is created: When a simulation starts When a simulation is reset A run contains: The decisions the user made while running the simulation The results of the run based on user decisions Meta-data including: Who ran the simulation run When they ran the simulation run The name of the simulation run The description of the simulation run
Saving runs When you save a run are telling Simulate to store this run in the database. Implications You only need to save a run  ONCE Saving more doesn't hurt, but it doesn't help Save does  NOT   store results at a particular point in real time, but rather it ensures that any decisions and results made in, or generated by that run are stored for future use.
Let's Dive In!
Challenges for the coming week Extend the simulation by adding the ability for your users to be able to regulate freezer electricity use per cubic foot. Think about other ways that users could enter in their decisions. 油Does a Text Decision make the most amount of sense for this sim? 油What if you wanted to limit the range of values users were able to enter, what component would you use then?
Challenges for the coming week How would you go about adding more conditionals to the debrief screen to better debrief based on model results? Think not only about the number of conditions, but also about how to best represent those conditions in the model.油 (Hint: Today we compared against a variable, which was dependent on the Number of Households.  Imagine if the Number of Households were to change, we would also have to change the UI to support this new model change. Wouldn't it be better if the conditionals in the UI were based on a variable that showed 0 if failure, and 1 if success, that way the model could tell the UI what is failure and what is success?)
Whats next? Intermediate User Interface Design Values vs. replacement values Animated bubble chart Drag-and-drop in simulation Faculty / Admin pages Drawable line graph Using Simulates API Well finish our user interface for our model of Jevons paradox.
Resources to help you forio.com/simulate Email will be sent to you containing: Link to presentation Link to YouTube videos Link to view and copy model Need help with your model? Ask us questions on the  help forum . Search old questions or online documentation

More Related Content

Similar to Building Forio Web Simulations - Introduction to Interface Design (20)

Building Forio Web Simulations Intermediate Model Building
Building Forio Web Simulations Intermediate Model BuildingBuilding Forio Web Simulations Intermediate Model Building
Building Forio Web Simulations Intermediate Model Building
foriocorp
Using Web Simulations
Using Web SimulationsUsing Web Simulations
Using Web Simulations
foriocorp
A report on mvc using the information
A report on mvc using the informationA report on mvc using the information
A report on mvc using the information
Toushik Paul
Best Practices for Cross-Platform Native Applications
Best Practices for Cross-Platform Native ApplicationsBest Practices for Cross-Platform Native Applications
Best Practices for Cross-Platform Native Applications
Kevin Whinnery
Strategic AI Integration in Engineering Teams
Strategic AI Integration in Engineering TeamsStrategic AI Integration in Engineering Teams
Strategic AI Integration in Engineering Teams
UXDXConf
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorldAjax Usability for AjaxWorld
Ajax Usability for AjaxWorld
AndreCharland
Webinar: Design Patterns : Tailor-made solutions for Software Development
Webinar: Design Patterns : Tailor-made solutions for Software DevelopmentWebinar: Design Patterns : Tailor-made solutions for Software Development
Webinar: Design Patterns : Tailor-made solutions for Software Development
Edureka!
Design Patterns - The Ultimate Blueprint for Software
Design Patterns - The Ultimate Blueprint for SoftwareDesign Patterns - The Ultimate Blueprint for Software
Design Patterns - The Ultimate Blueprint for Software
Edureka!
Windows Phone 7 Unleashed Session 1
Windows Phone 7 Unleashed Session 1Windows Phone 7 Unleashed Session 1
Windows Phone 7 Unleashed Session 1
Wes Yanaga
Managing the Machine Learning Lifecycle with MLflow
Managing the Machine Learning Lifecycle with MLflowManaging the Machine Learning Lifecycle with MLflow
Managing the Machine Learning Lifecycle with MLflow
Databricks
Why test with flex unit
Why test with flex unitWhy test with flex unit
Why test with flex unit
michael.labriola
Postcard Patterns : An Agile User Interface Pattern Creation Process
Postcard Patterns : An Agile User Interface Pattern Creation ProcessPostcard Patterns : An Agile User Interface Pattern Creation Process
Postcard Patterns : An Agile User Interface Pattern Creation Process
Steve Greene
Modular email templates
Modular email templatesModular email templates
Modular email templates
Anna Yeaman
IBM Cognos 10 Framework Manager Metadata Modeling: Tips and Tricks
IBM Cognos 10 Framework Manager Metadata Modeling: Tips and TricksIBM Cognos 10 Framework Manager Metadata Modeling: Tips and Tricks
IBM Cognos 10 Framework Manager Metadata Modeling: Tips and Tricks
Senturus
29.4 Mb
29.4 Mb29.4 Mb
29.4 Mb
guru100
29.4 mb
29.4 mb29.4 mb
29.4 mb
PM_slideshare
ASP.NET MVC Presentation
ASP.NET MVC PresentationASP.NET MVC Presentation
ASP.NET MVC Presentation
Volkan Uzun
Building resuable and customizable Vue components
Building resuable and customizable Vue componentsBuilding resuable and customizable Vue components
Building resuable and customizable Vue components
Filip Rakowski
Interface usability-adding-schweppervescence-ver3-8
Interface usability-adding-schweppervescence-ver3-8Interface usability-adding-schweppervescence-ver3-8
Interface usability-adding-schweppervescence-ver3-8
SSW
Typescript design patterns applied to sharepoint framework - Sharepoint Satur...
Typescript design patterns applied to sharepoint framework - Sharepoint Satur...Typescript design patterns applied to sharepoint framework - Sharepoint Satur...
Typescript design patterns applied to sharepoint framework - Sharepoint Satur...
Luis Valencia
Building Forio Web Simulations Intermediate Model Building
Building Forio Web Simulations Intermediate Model BuildingBuilding Forio Web Simulations Intermediate Model Building
Building Forio Web Simulations Intermediate Model Building
foriocorp
Using Web Simulations
Using Web SimulationsUsing Web Simulations
Using Web Simulations
foriocorp
A report on mvc using the information
A report on mvc using the informationA report on mvc using the information
A report on mvc using the information
Toushik Paul
Best Practices for Cross-Platform Native Applications
Best Practices for Cross-Platform Native ApplicationsBest Practices for Cross-Platform Native Applications
Best Practices for Cross-Platform Native Applications
Kevin Whinnery
Strategic AI Integration in Engineering Teams
Strategic AI Integration in Engineering TeamsStrategic AI Integration in Engineering Teams
Strategic AI Integration in Engineering Teams
UXDXConf
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorldAjax Usability for AjaxWorld
Ajax Usability for AjaxWorld
AndreCharland
Webinar: Design Patterns : Tailor-made solutions for Software Development
Webinar: Design Patterns : Tailor-made solutions for Software DevelopmentWebinar: Design Patterns : Tailor-made solutions for Software Development
Webinar: Design Patterns : Tailor-made solutions for Software Development
Edureka!
Design Patterns - The Ultimate Blueprint for Software
Design Patterns - The Ultimate Blueprint for SoftwareDesign Patterns - The Ultimate Blueprint for Software
Design Patterns - The Ultimate Blueprint for Software
Edureka!
Windows Phone 7 Unleashed Session 1
Windows Phone 7 Unleashed Session 1Windows Phone 7 Unleashed Session 1
Windows Phone 7 Unleashed Session 1
Wes Yanaga
Managing the Machine Learning Lifecycle with MLflow
Managing the Machine Learning Lifecycle with MLflowManaging the Machine Learning Lifecycle with MLflow
Managing the Machine Learning Lifecycle with MLflow
Databricks
Why test with flex unit
Why test with flex unitWhy test with flex unit
Why test with flex unit
michael.labriola
Postcard Patterns : An Agile User Interface Pattern Creation Process
Postcard Patterns : An Agile User Interface Pattern Creation ProcessPostcard Patterns : An Agile User Interface Pattern Creation Process
Postcard Patterns : An Agile User Interface Pattern Creation Process
Steve Greene
Modular email templates
Modular email templatesModular email templates
Modular email templates
Anna Yeaman
IBM Cognos 10 Framework Manager Metadata Modeling: Tips and Tricks
IBM Cognos 10 Framework Manager Metadata Modeling: Tips and TricksIBM Cognos 10 Framework Manager Metadata Modeling: Tips and Tricks
IBM Cognos 10 Framework Manager Metadata Modeling: Tips and Tricks
Senturus
29.4 Mb
29.4 Mb29.4 Mb
29.4 Mb
guru100
ASP.NET MVC Presentation
ASP.NET MVC PresentationASP.NET MVC Presentation
ASP.NET MVC Presentation
Volkan Uzun
Building resuable and customizable Vue components
Building resuable and customizable Vue componentsBuilding resuable and customizable Vue components
Building resuable and customizable Vue components
Filip Rakowski
Interface usability-adding-schweppervescence-ver3-8
Interface usability-adding-schweppervescence-ver3-8Interface usability-adding-schweppervescence-ver3-8
Interface usability-adding-schweppervescence-ver3-8
SSW
Typescript design patterns applied to sharepoint framework - Sharepoint Satur...
Typescript design patterns applied to sharepoint framework - Sharepoint Satur...Typescript design patterns applied to sharepoint framework - Sharepoint Satur...
Typescript design patterns applied to sharepoint framework - Sharepoint Satur...
Luis Valencia

Recently uploaded (20)

Columbia Weather Systems - Product Overview
Columbia Weather Systems - Product OverviewColumbia Weather Systems - Product Overview
Columbia Weather Systems - Product Overview
Columbia Weather Systems
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-WorldAll-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
Safe Software
AI Driven Posture Analysis Fall Detection System for the Elderly.pdf
AI Driven Posture Analysis Fall Detection System for the Elderly.pdfAI Driven Posture Analysis Fall Detection System for the Elderly.pdf
AI Driven Posture Analysis Fall Detection System for the Elderly.pdf
Patrick Ogbuitepu
Migrating to the Isolated worker process in Azure Functions .pptx
Migrating to the Isolated worker process in Azure Functions .pptxMigrating to the Isolated worker process in Azure Functions .pptx
Migrating to the Isolated worker process in Azure Functions .pptx
Callon Campbell
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
Ivan Tang
Research Data Management (RDM): the management of dat in the research process
Research Data Management (RDM): the management of dat in the research processResearch Data Management (RDM): the management of dat in the research process
Research Data Management (RDM): the management of dat in the research process
HeilaPienaar
Build Your Uber Clone App with Advanced Features
Build Your Uber Clone App with Advanced FeaturesBuild Your Uber Clone App with Advanced Features
Build Your Uber Clone App with Advanced Features
V3cube
TrustArc Webinar - Data Privacy and Cyber Security: A Symbiotic Relationship
TrustArc Webinar - Data Privacy and Cyber Security: A Symbiotic RelationshipTrustArc Webinar - Data Privacy and Cyber Security: A Symbiotic Relationship
TrustArc Webinar - Data Privacy and Cyber Security: A Symbiotic Relationship
TrustArc
AI in Talent Acquisition: Boosting Hiring
AI in Talent Acquisition: Boosting HiringAI in Talent Acquisition: Boosting Hiring
AI in Talent Acquisition: Boosting Hiring
Beyond Chiefs
Network_Packet_Brokers_Presentation.pptx
Network_Packet_Brokers_Presentation.pptxNetwork_Packet_Brokers_Presentation.pptx
Network_Packet_Brokers_Presentation.pptx
Khushi Communications
Least Privilege AWS IAM Role Permissions
Least Privilege AWS IAM Role PermissionsLeast Privilege AWS IAM Role Permissions
Least Privilege AWS IAM Role Permissions
Chris Wahl
Automated Engineering of Domain-Specific Metamorphic Testing Environments
Automated Engineering of Domain-Specific Metamorphic Testing EnvironmentsAutomated Engineering of Domain-Specific Metamorphic Testing Environments
Automated Engineering of Domain-Specific Metamorphic Testing Environments
Pablo G坦mez Abajo
ScotSecure Cyber Security Summit 2025 Edinburgh
ScotSecure Cyber Security Summit 2025 EdinburghScotSecure Cyber Security Summit 2025 Edinburgh
ScotSecure Cyber Security Summit 2025 Edinburgh
Ray Bugg
Transactional Outbox & Inbox Patterns.pptx
Transactional Outbox & Inbox Patterns.pptxTransactional Outbox & Inbox Patterns.pptx
Transactional Outbox & Inbox Patterns.pptx
Maysam Mousa
Convert EML files to PST on Mac operating system
Convert EML files to PST on Mac operating systemConvert EML files to PST on Mac operating system
Convert EML files to PST on Mac operating system
Rachel Walker
Human Centered Design By Gnanasambandham
Human Centered Design By GnanasambandhamHuman Centered Design By Gnanasambandham
Human Centered Design By Gnanasambandham
Gnanasambandham Anbazhagan CSP, CSM, CSPO
Solana Developer Hiring for Enterprises Key Considerations.pdf
Solana Developer Hiring for Enterprises Key Considerations.pdfSolana Developer Hiring for Enterprises Key Considerations.pdf
Solana Developer Hiring for Enterprises Key Considerations.pdf
Lisa ward
Commit Conf 2025 Bitnami Charts with Kubescape
Commit Conf 2025 Bitnami Charts with KubescapeCommit Conf 2025 Bitnami Charts with Kubescape
Commit Conf 2025 Bitnami Charts with Kubescape
Alfredo Garc鱈a Lavilla
Microsoft Digital Defense Report 2024 .pdf
Microsoft Digital Defense Report 2024 .pdfMicrosoft Digital Defense Report 2024 .pdf
Microsoft Digital Defense Report 2024 .pdf
Abhishek Agarwal
Sugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025
Sugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025Sugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025
Sugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025
Sugarlab AI
Columbia Weather Systems - Product Overview
Columbia Weather Systems - Product OverviewColumbia Weather Systems - Product Overview
Columbia Weather Systems - Product Overview
Columbia Weather Systems
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-WorldAll-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
Safe Software
AI Driven Posture Analysis Fall Detection System for the Elderly.pdf
AI Driven Posture Analysis Fall Detection System for the Elderly.pdfAI Driven Posture Analysis Fall Detection System for the Elderly.pdf
AI Driven Posture Analysis Fall Detection System for the Elderly.pdf
Patrick Ogbuitepu
Migrating to the Isolated worker process in Azure Functions .pptx
Migrating to the Isolated worker process in Azure Functions .pptxMigrating to the Isolated worker process in Azure Functions .pptx
Migrating to the Isolated worker process in Azure Functions .pptx
Callon Campbell
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
Ivan Tang
Research Data Management (RDM): the management of dat in the research process
Research Data Management (RDM): the management of dat in the research processResearch Data Management (RDM): the management of dat in the research process
Research Data Management (RDM): the management of dat in the research process
HeilaPienaar
Build Your Uber Clone App with Advanced Features
Build Your Uber Clone App with Advanced FeaturesBuild Your Uber Clone App with Advanced Features
Build Your Uber Clone App with Advanced Features
V3cube
TrustArc Webinar - Data Privacy and Cyber Security: A Symbiotic Relationship
TrustArc Webinar - Data Privacy and Cyber Security: A Symbiotic RelationshipTrustArc Webinar - Data Privacy and Cyber Security: A Symbiotic Relationship
TrustArc Webinar - Data Privacy and Cyber Security: A Symbiotic Relationship
TrustArc
AI in Talent Acquisition: Boosting Hiring
AI in Talent Acquisition: Boosting HiringAI in Talent Acquisition: Boosting Hiring
AI in Talent Acquisition: Boosting Hiring
Beyond Chiefs
Network_Packet_Brokers_Presentation.pptx
Network_Packet_Brokers_Presentation.pptxNetwork_Packet_Brokers_Presentation.pptx
Network_Packet_Brokers_Presentation.pptx
Khushi Communications
Least Privilege AWS IAM Role Permissions
Least Privilege AWS IAM Role PermissionsLeast Privilege AWS IAM Role Permissions
Least Privilege AWS IAM Role Permissions
Chris Wahl
Automated Engineering of Domain-Specific Metamorphic Testing Environments
Automated Engineering of Domain-Specific Metamorphic Testing EnvironmentsAutomated Engineering of Domain-Specific Metamorphic Testing Environments
Automated Engineering of Domain-Specific Metamorphic Testing Environments
Pablo G坦mez Abajo
ScotSecure Cyber Security Summit 2025 Edinburgh
ScotSecure Cyber Security Summit 2025 EdinburghScotSecure Cyber Security Summit 2025 Edinburgh
ScotSecure Cyber Security Summit 2025 Edinburgh
Ray Bugg
Transactional Outbox & Inbox Patterns.pptx
Transactional Outbox & Inbox Patterns.pptxTransactional Outbox & Inbox Patterns.pptx
Transactional Outbox & Inbox Patterns.pptx
Maysam Mousa
Convert EML files to PST on Mac operating system
Convert EML files to PST on Mac operating systemConvert EML files to PST on Mac operating system
Convert EML files to PST on Mac operating system
Rachel Walker
Solana Developer Hiring for Enterprises Key Considerations.pdf
Solana Developer Hiring for Enterprises Key Considerations.pdfSolana Developer Hiring for Enterprises Key Considerations.pdf
Solana Developer Hiring for Enterprises Key Considerations.pdf
Lisa ward
Commit Conf 2025 Bitnami Charts with Kubescape
Commit Conf 2025 Bitnami Charts with KubescapeCommit Conf 2025 Bitnami Charts with Kubescape
Commit Conf 2025 Bitnami Charts with Kubescape
Alfredo Garc鱈a Lavilla
Microsoft Digital Defense Report 2024 .pdf
Microsoft Digital Defense Report 2024 .pdfMicrosoft Digital Defense Report 2024 .pdf
Microsoft Digital Defense Report 2024 .pdf
Abhishek Agarwal
Sugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025
Sugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025Sugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025
Sugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025
Sugarlab AI

Building Forio Web Simulations - Introduction to Interface Design

  • 1. Web simulation development fundamentals using Forio Simulate Week 3 of 6 Billy Schoenberg Michael Bean Forio Business Simulations
  • 2. In six hours over six weeks, youll know the fundamentals of building a web simulation Model Building Week 1: Introduction to model building油 Week 2: Intermediate model building油 Interface Design Week 3: Basic user interface design油 Week 4: Intermediate interface design油 Advanced Concepts Week 5: Multi-player games油 Week 6: Game design and project management油
  • 3. Imported Models Share Simulate Account Mgmt & Security Drag-and-drop User Interface Model Explorer Forio Model Language Online Publishing System Dynamics iThink STELLA Vensim Excel Discrete AnyLogic Forio Hosted Web Page Any webpage Blogs, Facebook LMS Systems RESTful APIs
  • 4. Imported Models Share Simulate Account Mgmt & Security Drag-and-drop User Interface Model Explorer Forio Model Language Online Publishing System Dynamics iThink STELLA Vensim Excel Discrete AnyLogic Forio Hosted Web Page Any webpage Blogs, Facebook LMS Systems RESTful APIs
  • 5. Imported Models Share Simulate Account Mgmt & Security Drag-and-drop User Interface Model Explorer Forio Model Language Online Publishing System Dynamics iThink STELLA Vensim Excel Discrete AnyLogic Forio Hosted Web Page Any webpage Blogs, Facebook LMS Systems RESTful APIs
  • 6. What we will discuss today Basic user interface design Getting started Creating tables / copy-and-paste to Excel Outcome-dependent videos Logging in / protecting your simulation Resuming old runs / run archive Comparing results across runs
  • 7. What is a simulation run? A run is created: When a simulation starts When a simulation is reset A run contains: The decisions the user made while running the simulation The results of the run based on user decisions Meta-data including: Who ran the simulation run When they ran the simulation run The name of the simulation run The description of the simulation run
  • 8. Saving runs When you save a run are telling Simulate to store this run in the database. Implications You only need to save a run ONCE Saving more doesn't hurt, but it doesn't help Save does NOT store results at a particular point in real time, but rather it ensures that any decisions and results made in, or generated by that run are stored for future use.
  • 10. Challenges for the coming week Extend the simulation by adding the ability for your users to be able to regulate freezer electricity use per cubic foot. Think about other ways that users could enter in their decisions. 油Does a Text Decision make the most amount of sense for this sim? 油What if you wanted to limit the range of values users were able to enter, what component would you use then?
  • 11. Challenges for the coming week How would you go about adding more conditionals to the debrief screen to better debrief based on model results? Think not only about the number of conditions, but also about how to best represent those conditions in the model.油 (Hint: Today we compared against a variable, which was dependent on the Number of Households. Imagine if the Number of Households were to change, we would also have to change the UI to support this new model change. Wouldn't it be better if the conditionals in the UI were based on a variable that showed 0 if failure, and 1 if success, that way the model could tell the UI what is failure and what is success?)
  • 12. Whats next? Intermediate User Interface Design Values vs. replacement values Animated bubble chart Drag-and-drop in simulation Faculty / Admin pages Drawable line graph Using Simulates API Well finish our user interface for our model of Jevons paradox.
  • 13. Resources to help you forio.com/simulate Email will be sent to you containing: Link to presentation Link to YouTube videos Link to view and copy model Need help with your model? Ask us questions on the help forum . Search old questions or online documentation