{ "information": { "Title": "ejss_model_evaporationV2 Evaporation (Surface Area, Temperature, Humidity, Presence of Wind, Pressure) for Secondary School", "Author": [ "Francisco Esquembre", "Felix J. Garcia Clemente", "weelookang@gmail.com", "Rena F", "Zed", "ShiXiong (idea)" ], "AuthorLogo": [ "./01authorPacoEsquembre2011.png", "./01authorFelix_J_Garcia_Clemente.png", "./1authorlookangphoto5050.png", "./rena.png", "./zed.png", "" ], "Password": "", "Keywords": "", "Abstract": "", "Copyright": "", "Level": "", "Language": "", "Logo": [ "./evaporation/Screenshot 2022-02-02 at 3.41.16 PM (2).png" ], "RunAlways": "true", "ModelTab": "", "ModelTabTitle": "", "ModelName": "", "FixedNavigationBar": "false", "CSSFile": "", "DetectedFiles": [ "./01authorFelix_J_Garcia_Clemente.png", "./01authorPacoEsquembre2011.png", "./1authorlookangphoto5050.png", "./evaporation/Screenshot 2022-02-02 at 3.41.16 PM (2).png", "./rena.png", "./zed.png" ], "AuxiliaryFiles": [ "./evaporation/" ], "HTMLHead": "\n\n", "SaveInXMLFormat": "false", "IncludeSource": "true", "IncludeLibrary": "true", "UglifyJS": "false", "PreviewFullModel": "false", "UseInterpreter": "true", "UseDeltaForODE": "false" }, "description": { "pages": [] }, "model": { "variables": { "pages": [ { "Name": "Var Table", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "t", "Value": "0", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "dt", "Value": "0.05", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "pi", "Value": "Math.PI", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "x", "Value": "2", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "y", "Value": "5", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "xs", "Value": "2", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "ys", "Value": "5", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "vy", "Value": "0", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "zz", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "xbase", "Value": "0.5", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "Var Table 2", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "xC", "Value": "2", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "yC", "Value": "5", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "xsC", "Value": "2", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "ysC", "Value": "5", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "variables", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "temperature", "Value": "30", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "wind", "Value": "1", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "humidity", "Value": "1", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "area", "Value": "((xbase+xbase)+(x+x))/2*y", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "Pressure", "Value": "1", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "PressureText", "Value": "\"Normal atmospheric\"", "Type": "String", "Dimension": "", "Comment": "", "Domain": "public" }, { "Name": "displaypressure", "Value": "\"\"", "Type": "String", "Dimension": "", "Comment": "", "Domain": "public" }, { "Name": "WindNo", "Value": "1", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "xWind", "Value": "[-1.5,0,1.5]", "Type": "double", "Dimension": "[WindNo]", "Comment": "null", "Domain": "public" }, { "Name": "yWind", "Value": "[7,7,7]", "Type": "double", "Dimension": "[WindNo]", "Comment": "null", "Domain": "public" }, { "Name": "WindText", "Value": "\"Low\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "HumidNo", "Value": "1", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "xHumid", "Value": "[1.5,2.5,3.5]", "Type": "double", "Dimension": "[HumidNo]", "Comment": "null", "Domain": "public" }, { "Name": "yHumid", "Value": "[-2.5, -2.5, -2.5]", "Type": "double", "Dimension": "[HumidNo]", "Comment": "null", "Domain": "public" }, { "Name": "HumidityText", "Value": "\"Low\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "infoNo", "Value": "1", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "temptNo", "Value": "1", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "memorycolory", "Value": "0", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "factor", "Value": "10", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "fixarea", "Value": "true", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "display", "Value": "\"\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "displaywind", "Value": "\"\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "memory", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "[[-xCm,yCm],[-xbasem,0],[xbasem,0],[xCm,yCm]]", "Variables": [ { "Name": "xCm", "Value": "xC", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "yCm", "Value": "yC", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "xbasem", "Value": "xbase", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "memorycolory0", "Value": "-1", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "layout", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "font", "Value": "\"normal normal 1.2vw \"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "Width", "Value": "(_isEPub)?\"400\":\"100%\"", "Type": "String", "Dimension": "", "Comment": "display width", "Domain": "public" }, { "Name": "Height", "Value": "(_isEPub)?\"500\":\"100%\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "Width1", "Value": "\"50%\"", "Type": "String", "Dimension": "", "Comment": "display width", "Domain": "public" }, { "Name": "Width2", "Value": "\"50%\"", "Type": "String", "Dimension": "", "Comment": "display width", "Domain": "public" }, { "Name": "world", "Value": "true", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "graph", "Value": "true", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "disabledworld", "Value": "false", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "disabled", "Value": "false", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "cells", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "xmin", "Value": "-10", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "xmax", "Value": "10", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "ymin", "Value": "-10", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "ymax", "Value": "10", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" } ] } ] }, "initialization": { "pages": [ { "Name": "Init Page", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "if (_isMobile){\n //do nothing\n }\n \n else{\n // copy this into the initialization\n// make the font bigger\n\n_view.plottingPanel.getMessageDecoration(\"TL\").getFont().setFontSize(\"2vw\");\n_view.plottingPanel.getMessageDecoration(\"TR\").getFont().setFontSize(\"2vw\");\n_view.plottingPanel.getMessageDecoration(\"BL\").getFont().setFontSize(\"2vw\");\n_view.plottingPanel.getMessageDecoration(\"BR\").getFont().setFontSize(\"2vw\");\n_view.plottingPanel2.getMessageDecoration(\"TL\").getFont().setFontSize(\"1vw\");\n_view.plottingPanel2.getMessageDecoration(\"TR\").getFont().setFontSize(\"1vw\");\n_view.plottingPanel2.getMessageDecoration(\"BL\").getFont().setFontSize(\"1vw\");\n_view.plottingPanel2.getMessageDecoration(\"BR\").getFont().setFontSize(\"1vw\");\n }" }, { "Name": "undefined", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "if (xbase==undefined){\n xbase= 0.5;\n }\n" } ] }, "evolution": { "information": { "FPS": "20", "SPD": "1", "RealTimeVariable": "", "Autoplay": "false" }, "pages": [ { "Name": "Evol Page", "Active": "true", "Internal": "false", "Type": "ODE_EDITOR", "Comment": "", "IndependentVariable": "t", "Increment": "dt", "Equations": [ { "state": "y", "rate": "vy" }, { "state": "x", "rate": "vy*(xs-xbase)/(ys-0)" } ], "Method": "RungeKutta", "AbsoluteTolerance": "0.00001", "PreliminaryCode": { "Code": "//vy = -(x+x)*(temperature/20)*wind*(1/humidity);\nvy = -(x+x)*(temperature/20)*wind*(1/humidity)*(1/Pressure);\n", "Comment": "Code to be executed before rate equations are evaluated" }, "EventMaximumStep": "", "Events": { "pages": [ { "Type": "EVENT_EDITOR", "Name": "waterlevel", "Active": "true", "Internal": "false", "EventType": "CROSSING_EVENT", "Method": "BISECTION", "Iterations": "100", "Tolerance": "1.0e-5", "StopAtEvent": "true", "ZeroCondition": "return y-0;", "Action": "_pause();\ndisabled=true;\n", "Comment": "" } ] }, "ZenoEffect": { "Code": "", "Comment": "", "StopAfterEffect": "true" }, "AccelerationIndependentOfVelocity": "false", "ForceSynchronization": "false", "UseBestInterpolation": "false", "EstimateFirstStep": "false", "MemoryLength": "", "InternalStep": "", "MaximumStep": "", "MaximumNumberOfSteps": "10000", "RelativeTolerance": "", "DelayList": "", "DelayMaximum": "", "DelayAddDiscont": "", "DelayInitialCondition": { "Code": "", "Comment": "" }, "DirectIncidenceMatrix": "", "Discontinuities": { "pages": [] }, "ErrorHandling": { "pages": [] } } ] }, "fixed_relations": { "pages": [ { "Name": "FixRel Page", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "//[[-2,0],[2,0],[x,y],[-x,y],[-2,0]]\n\n\n\n//______________(x,y)\n\n// grad = (y-0)/(x-2) = (ynew -0)/(xnew-2)\n\n// _____(2,0)\n\n\narea = ((xbase+xbase)+(x+x))/2*y; // parallelogram \n\n\n\n\nif (y<=0){ // to prevent user overplaying\n y=0;\n _pause();\n }\n" }, { "Name": "display", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "if (humidity==1){\n display = \"Humidity = Low\";\n}\nelse if (humidity==2){\n display = \"Humidity = Medium\";\n}\nelse if (humidity==3){\n display = \"Humidity = High\";\n}\n\nif (wind==1){\n displaywind = \"Wind = Low\";\n}\nelse if (wind==2){\n displaywind = \"Wind = Medium\";\n}\nelse if (wind==3){\n displaywind = \"Wind = High\";\n}\n\nif (Pressure==0.5){\n PressureText = \"Low atmospheric\";\n displaypressure = \"Pressure = Low\";\n}\nelse if (Pressure==1){\n PressureText = \"Normal atmospheric\";\n displaypressure = \"Pressure = Normal\";\n}\nelse if (Pressure==1.5){\n PressureText = \"High atmospheric\";\n displaypressure = \"Pressure = High\";\n}" }, { "Name": "memorycolory", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "memorycolory0 = memorycolory-1;" } ] }, "custom": { "pages": [ { "Name": "fullscreen", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "//https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode\n// does not work for iOS \n/*jslint browser:true */\nfunction toggleFullScreen() {\n if (!document.fullscreenElement && // alternative standard method\n !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) { // current working methods\n if (document.documentElement.requestFullscreen) {\n document.documentElement.requestFullscreen();\n } else if (document.documentElement.msRequestFullscreen) {\n document.documentElement.msRequestFullscreen();\n } else if (document.documentElement.mozRequestFullScreen) {\n document.documentElement.mozRequestFullScreen();\n } else if (document.documentElement.webkitRequestFullscreen) {\n document.documentElement.webkitRequestFullscreen();\n }\n } else {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.msExitFullscreen) {\n document.msExitFullscreen();\n } else if (document.mozCancelFullScreen) {\n document.mozCancelFullScreen();\n } else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen();\n }\n }\n}" }, { "Name": "changeOrientation", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "// code to be copied to EJSS source code under Custom and used in drawingPanel3D and plottingPanel2D\n// address the problem is height difference is iOS app , epub, and Firefox\n// user need to change only k and kepub\n// copy %changeOrientation()% into the Height Field of drawingPanel3D and plottingPanel2D\nfunction changeOrientation() {\n \nvar k =0.80 ; // k control height 1 is for full screen, 0.9 shorten etc\nvar kapple =0.90 // control apple app height\nvar kepub =0.90 ;\n// check platform for Apps\ntry { // allow code to run in Student Learning Space \n var iOSapp = (typeof parent.device != 'undefined' && parent.device.platform == \"iOS\");\n var Androidapp = (typeof parent.device != 'undefined' && parent.device.platform == \"Android\");\n} catch(e) {\n var iOSapp = false;\n var Androidapp = false;\n}\n// check platform for web browsers\nvar iOS =/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\nvar iPad =/iPad/.test(navigator.userAgent) && !window.MSStream;\nvar iPhone = /iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\nvar Android= /Android|android/i.test(navigator.userAgent);\n\n//navigator\nvar Firefox = navigator.userAgent.indexOf(\"Firefox\") != -1;\n \nswitch (window.orientation) { // using window.orientation as deciding factor\n case 0:\n case 180:\n this.screenOrientation = 'portrait';\n if (iOSapp){ // does not seems to work\n \n return window.screen.height*kapple; //0.1 for app and 0.1 for nonfullscreenapp \n \n }\n else if (_isEPub){ // does not seems to work\n // return Math.max(window.screen.width,window.screen.height)*0.9;\n return window.innerHeight*kepub; //0.1 for app and 0.1 for nonfullscreenapp \n // return window.screen.height;\n // return window.innerHeight;\n // return document.documentElement.clientHeight;\n }\n \n else {\n \n return 100*k+\"vh\";\n }\n break;\n case 90:\n case -90:\n this.screenOrientation = 'landscape';\n \n if (iOSapp){ // App\n return window.screen.width*kapple; \n // return window.screen.height;\n // return window.innerHeight;\n // return document.documentElement.clientHeight;\n }\n else if (_isEPub){ // does not seems to work\n // return Math.max(window.screen.width,window.screen.height)*0.9;\n return window.innerHeight*kepub; //0.1 for app and 0.1 for nonfullscreenapp \n // return window.screen.height;\n // return window.innerHeight;\n // return document.documentElement.clientHeight;\n }\n \n else {\n return 100*k+\"vh\";\n }\n break;\n default:\n this.screenOrientation = 'unknown';\n // return (iPad)?\"\"+(window.screen.width+window.screen.height)*0.4:((iPhone)?\"\"+window.screen.width:_view._format(window.innerHeight*0.9,\"0\"));\n if (Firefox){\n return window.innerHeight*k;// number as of 20180831 Firefox does not support vh yet so need a separate line to handle\n }\n // else if (iOS&&(window.orientation==0)||(window.orientation==180)){\n // return window.screen.height*k;// number as of 20180831 Firefox does not support vh yet so need a separate line to handle\n // }\n // else if (iOS&&(window.orientation==90)||(window.orientation==-90)){\n // return window.screen.width*k;// number as of 20180831 Firefox does not support vh yet so need a separate line to handle\n // }\n else {\n //alert();\n // return 100*k+\"%\"; // work on fullscreen works in EJSS6.0beta\n // works in EjsS_5.3_180131\n return window.innerHeight*k; // work on panel \n \n}\n\n}\n \n}" }, { "Name": "speech", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "// copy this custom function\n// in iOS need to add speech to the play button as On iOS the API works but must be triggered by a user action callback, like a response to a tap event, to provide a better experience to users and avoid unexpected sounds out of your phone\nfunction speech (option) {\n\n\ntry { // allow code to run in Student Learning Space \nvar isCordova = (!!this.parent.cordova || !!window.cordova);\nif(isCordova) { // check it is running in Android or iOS\n // parent.TTS.speak({text:option,locale:'zh-CN'});\n\tparent.TTS.speak({text:option,locale:'us-EN'});\n\t// parent.TTS.speak({text:option,locale:'en-US'});\n\t// parent.TTS.speak({text:option,locale:'id-ID'});\n} \n} \ncatch(e) {\n var isCordova = false;\n }\n \n var msg = new SpeechSynthesisUtterance(option);\n\n //https://stackoverflow.com/questions/43983845/speechsynthesis-api-for-chinese-firefox\n // Set the text.\n\t//msg.text = option; \n\t//https://forums.developer.apple.com/message/323564#323564\n\t// comment out the next 2 lines for english\n//msg.voice = speechSynthesis.getVoices().filter(function(voice) { return voice.name == 'Ting-Ting'; })[0];\n//msg.lang = 'zh-CH'; // need for android?\n//msg.lang = 'id-ID'; // need for android?\nmsg.lang = 'us-EN'; // need for android?\n\n//https://flaviocopes.com/speech-synthesis-api/\n//debug\n//console.log(`Voices #: ${speechSynthesis.getVoices().length}`)\n//speechSynthesis.getVoices().forEach(voice => {\n// console.log(voice.name, voice.lang)\n//})\n//debug\n\n// Queue this utterance.\nwindow.speechSynthesis.speak(msg);\n\n\n\n \n\n}" }, { "Name": "storedata", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "// declare memorycolor = 0; in the variable page\n// declare t = 0 ; in the variable page\n\nfunction storedata () {\n _view.trail.newSegment(); //assume the default name Trail is used\nmemorycolory=memorycolory+1; // change color to next number\nmemory (); // memory container shape\nt=0; //reset back to zero time\n\n\n}" }, { "Name": "memory", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "function memory () {\n//[[-xCm,yCm],[-xbasem,0],[xbasem,0],[xCm,yCm]]\nxCm = xC; //stored as memory\nyCm = yC;\nxbasem = xbase;\n\n\n}\n" } ] }, "elements": { "list": [] } }, "view": { "Tree": [ { "Name": "fullscreen", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "Width", "value": "Width" } ], "Children": [ { "Name": "control", "Type": "Panel", "Expanded": "false", "Properties": [ { "name": "BorderWidth", "value": "1" } ], "Children": [ { "Name": "controlPanel", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "CSS", "value": "{\"display\":\"inline\"}" }, { "name": "Width", "value": "\"100%\"" } ], "Children": [ { "Name": "surfacearea", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "Background", "value": "\"Orange\"" }, { "name": "Width", "value": "\"19%\"" }, { "name": "Display", "value": "\"inline-block\"" } ], "Children": [ { "Name": "sa", "Type": "Label", "Properties": [ { "name": "Text", "value": "\"??Surface Area =\"+2*x.toFixed(2)" }, { "name": "Font", "value": "font" } ] }, { "Name": "slider", "Type": "Slider", "Properties": [ { "name": "OnRelease", "value": "xs=x;\nys=y;\nxC=x;\nyC=y;\n\nif (fixarea==true){\n //area = ((2+2)+(x+x))/2*y; // parallelogram\n y = area/((xbase+xbase)+(x+x))*2;\n }\n else {\n area = ((xbase+xbase)+(x+x))/2*y; // parallelogram \n }\n" }, { "name": "Minimum", "value": "0.5" }, { "name": "Maximum", "value": "4.5" }, { "name": "Value", "value": "x" }, { "name": "OnChange", "value": "xs=x;\nys=y;\nxC=x;\nyC=y;\n\nif (fixarea==true){\n //area = ((2+2)+(x+x))/2*y; // parallelogram\n y = area/((xbase+xbase)+(x+x))*2;\n }\n else {\n area = ((xbase+xbase)+(x+x))/2*y; // parallelogram \n }\n" }, { "name": "Step", "value": "0.5" }, { "name": "Disabled", "value": "t>0" }, { "name": "Tooltip", "value": "\"Change the exposed water surface. Larger surface area usually increases evaporation.\"" } ] } ] }, { "Name": "temperature", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "Background", "value": "\"Cyan\"" }, { "name": "Width", "value": "\"19%\"" }, { "name": "Display", "value": "\"inline-block\"" } ], "Children": [ { "Name": "Temperature", "Type": "Label", "Properties": [ { "name": "Text", "value": "\"???Temperature =\"+temperature+\" \u00b0C\"" }, { "name": "Font", "value": "font" } ] }, { "Name": "slider2", "Type": "Slider", "Properties": [ { "name": "Minimum", "value": "20" }, { "name": "Maximum", "value": "30" }, { "name": "Value", "value": "temperature" }, { "name": "Step", "value": "5" }, { "name": "Disabled", "value": "t>0" }, { "name": "Tooltip", "value": "\"Higher temperature gives particles more kinetic energy, so evaporation is faster.\"" } ] } ] }, { "Name": "wind", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "Background", "value": "\"Green\"" }, { "name": "Width", "value": "\"19%\"" }, { "name": "Display", "value": "\"inline-block\"" } ], "Children": [ { "Name": "wind2", "Type": "Label", "Properties": [ { "name": "Text", "value": "\"??Wind =\"+WindText" }, { "name": "Font", "value": "font" } ] }, { "Name": "slider22", "Type": "Slider", "Properties": [ { "name": "Minimum", "value": "1" }, { "name": "Maximum", "value": "3" }, { "name": "Value", "value": "wind" }, { "name": "OnChange", "value": "WindNo=wind;\nif (wind==1){\nWindText=\"Low\";\t\n}\nelse if (wind==2){\nWindText=\"Medium\";\t\n}\nif (wind==3){\nWindText=\"High\";\t\n}\n" }, { "name": "Step", "value": "1" }, { "name": "Disabled", "value": "t>0" }, { "name": "Width", "value": "\"10vw\"" }, { "name": "Tooltip", "value": "\"Stronger wind removes moist air above the surface, so evaporation is faster.\"" } ] } ] }, { "Name": "humidity", "Type": "Panel", "Expanded": "false", "Properties": [ { "name": "Background", "value": "\"Magenta\"" }, { "name": "Width", "value": "\"19%\"" }, { "name": "Display", "value": "\"inline-block\"" } ], "Children": [ { "Name": "hum", "Type": "Label", "Properties": [ { "name": "Text", "value": "\"??Humidity =\"+HumidityText" }, { "name": "Font", "value": "font" } ] }, { "Name": "slider3", "Type": "Slider", "Properties": [ { "name": "Minimum", "value": "1" }, { "name": "Maximum", "value": "3" }, { "name": "Value", "value": "humidity" }, { "name": "OnChange", "value": "HumidNo=humidity;\nif (humidity==1){\nHumidityText=\"Low\";\t\n}\nelse if (humidity==2){\nHumidityText=\"Medium\";\t\n}\nif (humidity==3){\nHumidityText=\"High\";\t\n}\n" }, { "name": "Step", "value": "1" }, { "name": "Disabled", "value": "t>0" }, { "name": "Width", "value": "\"10vw\"" }, { "name": "Tooltip", "value": "\"Lower humidity usually increases evaporation because the air can take in more water vapour.\"" } ] } ] }, { "Name": "pressure", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "Background", "value": "\"Blue\"" }, { "name": "Width", "value": "\"19%\"" }, { "name": "Display", "value": "\"inline-block\"" } ], "Children": [ { "Name": "p", "Type": "Label", "Properties": [ { "name": "Foreground", "value": "\"White\"" }, { "name": "Text", "value": "\"Pressure = \"+Pressure + \" atm (\"+PressureText+\")\"" }, { "name": "Font", "value": "font" } ] }, { "Name": "slider32", "Type": "Slider", "Properties": [ { "name": "Minimum", "value": "0.5" }, { "name": "Maximum", "value": "1.5" }, { "name": "Value", "value": "Pressure" }, { "name": "OnChange", "value": "//HumidNo=humidity;\nif (Pressure==0.5){\nPressureText=\"Low atmospheric\";\t\n}\nelse if (Pressure==1){\nPressureText=\"Normal atmospheric\";\t\n}\nif (Pressure==1.5){\nPressureText=\"High atmospheric\";\t\n}" }, { "name": "Step", "value": "0.5" }, { "name": "Disabled", "value": "t>0" }, { "name": "Width", "value": "\"10vw\"" }, { "name": "Tooltip", "value": "\"Lower pressure makes it easier for particles to escape from the liquid surface.\"" } ] } ] }, { "Name": "fixarea", "Type": "CheckBox", "Properties": [ { "name": "Checked", "value": "fixarea" }, { "name": "Text", "value": "\"Fix volume for fair comparison?\"" }, { "name": "Tooltip", "value": "\"Keep the amount of water constant so you can test surface area fairly.\"" } ] }, { "Name": "playPauseButton2", "Type": "TwoStateButton", "Properties": [ { "name": "OffClick", "value": "_pause();\n//speech (\"paused\");\n" }, { "name": "TextOn", "value": "\"Play ?\"" }, { "name": "State", "value": "_isPaused" }, { "name": "Tooltip", "value": "\"Play/Pause\"" }, { "name": "TextOff", "value": "\"Pause ??\"" }, { "name": "Disabled", "value": "disabled" }, { "name": "Width", "value": "\"15vw\"" }, { "name": "OnClick", "value": "//memory();\n\n_play();\n//speech (\"play\");\n\n" }, { "name": "Font", "value": "font" }, { "name": "Display", "value": "\"inline-block\"" } ] }, { "Name": "stepButton2", "Type": "Button", "Properties": [ { "name": "Text", "value": "\"Next step\"" }, { "name": "Disabled", "value": "area<=0" }, { "name": "Width", "value": "\"15vw\"" }, { "name": "OnClick", "value": "_step();\n" }, { "name": "Font", "value": "font" } ] }, { "Name": "Storedatabutton", "Type": "Button", "Properties": [ { "name": "Text", "value": "\"Store run\"" }, { "name": "Width", "value": "\"15vw\"" }, { "name": "OnClick", "value": "storedata();\nt= 0;\nx=xs;\ny=ys;\ndisabled=false;\n//speech(\"store\")\n//_reset();\n//speechzh (\"??\");\n" }, { "name": "Font", "value": "font" }, { "name": "Tooltip", "value": "\"Store this run, then change one variable and compare the graph slopes.\"" } ] }, { "Name": "resetButton3", "Type": "Button", "Properties": [ { "name": "Text", "value": "\"Reset ?\"" }, { "name": "Width", "value": "\"15vw\"" }, { "name": "OnClick", "value": "_reset();\n//speechzh (\"??\");\n//speech(\"Reset\")" }, { "name": "Font", "value": "font" }, { "name": "Display", "value": "\"inline-block\"" } ] }, { "Name": "display", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "Display", "value": "\"inline-block\"" } ], "Children": [ { "Name": "displaytext", "Type": "Label", "Properties": [ { "name": "TextAlign", "value": "\"inline-block\"" }, { "name": "Text", "value": "\"View mode:\"" }, { "name": "Width", "value": "\"10vw\"" }, { "name": "Font", "value": "font" } ] }, { "Name": "worldgraph", "Type": "ComboBox", "Properties": [ { "name": "Options", "value": "[\"Both\",\"Diagram\",\"Graph\"]" }, { "name": "Tooltip", "value": "\"Switch between the beaker diagram, the graph, or both.\"" }, { "name": "OnChange", "value": "//var option = _view.worldgraph.getProperty(\"SelectedOptions\");\n//alert(option);\nvar opts = _view.worldgraph.getProperty(\"SelectedOptions\"); // array of options\n var option = (opts.length > 0)? opts[0]:\"\"; // selected option \n\nif ( option==\"Diagram\"){\n world=true;\nWidth1 = \"100%\";\nWidth2 = \"0%\";\n\n//disabled=false;\n\n }\n\n//printing ends today\nelse if ( option==\"Graph\"){\n\ngraph=true;\nWidth1 = \"0%\";\nWidth2 = \"100%\";\n//disabledworld=false;\n}\nelse if ( option==\"Both\"){\nworld=true;\ngraph=true;\nWidth1 = \"50%\";\nWidth2 = \"50%\";\n//disabledworld=false;\n}\n\n" }, { "name": "Disabled", "value": "_isPlaying" }, { "name": "Width", "value": "\"10vw\"" }, { "name": "Font", "value": "font" }, { "name": "Display", "value": "\"inline-block\"" } ] } ] } ] } ] }, { "Name": "panel", "Type": "Panel", "Expanded": "false", "Properties": [ { "name": "Height", "value": "\"100%\"" }, { "name": "Width", "value": "\"100%\"" } ], "Children": [ { "Name": "plottingPanel", "Type": "PlottingPanel", "Expanded": "true", "Properties": [ { "name": "Gutters", "value": "[50,0,0,50]" }, { "name": "ShowAreaRectangle", "value": "false" }, { "name": "YScalePrecision", "value": "0" }, { "name": "XFixedTick", "value": "-5" }, { "name": "OnDoubleClick", "value": "toggleFullScreen();" }, { "name": "OnResize", "value": "MinimumX=-10;\nMaximumX=10;\nMinimumY=-10;\nMaximumY=10;\n" }, { "name": "YFixedTick", "value": "0" }, { "name": "TRMessage", "value": "\"Volume=\"+ area.toFixed(2)+ \" ml\"" }, { "name": "XTickStep", "value": "1" }, { "name": "YTickStep", "value": "1" }, { "name": "XAutoTicks", "value": "false" }, { "name": "Height", "value": "%changeOrientation()%" }, { "name": "OnPress", "value": "var position = _view.plottingPanel.getInteraction().getInteractionPoint();\n" }, { "name": "Width", "value": "Width1" }, { "name": "TLMessage", "value": "display+\"\\n\"+displaywind+\"\\n\"+displaypressure" }, { "name": "Enabled", "value": "true" }, { "name": "MaximumY", "value": "12.5" }, { "name": "MaximumX", "value": "5" }, { "name": "YAutoTicks", "value": "false" }, { "name": "MinimumX", "value": "-5" }, { "name": "MinimumY", "value": "0" }, { "name": "AutoScaleY", "value": "false" }, { "name": "AutoScaleX", "value": "false" }, { "name": "MarginY", "value": "1" }, { "name": "Visibility", "value": "world===true" }, { "name": "XScalePrecision", "value": "0" }, { "name": "BRMessage", "value": "\"Setup: SA=\"+(2*x).toFixed(1)+\", T=\"+temperature+\" C, W=\"+WindText+\", H=\"+HumidityText+\", P=\"+Pressure.toFixed(1)+\" atm\"" } ], "Children": [ { "Name": "water", "Type": "Polygon2D", "Properties": [ { "name": "Points", "value": "[[-xbase,0],[xbase,0],[x,y],[-x,y],[-xbase,0]]" }, { "name": "FillColor", "value": "\"rgba(137,209,254,1)\"" } ] }, { "Name": "polygonContainerMemort", "Type": "Polygon2D", "Properties": [ { "name": "Points", "value": "[[-xCm,yCm],[-xbasem,0],[xbasem,0],[xCm,yCm]]" }, { "name": "Attributes", "value": "{ \"stroke-dasharray\":\"8 8 8 8\" }" }, { "name": "LineColor", "value": "%memorycolory0%" }, { "name": "LineWidth", "value": "1" } ] }, { "Name": "polygonContainer2", "Type": "Polygon2D", "Properties": [ { "name": "Points", "value": "[[-xC,yC],[-xbase,0],[xbase,0],[xC,yC]]" }, { "name": "LineWidth", "value": "4" } ] }, { "Name": "dragtopy", "Type": "Shape2D", "Properties": [ { "name": "OnRelease", "value": "xs=x; // for store values to go back\nys=y;\n" }, { "name": "SizeX", "value": "20" }, { "name": "ShapeType", "value": "\"RECTANGLE\"" }, { "name": "X", "value": "x" }, { "name": "Y", "value": "y" }, { "name": "Visibility", "value": "_isPaused&&t==0" }, { "name": "SizeY", "value": "20" }, { "name": "PixelSize", "value": "true" }, { "name": "DrawFill", "value": "false" }, { "name": "EnabledPosition", "value": "\"ENABLED_X\"" }, { "name": "OnDrag", "value": "//xbase= Math.round(xbase);\nx= Math.round(_info.point[0]*2)/2;\nx = Math.max(0.5,x);\n\nxs=x;\nys=y;\nxC=x;\nyC=y;\n\nif (fixarea==true){\n //area = ((2+2)+(x+x))/2*y; // parallelogram\n y = area/((xbase+xbase)+(x+x))*2;\n // x = (area*2/y - (xbase+xbase))/2;\n //alert();\n }\n else {\n area = ((xbase+xbase)+(x+x))/2*y; // parallelogram \n }\n\n" } ] }, { "Name": "dragbase", "Type": "Shape2D", "Properties": [ { "name": "OnRelease", "value": "xs=x; // for store values to go back\nys=y;" }, { "name": "SizeX", "value": "20" }, { "name": "ShapeType", "value": "\"RECTANGLE\"" }, { "name": "X", "value": "xbase" }, { "name": "Y", "value": "0" }, { "name": "Visibility", "value": "_isPaused&&t==0" }, { "name": "SizeY", "value": "20" }, { "name": "PixelSize", "value": "true" }, { "name": "DrawFill", "value": "false" }, { "name": "EnabledPosition", "value": "\"ENABLED_X\"" }, { "name": "OnDrag", "value": "//xbase= Math.round(xbase);\nxbase= Math.round(_info.point[0]*2)/2;\nxbase = Math.max(0.5,xbase);\n\nif (fixarea==true){\n //area = ((2+2)+(x+x))/2*y; // parallelogram\n y = area/((xbase+xbase)+(x+x))*2;\n // x = (area*2/y - (xbase+xbase))/2;\n //alert();\n yC =y; // need to move he volume correctly\n \n }\n else {\n area = ((xbase+xbase)+(x+x))/2*y; // parallelogram \n }\n" } ] }, { "Name": "temp", "Type": "Group2D", "Expanded": "false", "Properties": [ { "name": "Visibility", "value": "false" } ], "Children": [ { "Name": "tempt", "Type": "TextSet2D", "Properties": [ { "name": "NumberOfElements", "value": "infoNo" }, { "name": "FontSize", "value": "30" }, { "name": "RelativePosition", "value": "\"EAST\"" }, { "name": "X", "value": "-2" }, { "name": "Y", "value": "-1" }, { "name": "Text", "value": "temperature" } ] }, { "Name": "temptext", "Type": "Text2D", "Properties": [ { "name": "FontSize", "value": "30" }, { "name": "X", "value": "-0.5" }, { "name": "Y", "value": "-1" }, { "name": "Text", "value": "\"Temperature/\u00b0C =\"" } ] } ] }, { "Name": "wind4", "Type": "Group2D", "Expanded": "false", "Properties": [ { "name": "Visibility", "value": "false" } ], "Children": [ { "Name": "wind3", "Type": "ImageSet2D", "Properties": [ { "name": "NumberOfElements", "value": "WindNo" }, { "name": "SizeX", "value": "100" }, { "name": "Rotate", "value": "4.7" }, { "name": "X", "value": "xWind" }, { "name": "ImageUrl", "value": "\"./evaporation/wind.png\"" }, { "name": "Y", "value": "yWind" }, { "name": "Visibility", "value": "false" }, { "name": "SizeY", "value": "100" }, { "name": "PixelSize", "value": "true" } ] }, { "Name": "textSet2", "Type": "TextSet2D", "Properties": [ { "name": "NumberOfElements", "value": "WindNo" }, { "name": "X", "value": "xWind" }, { "name": "Y", "value": "yWind" }, { "name": "Text", "value": "\"??\"" }, { "name": "Font", "value": "\"normal normal 4vw \"" } ] } ] }, { "Name": "humidity2", "Type": "Group2D", "Expanded": "true", "Properties": [ { "name": "X", "value": "1.5" }, { "name": "Y", "value": "11" }, { "name": "Visibility", "value": "false" } ], "Children": [ { "Name": "humidtext", "Type": "Text2D", "Properties": [ { "name": "FontSize", "value": "30" }, { "name": "X", "value": "-0.5" }, { "name": "Y", "value": "-2.5" }, { "name": "Text", "value": "\"Humidity/% =\"" } ] }, { "Name": "humid", "Type": "ImageSet2D", "Properties": [ { "name": "NumberOfElements", "value": "HumidNo" }, { "name": "SizeX", "value": "80" }, { "name": "X", "value": "xHumid" }, { "name": "ImageUrl", "value": "\"./evaporation/humidity.png\"" }, { "name": "Y", "value": "yHumid" }, { "name": "Visibility", "value": "false" }, { "name": "SizeY", "value": "50" }, { "name": "PixelSize", "value": "true" } ] }, { "Name": "textSet", "Type": "TextSet2D", "Properties": [ { "name": "NumberOfElements", "value": "HumidNo" }, { "name": "X", "value": "xHumid" }, { "name": "Y", "value": "yHumid" }, { "name": "Text", "value": "\"??\"" }, { "name": "Font", "value": "\"normal normal 4vw \"" } ] } ] } ] }, { "Name": "plottingPanel2", "Type": "PlottingPanel", "Expanded": "true", "Properties": [ { "name": "YScalePrecision", "value": "0" }, { "name": "XFixedTick", "value": "0" }, { "name": "YFixedTick", "value": "0" }, { "name": "XTickStep", "value": "1" }, { "name": "YTickStep", "value": "10" }, { "name": "XAutoTicks", "value": "false" }, { "name": "Height", "value": "%changeOrientation()%" }, { "name": "Width", "value": "Width2" }, { "name": "TLMessage", "value": "\"Amount of Water = \"+_view._format(area,\"0.0\") + \"ml\"" }, { "name": "TitleYFont", "value": "\"normal normal 15px \"" }, { "name": "TitleXFont", "value": "\"normal normal 15px \"" }, { "name": "Title", "value": "\"Evaporation Graph\"" }, { "name": "MaximumY", "value": "25" }, { "name": "MaximumX", "value": "3" }, { "name": "YAutoTicks", "value": "false" }, { "name": "MinimumX", "value": "0" }, { "name": "MinimumY", "value": "0" }, { "name": "TitleY", "value": "\"Amount of Water /ml\"" }, { "name": "AutoScaleY", "value": "true" }, { "name": "TitleX", "value": "\"Time Taken /hr\"" }, { "name": "AutoScaleX", "value": "true" }, { "name": "MarginX", "value": "5" }, { "name": "MarginY", "value": "5" }, { "name": "TitleFont", "value": "\"normal normal 20px \"" }, { "name": "XScalePrecision", "value": "0" }, { "name": "BRMessage", "value": "\"Time = \"+_view._format(t*factor,\"0.0\")+ \" hr \"" }, { "name": "TRMessage", "value": "(((x+x)*(temperature/20)*wind*(1/humidity)*(1/Pressure) < 4) ? \"Predicted rate: Very slow\" : (((x+x)*(temperature/20)*wind*(1/humidity)*(1/Pressure) < 8) ? \"Predicted rate: Slow\" : (((x+x)*(temperature/20)*wind*(1/humidity)*(1/Pressure) < 12) ? \"Predicted rate: Moderate\" : (((x+x)*(temperature/20)*wind*(1/humidity)*(1/Pressure) < 18) ? \"Predicted rate: Fast\" : \"Predicted rate: Very fast\"))))" }, { "name": "BLMessage", "value": "\"Fair test: store a baseline, then change one variable only.\"" } ], "Children": [ { "Name": "trail", "Type": "Trail2D", "Properties": [ { "name": "Connected", "value": "t>0" }, { "name": "LineColor", "value": "memorycolory" }, { "name": "InputX", "value": "t*factor" }, { "name": "InputY", "value": "area" }, { "name": "NoRepeat", "value": "true" }, { "name": "LineWidth", "value": "2" } ] }, { "Name": "shape", "Type": "Shape2D", "Properties": [ { "name": "SizeX", "value": "20" }, { "name": "ShapeType", "value": "\"ELLIPSE\"" }, { "name": "X", "value": "t*factor" }, { "name": "Y", "value": "area" }, { "name": "SizeY", "value": "20" }, { "name": "PixelSize", "value": "true" } ] } ] } ] }, { "Name": "html", "Type": "Panel", "Properties": [ { "name": "Html", "value": "

Learning goals

\n\n

Suggested inquiry

\n
    \n
  1. Choose a baseline setting and predict the fastest condition.
    2. \n
  2. Press Play, observe the falling water level and graph, then press Store run.
    3. \n
  3. Change one variable only and compare the new slope with the earlier run.
    4. \n
\n

Teacher prompts

\n" } ] }, { "Name": "htmlArea", "Type": "HtmlArea", "Properties": [ { "name": "Html", "value": "
\n
\n

Challenge question

\n

Two beakers start with the same amount of water. Which one dries faster, and how do you know?

\n

Use Fix volume for fair comparison, store a baseline run, then change one variable only.

\n

Extension: Which matters more in your test: temperature, wind, humidity, pressure, or surface area?

\n
\n
\n \"Sample\n
\n
" }, { "name": "Height", "value": "600" }, { "name": "Width", "value": "\"100%\"" } ] } ] } ], "RootProperties": [] }, "metadata": { "APP": "WebEJS", "CreatedWith": "WebEJS : The web version of Easy JavaScript Simulations", "MoreInfo": "WebEJS 1.1", "version": "https://www.um.es/fem/wikis/webejs/" } }