https://peda.net/id/00fe5b78220 2026-03-17T16:32:11+02:00 https://peda.net/:static/539/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/34de1ea0220 2026-03-17T16:55:03+02:00 <h3>Tavoite</h3> Keskeisin päämäärä on oppia algoritmista ajattelua.<br/> Vuokaaviot on yksi keskeinen tapa kuvata ajattelua algoritmin muodossa.<br/> Vuokaaviossa kuvattu prosessi on nykyisin helppoa muuttaa toimivaksi koodiksi (esim. Python) tekoälyn avulla.<br/> Viime tunnilla tutustuttiin vuokaavioiden piirtämiseen O365 Visiolla.<br/> Jatketaan vielä tämä oppitunti.<br/> <br/> <h3>Tehtäviä ja harjoituksia</h3> Tee jokainen vuokaavio omaan välilehteensä Visiossa.<br/> Kokoa tunnin lopuksi kaikki tekemäsi vuokaaviot PNG-kuvina yhteen Word-tiedostoon.<br/> Jaa tiedosto opettajan edu-osoitteeseen.<br/> <br/> <br/> 1. Katso <a href="https://support.microsoft.com/fi-fi/office/video-vuokaavion-luominen-8ff7ba4d-cbfd-4977-95ab-51d9017071b9" rel="noopener nofollow ugc" target="_blank">tämä mallivideo</a><br/> <br/> 2. Toteuta videolla oleva vuokaavio itse Visiolla, Perusvuokaaviomallilla. <br/> <br/> 3. Anna PNG-kuva (pdf-dokumentti) vuokaaviosta tekoälylle (esim. Copilot) ja pyydä siitä tekemään Python 2 -koodi. Testaa, miten koodi toimii Trinket.io:ssa.<br/> <br/> 4. Tee sama, mutta pyydä tekoälyä toteuttamaan ohjelma selaimessa toimivana. Pyydä kaikki koodi yhdessä tiedostossa ja tallenna se html-tyyppisenä esimerkiksi Lataukset-kansioon tai paikallisesti muualle tietokoneessasi. Testaa sitten sivua. Tämä on siis samaa toimintaa, mitä olet tehnyt pelin kanssa. <br/> <br/> 5. Tutustu seuraavaan pseudokoodiin ja koeta piirtää alla olevan pseudokoodin mukainen prosessi vuokaaviona. Koeta ensin keksiä, mitä pseudokoodilla pyritään toteuttamaan.<br/> <span><!--ScriptorStartFragment--></span> <div class="scriptor-paragraph"><code><span><br/> START</span></code></div> <div class="scriptor-paragraph"><code><span>READ a, b, c, d</span></code></div> <div class="scriptor-paragraph"><code><span>IF b == d THEN</span></code></div> <div class="scriptor-paragraph"><code><span> num = a + c</span></code></div> <div class="scriptor-paragraph"><code><span> den = b</span></code></div> <div class="scriptor-paragraph"><code><span>ELSE</span></code></div> <div class="scriptor-paragraph"><code><span> L = jokin_yhteinen_nimittäjä(b, d) // heuristiikka: esim. b*d</span></code></div> <div class="scriptor-paragraph"><code><span> num = a*(L/b) + c*(L/d)</span></code></div> <div class="scriptor-paragraph"><code><span> den = L</span></code></div> <div class="scriptor-paragraph"><code><span>END IF</span></code></div> <div class="scriptor-paragraph"><code><span>WHILE voiko_supistaa(num, den) DO</span></code></div> <div class="scriptor-paragraph"><code><span> (num, den) = supista(num, den) // voi olla yksi kierroskin, OK</span></code></div> <div class="scriptor-paragraph"><code><span>END WHILE</span></code></div> <div class="scriptor-paragraph"><code><span>PRINT num, &quot;/&quot;, den</span></code></div> <div class="scriptor-paragraph"><span><code>END</code><!--ScriptorEndFragment--></span></div> <br/> 6. Tutki, pystytkö kehittämään edelliseen toimivan ohjelman tekoälyn (Copilotin tai muun vapaasti valitsemasi) avulla joko<br/> <ul> <li>selaimessa toimivana tai</li> <li>Trinketissä toimivana.</li> </ul> <br/> <br/> PS. <a href="https://www.youtube.com/watch?v=vBtGO9pXfrQ" rel="noopener nofollow ugc" target="_blank">Ensimmäinen kuusiminuuttinen on sopivaa asiaa tähän yhteyteen.</a> 2026-03-17T16:40:13+02:00