Články

PhET: Fraction Matcher - Mathematics


PhET: Fraction Matcher - Mathematics

Fraction Matcher

Matematika je často označovaná ako abstraktná veda. Je to preto, že čísla don & rsquot v skutočnosti neexistujú ako objekty, ale sú to skôr koncepty, ktoré objektom pripisujeme. Vyhrali ste & rsquot 7 kdekoľvek vo vesmíre, ale nájdete tu sedem planét, sedem mačiek, sedem molekúl vodíka, sedem divov a tak ďalej.

Aj keď väčšine detí tento koncept čísel ľahko rozumieme, pri zlomkoch sa aritmetika trochu komplikuje. Učitelia by mohli zvážiť uľahčenie procesu pomocou programu s názvom Fraction Matcher.

Ľahko použiteľná vzdelávacia aplikácia

Aj keď je to program, ktorý obsahuje testy, Fraction Matcher možno považovať aj za dobrý učebný nástroj. Bez ohľadu na úroveň ich náročnosti zahŕňajú všetky testy zosúladenie zlomkov so zodpovedajúcimi geometrickými vzormi. To & rsquos je vlastne dobrý spôsob, ako vysvetliť tento koncept, aj keď frakcie majú v reálnom živote mnoho aplikácií, keď musíte uviesť jednoduchý príklad, obvyklé témy, ktoré vám napadnú, sú zľavy na varenie a nakupovanie.

Na rozdiel od iných aplikácií vyvinutých pomocou PhET Interactive Simulation, Fraction Matcher vyzerá trochu neživo, ale to je vzhľadom na danú tému skutočne možné považovať za nevýhodu. Zakaždým, keď urobíte správnu zhodu, dostanete štandardnú smajlíku a každý váš absolvovaný test bude oslávený frakčnými konfetami, ale to & rsquos, pokiaľ sa animácia dostane do tohto programu.

Testy a ďalšie testy

Existujú dve kategórie testov: Matching Game & ndash, čo je presne to, čo naznačuje jeho názov & ndash a Mixed Numbers & ndash, ktoré sú identické s prvými, do zmesi sa tiež pridajú celé čísla. Každá kategória má osem úrovní obtiažnosti a po dokončení úrovne vám bude pridelený maximálny počet troch hviezdičiek, v závislosti od toho, koľko chýb ste spravili.

Aj keď Fraction Matcher nie je ničím ohromujúcim, stále ho možno považovať za príjemnú a stredne náročnú testovaciu aplikáciu, ktorá pomôže žiakom porozumieť základnému aritmetickému konceptu.


Online hry na PrimaryGames.com

Popis: Priraďte tvary a čísla k získaniu hviezd v tejto zlomkovej hre. Postavte sa výzve na akejkoľvek úrovni, ktorá sa vám páči. Pokúste sa zhromaždiť veľa hviezd!

Vyvinutý:
Interaktívne simulácie PhET
University of Colorado Boulder
http://phet.colorado.edu

Poznámka: Táto hra bola vytvorená pomocou jazyka HTML5. Beží na prehliadačoch Chrome, Firefox, Opera, Safari alebo Internet Explorer 9 alebo novších. Je optimalizovaná aj pre zariadenia so systémom iOS vrátane iPad, iPod a iPhone.

Hra Spotlight

Dokončite všetky úrovne a staňte sa skutočným veľkonočným zajačikom!

Fraction Matcher v PrimaryGames

Priraďujte tvary a čísla k získaniu hviezd v tejto zlomkovej hre. Vyzývajte sa na akejkoľvek úrovni, ktorá sa vám páči. Pokúste sa zhromaždiť veľa hviezd!

Hľadáte odblokované hry? PrimaryGames je zábavné miesto, kde sa môžete učiť a hrať! Hrajte super hry, matematické hry, hry na čítanie, hry pre dievčatá, hádanky, športové hry, tlačte omaľovánky, čítajte rozprávkové knihy online a bavte sa s priateľmi pri hraní jedného z mnohých virtuálnych svetov, ktoré nájdete v hre PrimaryGames. Všetky hry sa dajú hrať zadarmo a každý týždeň pribúda nový obsah. Usilovne pracujeme na tom, aby sme vám priniesli najlepší herný obsah na webe! Každá hra je skontrolovaná, aby sa zaistila bezpečnosť pre všetky vekové kategórie. S viac ako 1 000 flash herných titulov a pribúdajúcim máme najväčšiu zbierku skvelých online hier. Či už máte radi adventúry alebo závodné hry, klasické arkádové alebo akčné hry, strategické hádanky alebo dress up hry, máme pre vás niečo!

PrimaryGames má veľkú zbierku sviatočných hier, remesiel, omaľovánok, pohľadníc a kancelárskych potrieb pre nasledujúce sviatky: Vianoce, Halloween, Veľká noc, Valentín, Deň sv. Patrika, Deň vďakyvzdania, Prezidentský deň, Chanuka, Silvester a ďalšie. Každý deň je deň na oslavu!

Volanie všetkým učiteľom! Navštívte nášho Sprievodcu učebnými osnovami, kde nájdete hry a aktivity, ktoré zodpovedajú učebným osnovám vašej učebne v oblasti matematiky, prírodných vied, jazykových umení a sociálnych štúdií. Táto rýchla príručka obsahuje popisy obsahu a návrhy úrovní na úrovni všetkých vzdelávacích aktivít v hre PrimaryGames.


Zdroje

Základy parku Energy Skate

Táto simulácia umožňuje študentom dozvedieť sa o ochrane energie s korčuliarom! Študenti môžu preskúmať rôzne trate a preskúmať vzťah medzi kinetickou energiou, potenciálnou energiou a tepelnou energiou korčuliara. Môžu tiež postaviť svoje vlastné dráhy, rampy a skoky pre korčuliarov.

Základy síl a pohybu

Táto simulácia umožňuje študentom preskúmať sily, ktoré pôsobia pri práci pri ťahaní za vozík a pri tlačení za chladničku, prepravku alebo osobu. Vytvorte použitú silu a uvidíte, ako núti objekty k pohybu. Zmeňte trenie a uvidíte, aký vplyv má na pohyb objektov.

Výsledky vzdelávania zahŕňajú:

Fraction Matcher

Fraction Matcher dáva študentom príležitosť preskúmať koncept zlomkov. „Obrazovka Zlomky“ obsahuje osem úrovní zhody zlomkov s použitím zlomkov menších ako jedna až po nesprávne zastúpenie zlomkov pre zlomky väčšie ako jedna. Obrazovka „Zmiešané číslo“ sa sústreďuje na väčšie frakcie.

Trenie

Túto simuláciu je možné použiť na demonštráciu toho, ako trenie spôsobuje zahriatie a roztavenie materiálu. Ukazuje, ako sa dva predmety navzájom trú, zahrejú sa. Keď dosiahne teplota topenia, častice sa uvoľňujú, keď sa materiál topí. Príklady učebných cieľov zahŕňajú: * Popíšte model trenia.


Preklady

Jazyk Stiahnite alebo spustite Tipy
Baskičtina Všetko baskické Eraiki zatiki bat
Bosniansky Všetci Bosanski Napravi razlomak
Zjednodušená čínština) Všetko 中文 (中国) 构建 一个 分数
Tradične čínske) Všetko 中文 (台灣) Vytvorte Fraction_ 建立 一個 分數
Chorvátsky Všetci hrvatski Napravi razlomak
Dánsky Celý Dansk Byg en brøk
Holandsky Všetky Nederlands Maak een breuk
Francúzsky Všetky français Postavte frakciu
Nemecky Všetko Deutsch Brüche bilden
Grécky Všetko Ελληνικά Φτιάξε ένα κλάσμα
Taliansky Všetko taliansky Costruisci una frazione
Japončina Všetko 日本語 分数 の 計算
Kazašský Všetci kazašskí Бөлшек түрінде жаз
Kórejský Všetko 한국어 분수 만들기
Lotyšský Všetky Latviešu Daļskaitļu veidošana
Mongolský Všetky Монгол (Монгол) Бутархайг Бүтээх
Poľský Všetko polski Zbuduj ułamek
Portugalčina (Brazília) Všetky português (Brazília) Construir uma Fração
Rusky Všetko русский Запиши в виде дроби
Srbsky Všetky Српски Направи разломак
Slovák Všetko slovenčina Tvorba zlomkov
Španielsky Všetko español Construye una fracción
Španielčina (Peru) All español (Perú) Haz una Fracción
Švédsky Všetko svenska Bygg ett bråk!
Tamil Všetko tamilsky பின்னத்தை உருவாக்கல்
Vietnamci All Tiếng Việt Všetky mená Phân số

Fraction Matcher Online aktivita a hra pre matematiku 1. - 3. ročníka

V tejto aktivite spájate vizuálne modely zlomkov (alebo zmiešaných čísel) s inými vizuálnymi modelmi alebo so zlomkami napísanými ako čísla. Do dvoch panvíc vložte dve zlomky alebo vizuálne modely, ktoré sú si rovnaké. Potom kliknite na tlačidlo „SKONTROLOVAŤ“ a ak je správne, kliknite na tlačidlo „OK“.

Najprv si vyberiete, či chcete pracovať s FRAKCIAMI alebo ZMIEŠANÝMI ČÍSLAMI. Či tak alebo onak, existuje veľa úrovní obtiažnosti, ktoré vám poskytnú veľa cviku. V ťažších úrovniach budete musieť zjednodušiť zlomky a myslieť na ekvivalentné zlomky. Získaním hviezdičiek získate hviezdy.

Tieto aktivity pomôžu študentom identifikovať zlomky a ekvivalentné zlomky.

Kredit: Túto aktivitu vytvára PhET

Screenshoty z hry a aktivity:


PhET: Fraction Matcher - Mathematics

Matematické IWB zdroje
Abacus (na hrách ICT)
Nástroj na sčítanie a odčítanie
Merač uhlov (na adrese TeacherLed.com)
Area Builder (pri PhET)
Odčítanie základného bloku
Nástroj Základný uhol
Hodiny (divadlo hračiek ag)
Clog Cainteach (ag CCEA)
Nástroj na predvádzanie ekvivalentných zlomkov (na hrách ICT)
Tabuľky časov rýb
Fraction Bars (na matematickom ihrisku)
Fraction Bars (na učiteľa Led.Com)
Virtuálne manipulácie so zlomkom desatinného percenta (v ABCYa)
Číselný rad zlomkov (na stránke Didax.com)
Zlomky: Úvod (PhET)
Zlomky: Zmiešané čísla (PhET)
Nástroj na výučbu frakcií (v Matematickom vzdelávacom centre)
Fraction Wall (na Matematickom Bot)
Fraction Wall (v spoločnosti Visnos)
Geoboard (v Matematickom vzdelávacom centre)
Geoboard (na matematickom ihrisku)
Geoboard (v Matematickom Bot)
Geoboard (pri NL Virtual Manipulatives)
Geoboard (v divadle hračiek)
Geometrické telesá (na ilumináciách)
Interaktívne hodiny (na učiteľa)
Interaktívne hodiny (čas, uhly a zlomky)
Interaktívny štvorec 100 (na hrách ICT)
Interaktívna stovka (na matematickom ihrisku)
Interaktívne trojuholníky
Nástroj na odhad mramorovej nádoby (v divadle hračiek)
Matematická rovnováha (na Didax.com)
Nástroj na viacnásobné zastúpenie (na TT Rock Stars)
Číselná čiara (v Matematickom vzdelávacom centre)
Číselné rámce (v Matematickom vzdelávacom centre)
Number Pieces (v Matematickom vzdelávacom centre)
Number Rack (v Math Learning Center)
Maľovať štvorce (na najvyšších známkach)
Bloky vzorov (na Didax.com)
Tvary vzorov (v Matematickom vzdelávacom centre)
Mriežka percentuálneho podielu desatinných miest
Percentuálny zlomok Desatinné koliesko
Prieskumník Vlastnosti mnohouholníka
Polypod (v Mathigone)
Počítadlo gumičiek (nástroj na odhad)
Rovnaké alebo iné
Sieť Eratosthenes (100 štvorcových)
Vyučovacie hodiny (pri najlepších známkach)
Ten Frame (na hrách ICT)
Tessalation Creator (na Illuminations)
Bloky myslenia
Dva hodiny matematiky IWB vedľa seba (v spoločnosti Visnos), ktoré vyžadujú blesk
Nástroj na meranie uhla (na TeacherLed.com)
Súčty uhlov (na ilumináciách)
Plošný nástroj - pokročilý (pri ilumináciách) (použiť IE)
Základňa 10 blokov
Základ 10 manipulov
Veľká modrá kalkulačka
Súradnice mriežky (použitie IE)
Crick's Interactive 100 Square
Nástroj na výučbu rovnocennosti - pruhy
Nástroj na výučbu rovnocennosti - koláče
Vyučovací nástroj rovnocennosti - koláče a tyčinky
Nástroj na výučbu ekvivalentných zlomkov (na ilumináciách)
Frakčná farba 2x2
Frakčná farba 3x3
Fraction Paint 4x4
Frakčná farba 5x5
Frakčná farba 6x6
Fraction Scale (na matematickom ihrisku)
Interaktívny kruh (na adrese Learn Alberta)
Interaktívny číselný graf 100 (na ABCYa) (Použiť IE)
Interaktívne spriadače (na zisťovanie šancí a pravdepodobnosti) (použitie IE)
Interaktívny číselný rad
Percentuálna farba
Pictoram Graph Maker
Tvorca koláčových grafov
Proporčné mriežky (pri najlepších známkach)
Odrazy (použitie IE)
Námestie Splat 1-100
Vyučovacie hodiny (na eChalk)
Vyučovanie hodín s aktuálnym časom (v čase od času) (Použiť IE)
Vyučovanie hodín s aktuálnym časom (v sieti WM Net) (Použiť IE)
Vennov diagram (pri čítaní a písaní myslieť)
Virtual Geoboard (at Connections Learning) (Použiť IE)
Virtual Geoboard (na Nrich.org) (Použiť IE)
Virtuálna nástenka ->

Aktivity a zbierky nástrojov IWB
Virtuálne manipulácie Didaxu pre matematiku
DreamBox Learning - Nástroje pre učiteľov
Zlomky a desatinné miesta učebné zdroje
GeoGebra (interaktívne tabule a manipulácie)
Osvetlenie
Interaktívne aktivity na tabuli (na Scholastic)
Matematické výukové centrum
Matematické manipulátory (na matematickom ihrisku)
Manipulačné programy Maths Bot
Národná knižnica virtuálnych manipulov
Matematické simulácie PhET
Tvary a miery (na LED učiteľa)
Simulácie (pri PhET)
LED učiteľa (najnovšie zdroje)
Učebné nástroje (na hrách IKT)
Najlepšie známky interaktívnych aktivít na tabuli
Virtuálne manipulátory (divadlo hračiek) Flipcharty IWB
Flipcharty študentov MIC (v Promethean) ->

Zbierky aktivít
Matematické hry ABCya
Plus kliknutie (matematické a logické problémy)
Bobinogs (v BBC)
Brain Pop
Hry CBeebies (na BBC)
Cookie
Rátať s
Počítajte nás
Dátové hry
Digi Puzzle Matematické hry
DreamBox (interaktívne matematické aktivity)
Matematické hry na webe Education.com
Interaktívne výukové programy pre E-Lab
Zbierka hier Encyclopaedia Britannica
Zábavné detské centrum pre deti
Hry Hooda Maths
Illuminations (Matematické hry a aktivity)
Inkluzívne hry (na stránkach Help Kidz Learn)
Interaktivovať: Hodnotiace hry
IXL - Hodnotené matematické aktivity (nie zadarmo)
Hry na vytváranie vedomostí (v Maths Adventures)
Matematika KS1 a aktivity zamerané na gramotnosť (v BBC)
KS2 Bitesize English / Maths / Science Activities (at BBC)
Manga vysoká (potrebné prihlásenie)
Matematický šimpanz
Matematické remeslo (sebahodnotenie)
Matematický rámec
Matematické hry
Matematické hry (v miestnosti Recess)
Matematický čas hry
Matematika - Hodnotené matematické aktivity (nie zadarmo)
Math Pickle (Puzzle a hry)
Matematické ihrisko
Matematika pre deti
Maths Frame - KS2 Games and Resources
Matematické hádanky
Matific (Matematické aktivity pre K-6)
Detský klub Nasa
Nové hry
Paulyho divadlo
Detské hry PBS
Hry PBS Kids Cyberchase
Planet Arcade (na NOAA)
Aréna primárnych hier
Primárne interaktívne
Logické hry
Puzzle monštrum
Izbový výklenok
Matematická zbierka softvéru Sheppard (vyžaduje Flash)
Smart-Kit (logické hry bezpečné pre školu)
Hry Smarty
Snappy Maths
Vyriešte ma - hádanky
Hry Tang Math
Ten kvíz - Matematické testovacie aktivity
Matematické hry hračiek
Transumová matematika
Matematické hry Korytnačkový denník
Tútor Bot
XP matematické hry


PhET: Fraction Matcher - Mathematics

Vynikajúca hra na porovnávanie zlomkov na rôznych úrovniach obtiažnosti, vďaka čomu je veľmi univerzálna pri používaní. K dispozícii je možnosť hrať hry proti času a tiež so zmiešanými celými číslami a zlomkami. Vysoko odporúčané.

Skvelý učebný nástroj pre zlomky. Pomocou pruhu alebo kruhu môžete reprezentovať, porovnávať a vykonávať operácie so zlomkami s menovateľmi od 1 do 100. Podľa potreby zobrazte alebo skryte číselné štítky.

Tento učebný nástroj pomáha pri rozpoznávaní zlomkových vzťahov. Pomáha študentom vizualizovať zlomky, porozumieť menovateľom, ekvivalentným zlomkom a zmiešaným číslam.

Interaktívny vzdelávací zdroj, kde môžete preskúmať zlomky a ekvivalentné zlomky. Je to užitočné na demonštráciu nesprávnych zlomkov. Sprievodná hra so zlomkami má rôzne úrovne náročnosti.

Interaktívny zdroj, kde môžete vytvárať ekvivalentné zlomky pomocou rôznych čísel a vyskúšať hru tak, aby zodpovedala zlomkom v rôznych obrazových vzorkách, aby ste preverili svoje vedomosti. Užitočný učebný nástroj na interaktívnej tabuli.

Vyzvite seba, aby ste vytvorili zlomky z tvarov a čísel. Pomáha pri pojmoch ekvivalentné zlomky a zmiešané čísla.

Manipulačný učebný nástroj, ktorý funguje dobre na interaktívnej tabuli a je užitočný pri demonštrácii ekvivalentov zlomkov a ďalších.

V tejto hre na pridávanie zlomkov posypte ovocie. K dispozícii je šesť stupňov obtiažnosti.

Frakčná hra, kde musíte splniť objednávky v cukrárni. Priraďte objednávky zákazníkov napísané ako zlomky k koláčom, ktoré boli nakrájané na segmenty.

Navrhnite niektoré výbehy pre chorých vtákov z kazuára. Osvedčený postup pre ekvivalentné zlomky.


PhET: Fraction Matcher - Mathematics

Prehľad vývoja PhET

PhET Interactive Simulation vytvára bezplatné, otvorené zdrojové vzdelávacie simulácie v oblasti prírodných vied a matematiky, ktoré nájdete na webovej stránke PhET. Tento dokument vysvetľuje knižnice, postupy a vzory PhET pre vývoj interaktívnych simulácií v HTML5. Tento dokument je k dispozícii aj na https://github.com/phetsims/phet-info/blob/master/doc/phet-development-overview.md. Ak chcete získať diskusiu a spätnú väzbu, navštívte stránku Google Developing Interactive Simulation in HTML5 Google Group.

Začíname (pre Windows)

Ak chcete získať kód pre existujúcu simuláciu PhET, budete musieť postupovať podľa niekoľkých krokov (uvedených aj v screencaste Vývoj s PhET: Začíname (v systéme Windows)):

Kontrola kódu a jeho spustenie vo vývojovom režime

(a) Vyberte možnosť vytvorenia ikony na ploche pre „git bash“, ak ešte nie je vybratá. 2. Pomocou Gitu skontrolujte kód pre knižnice a simulácie PhET

(a) Otvorte Git Bash (z odkazu na ploche alebo z ponuky Štart)

(b) Vytvorte adresár pre váš vývoj: mkdir phetsims

(c) Zmeňte adresár na phetsims: cd phetsims

(d) Spustite tieto príkazy git clone:

  1. Stiahnite si & amp; nainštalujte uzol + npm z https://nodejs.org/en/
  2. Spustite program uzlového servera na vašom vývojovom stroji

a) Nainštalujte server HTTP ako program príkazového riadku. Použite iný príkazový riadok ako ten vyššie, pretože ten vyššie nebude mať novú cestu pre npm npm install http-server -g

(b) Prejdite do adresára phetsims (ak ste tam ešte neboli). cd phetsims /

(c) Spustite program servera http (s vypnutým ukladaním do vyrovnávacej pamäte, aby ste pomohli s iteráciou) http-server -c-1

  1. Otvorte prehliadač na ceste k jednej zo simulácií: http: // localhost: 8080 / example-sim / example-sim_en.html
  2. Na vytvorenie simulácií nainštalujte obslužný program grunt z príkazového riadku (môže vyžadovať sudo): npm install -g grunt-cli
  3. Spustite npm config set save false, aby sa nevytvárali súbory package-lock.json.

Teraz môžete vyskúšať úpravu simulačného kódu a zmeny zobraziť obnovením prehliadača. Môžete to tiež použiť na testovanie na vzdialených zariadeniach po vyhľadaní adresy IP. Ak vyvíjate v prehliadači Chrome, nezabudnite, že môže byť užitočné nastaviť možnosť „Zakázať vyrovnávaciu pamäť (pokiaľ je program DevTools otvorený)“ (pozrite si nastavenia devtools). Otázky by mali smerovať k vývoju interaktívnych simulácií v skupine Google HTML5.

Začíname (pre systém macOS)

Ak chcete získať kód pre existujúcu simuláciu PhET, budete musieť postupovať podľa týchto krokov:

Kontrola kódu a jeho spustenie vo vývojovom režime

  1. Stiahnite a nainštalujte Git zo stránky http://git-scm.com/downloads a. Možno budete musieť systému povoliť spúšťanie aplikácií stiahnutých z ľubovoľného miesta i. Otvorte ponuku Apple ii. Predvoľby systému iii. Bezpečnosť a ochrana súkromia iv. Kliknutím na zámok vykonajte zmeny v. Povoliť aplikácie sťahované odkiaľkoľvek vi. Po nainštalovaní git môžete obnoviť predchádzajúce nastavenia zabezpečenia
  2. Pomocou Gitu si pozrite kód pre knižnice a simulácie PhET a. Otvorte aplikáciu „Terminal“ i. Kliknite na ikonu vyhľadávania (zväčšovacie sklo) v pravom hornom rohu pracovnej plochy ii. Typ „Terminál“ iii. Kliknite na ikonu terminálu a. Vytvorte adresár pre svoj vývoj: mkdir phetsims b. Zmeňte adresár na phetsims: cd phetsims d. Spustite tieto príkazy git clone:

Pri spustení prvého príkazu git clone sa môže zobraziť dialógové okno, ktoré hovorí: Príkaz „git“ vyžaduje vývojárske nástroje príkazového riadku. Prajete si teraz nainštalovať nástroje? V takom prípade stlačte „Inštalovať“.

  1. Stiahnite si & amp; nainštalujte uzol + npm z http://nodejs.org/en
  2. Spustite program uzlového servera na vašom vývojovom stroji a. Nainštalujte server HTTP ako program príkazového riadku pomocou terminálu npm install http-server -g Ak to spôsobí chybu typu „Skúste tento príkaz spustiť znova ako root / administrátor.“ potom spustite pomocou príkazu sudo takto: sudo npm install http-server -g b. Prejdite do adresára phetsims (ak ste tam ešte neboli). cd phetsims / c. Spustite program servera http (s vypnutým ukladaním do vyrovnávacej pamäte, aby ste pomohli s iteráciou) http-server -c-1
  3. Otvorte prehliadač na ceste k jednej zo simulácií: http: // localhost: 8080 / example-sim / build / phet / example-sim_en_phet.html
  4. Na vytvorenie simulácií nainštalujte obslužný program grunt z príkazového riadku (môže vyžadovať sudo): npm install -g grunt-cli Teraz môžete otestovať úpravy simulačného kódu a zobraziť zmeny obnovením prehľadávača http: // localhost: 8080 / example- sim / example-sim_en.html. Môžete to tiež použiť na testovanie na vzdialených zariadeniach po vyhľadaní adresy IP. Otázky by mali smerovať k vývoju interaktívnych simulácií v skupine Google HTML5.
  5. Spustite npm config set save false, aby sa nevytvárali súbory package-lock.json.

Teraz môžete vyskúšať úpravu simulačného kódu a zmeny zobraziť obnovením prehliadača. Môžete to tiež použiť na testovanie na vzdialených zariadeniach po vyhľadaní adresy IP. Ak vyvíjate v prehliadači Chrome, nezabudnite, že môže byť užitočné nastaviť možnosť „Zakázať vyrovnávaciu pamäť (pokiaľ je program DevTools otvorený)“ (pozrite si nastavenia devtools). Otázky by mali smerovať k vývojovým interaktívnym simuláciám v skupine Google HTML5.

Po skontrolovaní závislostí a inštalácii grunt-cli v predchádzajúcich pokynoch môžete pomocou šablóny vytvoriť svoju vlastnú simuláciu.

  1. Pomocou tohto príkazu git clone vyskúšajte simulátor šablóny, ktorý sa nazýva simula-rasa: cd phetsims git clone https://github.com/phetsims/simula-rasa.git
  2. Nainštalujte si závislosti štiepkovača: cd chipper npm install
  3. Nainštalujte si trvalé závislosti: cd ../perennial npm install
  4. Pomocou úlohy "grunt" na viac rokov vytvorte nového sima, ako je tento (stále v adresári trvaliek): grunt create-sim --repo = NAME --author = AUTOR Napríklad, ak bude mať simulácia názov Acceleration Lab a autorkou je Jane Doe, potom by ste mohli povedať: grunt create-sim --repo = acceleration-lab --author = "Jane Doe"
  5. Vyskúšajte vytvorenú simuláciu v prehliadači a uistite sa, že sa spustí. Malo by ísť o prázdnu simuláciu. Ak narazíte na problémy, obráťte sa na vývojársku interaktívnu simuláciu v skupine Google HTML5.

Tvorba a testovanie (Windows a macOS)

Vytváranie simulácie so štiepkovačom

Práca s Git a GitHub

Stiahnutie posledných zmien Vytvorenie problémuhttp: // localhost: 8080 / example-sim / build / example_sim.html Zaviazanie Odoslanie žiadosti o stiahnutie

Ladenie simulácie pomocou nástrojov pre vývojárov prehliadača Chrome

Zdrojový kód a závislosti

Naše simulácie a závislosti sú hostené verejne na GitHub: https://github.com/phetsims

Máme viac ako 40 úložísk pre simulácie a ich závislosti, všetky nájdete tu: https://github.com/phetsims?tab=repositories.

Ďalej je uvedený zoznam niektorých úložísk, ktoré obsahujú knižnice a rámce, od ktorých jednotlivé simulácie závisia.

  • scenéria: všeobecný graf scény pre vykreslenie grafiky a spracovanie vstupu. Dokumentačné miesto pre scenérie
  • axon: na implementáciu modelu
  • tvrdiť: aplikačný rámec pre vývojové testovanie
  • phet-core: dedičstvo, rozšírenie a ďalšie užitočné funkcie
  • phetcommon: bežné závislosti vyššej úrovne
  • scenery-phet: Grafika scenérie a manipulátory vstupu špecifické pre PhET
  • trám: Rámec pre načítanie, spustenie a spracovanie kariet aplikácií
  • dot: Matematický rámec pre zobrazenie modelu a zosilňovača
  • drak: Knižnica tvarov
  • slnko: Grafické komponenty používateľského rozhrania, ako sú tlačidlá, začiarkavacie políčka atď
  • sherpa: Všetky naše závislosti od tretích strán
  • chipper: Nástroje na vývoj a vytváranie simulácií.
  • trvalka: Nástroje na údržbu, ktoré sa pri rôznych verziách štiepkovača nezmenia

Prebieha kontrola kódu HTML5 z GitHubu

Naše ukážkové úložisko README.md obsahuje zoznam príkazov git clone, ktoré skontrolujú ukážkovú simuláciu a všetky jej závislosti: https://github.com/phetsims/example-sim

A klonujte niektoré naše vývojové simy: git clone git: //github.com/phetsims/forces-and-motion-basics.git git clone git: //github.com/phetsims/build-an-atom. git

Všetky úložiská by mali byť klonované do rovnakého adresára, aby fungovali relatívne cesty.

Tu je úplný zoznam všetkých úložísk phetsims. Ak sa sim nespustí z dôvodu chýbajúcej závislosti, možno si budete musieť pozrieť ďalšie z týchto úložísk: https://github.com/phetsims?tab=repositories

Upozorňujeme tiež, že to skontroluje hlavnú vetvu všetkých našich závislostí, ktorá môže prerušované zmeny prerušovane vytvárať, pokiaľ s nimi zostanete v obraze. Ak narazíte na nejaké zásadné zmeny, okamžite nás o tom informujte. Odporúčame tiež vyvíjať váš kód na verejnom repo serveri, ako je GitHub, aby sme vám mohli testovať a aktualizovať vaše simulácie pri zmene bežných závislostí.

Master je nestabilný: Prístup k prísne testovanému kódu

Hlavná pobočka simulačných a knižničných úložísk PhET je neustále vo vývoji a nie je zaručené, že bude stabilná. Naším zámerom je, aby sa hlavná vetva simulácií + knižníc budovala a fungovala správne, ale niekedy kód prechádza prechodnými stavmi, v ktorých je možné zavádzať chyby. Naše publikované simulácie boli na druhej strane dôsledne testované na platformách 18+ a sú najstabilnejšou možnosťou. Ak prispôsobujete simuláciu PhET alebo chcete získať prístup k simulačnému kódu, ktorý priamo zodpovedá jednej z našich publikovaných verzií, budete si musieť skontrolovať konkrétne revízie SHA vo všetkých príslušných úložiskách. Kontrola týchto opravených, testovaných revízií je tiež dôležitá pri práci na simulačnej vetve kandidáta na vydanie. Tu sú pokyny:

  1. Najskôr identifikujte verziu, pre ktorú chcete skontrolovať zdrojový kód, napríklad: http://phet.colorado.edu/sims/html/area-builder/latest/area-builder_en.html
  2. Prejdite na súbor s názvom dependencies.json na rovnakej ceste, napríklad: http://phet.colorado.edu/sims/html/area-builder/latest/dependencies.json
  3. Stiahnite si súbor dependencies.json do koreňového adresára simulačného adresára.
  4. Otvorte príkazový riadok a cd do koreňového adresára simulačného adresára.
  5. Spustite grunt check-shas. Tento krok sa načíta zo súboru dependencies.json a skontroluje všetky SHA zodpovedajúce položkám v súbore.
  6. Ak chcete skontrolovať SHA pre samotnú simuláciu, najskôr vyhľadajte SHA v súbore závislostí, presuňte súbor závislostí na iné miesto alebo ho odstráňte a pomocou príkazu git checkout skontrolujte príslušný SHA. (Všimnite si, že tento posledný krok zvládne budúca verzia grunt checkout-shas).
  7. Skontrolujte simuláciu a jej závislosti, aby ste sa uistili, že grunt check-shas mal zamýšľaný efekt získania správneho SHA pre každé repo.

Teraz môžete použiť zverejnený zdrojový kód. Ak chcete obnoviť každú vetvu na master, môžete spustiť grunt checkout-master.

  1. Spustenie grunt checkout-shas dáva chyby, keď pracovná kópia nie je potvrdená. Tieto príkazy grunt sú v súčasnosti podporované iba pre čisté úložiská git. Jedným z riešení tohto problému môže byť stagnácia. Tiež, ak chcete použiť závislosti z inej verzie ako v SHA, bude to potrebné urobiť ako ďalší manuálny krok.
  2. Pri práci vo vetve grunt checkout-master skontroluje hlavnú vetvu a na návrat do požadovanej pobočky budú potrebné ďalšie manuálne kroky. Toto je napríklad problém pri práci s pobočkou značky „adaptovaný od phetu“.

Originálny zdrojový kód Java / Flash

Podľa pokynov na tomto odkaze získate zdrojový kód pre pôvodnú verziu simulácií Java a Flash: http://phet.colorado.edu/en/about/source-code

Po kontrole (môže to trvať viac ako 30 minút) sa zdrojový kód simulácií nachádza napríklad v: svn-checkout / trunk / simulation-java / simulation / force-and-motion-basics

Simulácie PhET používajú okolo 3 závislostí nezávislých zdrojov tretích strán na nasadený zdrojový kód a ďalšie na fázu zostavovania. Všetky sú zahrnuté v pokladniach zdrojového kódu v úložisku sherpa. Knižnice a licencie sú popísané v tomto licenčnom dokumente pre závislosť od tretích strán

Nové simulácie by mali byť zverejnené pod GPLv3 a znovu použiteľné závislosti knižníc by mali byť zverejnené ako MIT.

Na zlepšenie čitateľnosti a udržiavateľnosti kódu simulácie PhET sme identifikovali niekoľko odporúčaní pre písanie kódu a dokumentácie:

Kontrolný zoznam kontroly kódu PhET je k dispozícii na https://github.com/phetsims/phet-info/blob/master/checklists/code_review_checklist.md. Poskytuje ďalšie kroky, aby sa zabezpečilo správne napísanie simulácie. Tento kontrolný zoznam sa používa na zverejnenie akejkoľvek novej simulácie PhET, aby sa zaistilo, že sú konzistentné a udržiavateľné. Vymenúva kroky, ktoré okrem iného zahŕňajú štýl kódovania.

IntelliJ IDEA formátujúci súbor XML na automatické formátovanie kódu. Toto je základná pravda o tom, ako by sa mal kód PhET formátovať. Náš example-sim tiež ukazuje, ako idiomaticky používať naše knižnice, ako aj dobrý príklad komentovania kódu a dokumentácie.

Tiež máme tendenciu súhlasiť s väčšinou pokynov ustanovených v idiomatic.js.

Simulácia by mala byť testovaná a spustená na platformách prepojených nižšie. Podľa našich doterajších skúseností je na získanie prijateľného výkonu na tabletoch, ako je iPad, často potrebná určitá optimalizácia.

Modulárnosť s modulmi ES6

Aktuálna iterácia simulačnej kódovej základne PhET využíva natívne moduly Javascript, ktoré boli zavedené v ECMAScript 6. Konkrétne pre PhET sa používajú iba predvolené exporty (na rozdiel od pomenovaných exportov). Moduly ES6 sa používajú na podporu modularizácie kódu JavaScript. Informácie o moduloch ES6 nájdete tu. Príklady toho, ako ho použije PhET, nájdete v simulácii príkladov (konkrétne zdrojové súbory v adresári js).

Minimálna šírka x výška: 768 x 504 (1,52: 1, vo vnútri Mobile Safari)

Simulácia by mala byť mierka izometricky taká, aby všetky časti boli viditeľné pri akomkoľvek rozlíšení. Príklad tohto typu zmeny mierky je možné vidieť v simulácii príkladu.

Proces minifikácie a zjednotenia je implementovaný v našom repo serveri https://github.com/phetsims/chipper. To možno použiť na vytvorenie súboru HTML s jedným súborom, ktorý obsahuje všetky obrázky a zvuk a je vhodný na stiahnutie na použitie v režime offline.

Tu je príklad toho, ako skompilovať priklad-sim do jedného súboru HTML. Ostatné simy by sa zostavovali obdobne. To predpokladá, že máte vo svojej lokálnej pracovnej kópii odhlásené všetky závislosti servera example-sim.

Je požiadavkou, aby bolo možné stiahnuť všetky simulácie PhET a spustiť ich offline vo všetkých identifikovaných prehľadávačoch z adresy file: //. Proces zostavovania štiepkovača PhET (opísaný vyššie) vytvorí jeden súbor, ktorý je možné stiahnuť na použitie v režime offline. Uistite sa, že nepoužívate žiadne rozhrania API, ktoré zabraňujú správnemu spusteniu a spusteniu v režime offline pomocou adresy URL súboru: //, a otestujte, či offline fungovanie pre vašu simuláciu funguje správne.

Tu je odkaz na niektoré zverejnené simy, takže môžete vidieť ukážku toho, ako by niektoré veci mali vyzerať a správať sa: http://phet.colorado.edu/en/simulation/category/html

Proces vývoja a kontrolný zoznam

Kroky na vytvorenie plne funkčnej simulácie PhET vzhľadom na existujúcu verziu Java / Flash alebo vývojovú špecifikáciu:

  1. Simulácia a jej kód: a. musíte správne používať príslušné knižnice b. treba adekvátne komentovať c. nesmie obsahovať žiadny mŕtvy kód (t. j. komentovaný kód, ktorý nič nerobí) d. musia byť udržiavateľné e. opakovane použiteľné komponenty by mali byť vyleštené a presunuté do príslušných knižníc f. by mal pri spustení chippera vyhovieť všetkým testom jshint a mal by byť skompilovaný do jedného súboru HTML súboru h. originálne vektorové kresby pre čokoľvek, čo sa objavuje v adresári images /, by mali byť skontrolované v priečinku assets /. i. musí bežať s povolenými? ea (tvrdeniami) bez toho, aby sa spustili akékoľvek chyby tvrdenia
  2. Simulácia a testovanie používateľského rozhrania zosilňovača a. Testovanie na našich podporovaných platformách a identifikácia problémov v rôznych prehľadávačoch b. Výkon musí byť na všetkých podporovaných platformách dostatočne rýchly. i. Simulácia by sa mala začať o menej ako 8 sekúnd na zariadeniach iPad3 ii. Ak je to možné, usilujeme sa o stálu rýchlosť 60 snímok za sekundu na iPade c. Simulácia by sa mala testovať s povolenými tvrdeniami:? Ea d. Simulácia by sa mala testovať na dotykových plochách:? ShowPointerAreas
  3. Kontrola kódu a. Kód bude skontrolovaný jedným alebo viacerými vývojármi PhET s cieľom zistiť možné chyby alebo problémy s údržbou b. Otázky vznesené v rámci preskúmania sa budú riešiť
  4. Uvoľnenie kandidáta na testovanie a. Pred zverejnením je vytvorená pobočka kandidáta na vydanie, aby bolo možné pobočku dôkladne otestovať a zverejniť, ak sa nenájdu žiadne významné chyby
  5. Publikácia a. Simulácia je k dispozícii na webovej stránke PhET
  6. Údržba a. simulácia je zverejnená a všetky chyby hlásené študentmi alebo učiteľmi budú vyriešené

Nástroje a prístroje na vývoj a testovanie

Mnoho aspektov simulácie musí byť vyvinutých správne a musí dobre fungovať, aby sa simulácia mohla správať správne na všetkých našich podporovaných platformách. PhET vyvinul niekoľko nástrojov a nástrojov na uľahčenie tohto vývoja a testovania. The most up-to-date documentation for the query parameters is available here: https://github.com/phetsims/chipper/blob/master/js/initialize-globals.js

  1. Query parameter: ?screenIndex . This query parameter may be used to specify the initial screen of the simulation. It can be paired with standalone above to launch just a specific screen of the simulation. For instance: http://localhost:8080/energy-skate-park-basics/energy-skate-park-basics_en.html?screenIndex=1&standalone launches Energy Skate Park: Basics using only the 2nd screen.
  2. Phet Allocations: Object instance allocation tracking, so we can cut down on garbage collection. See https://github.com/phetsims/phet-core/blob/master/js/phetAllocation.js Sample usage: a. Run the sim and set up the scenario that you wish to profile b. In the JS console, type: window.alloc=<> c. Wait until you have taken enough data d. Type x = window.alloc delete window.alloc Now you can inspect the x variable which contains the allocation information.
  3. Run with query parameter ?ea to enable assertions in the code. The sim should run without any assertion errors. (Assertions are predicates about what should be true at specific points in the code. They are used to identify programming errors.)
  4. Query parameter: ?showPointerAreas . This query parameter shows the areas for mouse and touch input events. On mobile devices (and sometimes for mouse) it is essential to increase the interaction region for a scenery node. Touch areas are shown in red and custom mouse areas are shown in blue.
  5. makeRandomSlowness(). This method can be called after the simulation is started to simulate an intermittently slow system. This can be used to help replicate bugs that only happen intermittently or only on slow platforms. To call this method, launch the sim, show the developer console, and type the command as above.
  6. makeEverythingSlow(). This method can be called after the simulation is started to simulate a slow system. This can be used to help replicate bugs that only happen intermittently or only on slow platforms. To call this method, launch the sim, show the developer console, and type the command as above.
  7. Query parameter: ?profiler . Launching a sim with ?profiler will print out the time to create each screen, and will show a histogram which updates every 60 frames depicting how long the frames are taking (in ms). Note: just showing the average FPS or ms/frame is not sufficient, since we need to see when garbage collections happen, which are typically a spike in a single frame. Hence, the data is shown as a histogram. After the first 30ms slots, there is a ++= showing the times of longer frames (in ms)
  8. Usage of Unit Tests: After making changes in one of the repos with unit tests (see if tests/qunit exists), run the unit tests afterwards (tests/qunit/unit-tests.html) to see if anything is broken. We highly recommend checking "Hide passed tests", and wait until all tests are complete (it may pause at 0 tests complete at the start).
  9. Adding Unit Tests: If you want to add a test, add it to one of the tests/qunit/js/* files that have a QUnit module( '. ' ) declaration, and read the QUnit tutorials to understand how it works. You can add new files with more tests by creating the file and referencing it in tests/qunit/js/unit-tests.js (whose purpose is to load those files).
  10. Namespaces for Unit Tests and Playground: Each unit-tests.html makes certain namespaces global (e.g. Scenery's makes window.scenery/kite/dot/axon/core for Scenery/Kite/Dot/Axon/phet-core respectively).
  11. Playground: If it exists, it will be a tests/playground.html, and allows testing code in the console. To make code available in the console, check the 'main' file used by the playground and add a reference there. For instance, Scenery's playground.html loads 'scenery/js/main.js', and saves it to window.scenery.
  12. Run grunt lint on the command line to check for lint errors. All code should be free of lint errors. (lint is a tool that analyzes source code to flag programming errors, bugs, stylistic errors, and suspicious constructs. PhET uses the eslint variant of lint.)
  13. Install PhET's git hooks to run basic checks as part of the git lifecycle. Run these commands from the root of your checkout. First it clears any pre-existing commit hooks, then installs the new hooks.

The git hooks may run unit tests in the repo which require a configuration that is specified in

/.phet/build-local.json . Describing all the entries of build-local.json is beyond the scope of this document, but to successfully commit with these hooks to repos with unit tests your build-local.json will require key localTestingURL . If you followed steps in this document to install http-server , the entry would look like

Getting to optimal performance on all supported platforms can be tricky--this section enumerates possible optimizations strategies:

  1. Consider using WebGL.
  2. Reduce allocations (including but not limited to closures) during animation.
  3. Eliminate closures and move values to properties and prototypes, see https://github.com/phetsims/scenery/issues/664.
  4. Consider replacing color strings with color constants, see https://github.com/phetsims/sun/issues/312.

Working with GitHub Issues

When the problem described in a GitHub issue is solved, a description of the solution should be made in the issue and the issue should be reassigned to the original reporter of the GitHub issue for verification and closing. Commits that address the GitHub issue should also reference the issue in the commit message, so the change set can be easily reviewed.

Here are some example issues that show creation of an issue, solving it with a commit message that references the issue, an explanation of the solution and reassignment to the reporter for verification and closing: https://github.com/phetsims/color-vision/issues/15 https://github.com/phetsims/fraction-matcher/issues/56 https://github.com/phetsims/color-vision/issues/37

Embedding a Simulation in your website

To embed a simulation in your website, use an iframe like so:

The aspect ratio 834x504 is used for new simulations, because it matches the aspect ratio available on popular devices.


PhET: Fraction Matcher - Mathematics

Popis

Download PhET 1.0 from our software library for free. PhET is suitable for 32-bit versions of Windows XP/Vista/7/8/10. The actual developer of the free software is University of Colorado. Our antivirus scan shows that this download is safe. The following version: 1.0 is the most frequently downloaded one by the program users. The current installer available for download requires 499.2 MB of hard disk space. PhET lies within Education Tools, more precisely Science Tools.

The full PhET Offline Website Installer package installs a copy of the PhET website onto your computer. Once installed, you do not need to be connected to the Internet to view or run any of the simulations (as long as you have Java, Flash, and a web browser such as Firefox or Internet Explorer).

Možno budete chcieť vyskúšať viac softvéru, ako napr Energy Skate Park, Rutherford Scattering alebo Circuit Construction Kit DC and AC, which might be similar to PhET.


Pozri si video: Fractions for Kids. Math Learning Video (December 2021).