{"id":1140,"date":"2025-09-03T04:48:12","date_gmt":"2025-09-02T21:48:12","guid":{"rendered":"https:\/\/people.usd.ac.id\/~ydkristanto\/?page_id=1140"},"modified":"2025-10-03T21:30:33","modified_gmt":"2025-10-03T14:30:33","slug":"learning-resources","status":"publish","type":"page","link":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/learning-resources\/","title":{"rendered":"Interactive Mathematics Learning Resources"},"content":{"rendered":"\n<p class=\"has-drop-cap\">Welcome to our collection of interactive mathematics learning resources. This curated selection includes lessons, activities, and simulations designed to facilitate students\u2019 exploration and understanding of mathematical concepts. Each resource provides opportunities for active engagement, allowing learners to investigate relationships, analyze patterns, and develop conceptual knowledge.<\/p>\n\n\n\n<div class=\"wp-block-group alignwide has-green-background-color has-background\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"750\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/linear-motion-thumbnail.png?resize=750%2C750&#038;ssl=1\" alt=\"\" class=\"wp-image-1158\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Problem Solving: When and Where Do They Meet? \u2013 Interactive Car Motion Exploration<\/strong><\/p>\n\n\n\n<p>An interactive simulation illustrating two cars traveling at different speeds. The resource includes visualizations of their motion and corresponding distance-time graphs to investigate when and where the cars will meet.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/media-pengajaran\/problem-solving-system-of-linear-equations\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"750\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/rolling-circle-thumbnail.png?resize=750%2C750&#038;ssl=1\" alt=\"\" class=\"wp-image-1160\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Between Diameter, Circumference, and Pi: An Interactive Exploration<\/strong><\/p>\n\n\n\n<p>A simulation that allows manipulation of circle diameters, measurement of circumferences, and recording of data in a table to explore the relationship between diameter, circumference, and Pi.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/media-pengajaran\/diameter-circumference-pi\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-green-background-color has-background\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"750\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/bottle-problem-thumbnail.png?resize=750%2C750&#038;ssl=1\" alt=\"\" class=\"wp-image-1179\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Graphs: What They\u2019re Made of and How They\u2019re Made<\/strong><\/p>\n\n\n\n<p>An interactive resource showing how graphs emerge from covarying quantities: the changing volume and height of water in a bottle.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/learning-resources\/graphs\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"750\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/projectile-motion-thumbnail.png?resize=750%2C750&#038;ssl=1\" alt=\"\" class=\"wp-image-1161\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Problem Solving: Hit the Target! \u2013 Interactive Projectile Motion Exploration<\/strong><\/p>\n\n\n\n<p>An interactive simulation for investigating projectile motion. Launch parameters and corresponding distance-time and height-time graphs are adjusted to achieve accurate targeting.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/media-pengajaran\/problem-solving-projectille-motion\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-green-background-color has-background\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"750\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/rectangular-prism-net-thumbnail.png?resize=750%2C750&#038;ssl=1\" alt=\"\" class=\"wp-image-1225\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Exploring the Nets of a Rectangular Prism<\/strong><\/p>\n\n\n\n<p>Explore how a rectangular prism&#8217;s net relates to its 3D shape. Adjust the length, width, and height, and see how the net and prism change together.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/learning-resources\/rectangular-prism-nets\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"750\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/cube-net-thumbnail.png?resize=750%2C750&#038;ssl=1\" alt=\"\" class=\"wp-image-1226\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Exploring the Nets of a Cube<\/strong><\/p>\n\n\n\n<p>Explore how a cube&#8217;s net relates to its 3D shape. Adjust the side length, and see how the net and cube change in tandem.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/learning-resources\/cube-nets\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-green-background-color has-background\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"750\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/unit-cirlce-thumbnail.png?resize=750%2C750&#038;ssl=1\" alt=\"\" class=\"wp-image-1162\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Graph of Sine Function: Interactive Unit Circle Exploration<\/strong><\/p>\n\n\n\n<p>Interactive unit circle simulation showing how the sine graph is formed, including point traces and covarying quantities.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/media-pengajaran\/sine-function-graph\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"750\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/linear-regression-thumbnail.png?resize=750%2C750&#038;ssl=1\" alt=\"\" class=\"wp-image-1163\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Problem Solving: Finding the Line of Best Fit \u2013 Interactive Scatter Plot Exploration<\/strong><\/p>\n\n\n\n<p>An interactive resource exploring the line of best fit using adjustable scatter plots, residual visualization, and model fit assessment.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/media-pengajaran\/problem-solving-line-of-best-fit\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-green-background-color has-background\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"600\" height=\"600\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/climate-change-thumbnail-01.png?resize=600%2C600&#038;ssl=1\" alt=\"\" class=\"wp-image-1441\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Climate Change in Motion: Maps, Stripes, and Graphs<\/strong><\/p>\n\n\n\n<p>Explore global temperature trends from 1880 to 2022 using interactive maps, warming stripes, and line charts, and discover patterns in climate change data.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/learning-resources\/climate-change-in-motion\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"750\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/open-box-problem-thumbnail.png?resize=750%2C750&#038;ssl=1\" alt=\"\" class=\"wp-image-1251\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Problem Solving: The Open Box Problem<\/strong><\/p>\n\n\n\n<p>An interactive learning resource that illustrates how cutting equal squares from a rectangular card and folding the sides creates an open box, with the relationship between cut size and volume shown dynamically through a box model and a graph.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/learning-resources\/problem-solving-open-box\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-style-default has-green-background-color has-background\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"750\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/definite-integral-thumbnail.png?resize=750%2C750&#038;ssl=1\" alt=\"\" class=\"wp-image-1275\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Problem Solving: Approximating Area Under a Curve<\/strong><\/p>\n\n\n\n<p>An interactive tool showing how increasing the number of rectangles beneath a curve leads to better approximations of the area, connecting to the concept of the definite integral.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/learning-resources\/problem-solving-area-under-curve\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"750\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/09\/k-means-clustering-thumbnail-01.png?resize=750%2C750&#038;ssl=1\" alt=\"\" class=\"wp-image-1497\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Reinventing <em>K<\/em>-Means Clustering: An Interactive First Step<\/strong><\/p>\n\n\n\n<p>Discover how <em>k<\/em>-means clustering, one of the most widely used machine learning algorithms, works from the ground up. This interactive tool lets you choose initial points, watch how clusters form, and see how centroids shift. A hands-on way to explore the basics of machine learning and data science as well as promote computational thinking.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/learning-resources\/reinventing-k-means-clustering\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-green-background-color has-background\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"600\" height=\"600\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/10\/discover-pca-thumbnail.png?resize=600%2C600&#038;ssl=1\" alt=\"\" class=\"wp-image-1565\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Discovering PCA: An Interactive Geometric Exploration<\/strong><\/p>\n\n\n\n<p>Explore PCA intuitively and geometrically in an interactive way. Drag lines, project data, and discover how principal components capture variation.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/learning-resources\/discover-pca\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-style-twentytwentyone-border\"><img loading=\"lazy\" width=\"750\" height=\"749\" src=\"https:\/\/i0.wp.com\/people.usd.ac.id\/~ydkristanto\/wp-content\/uploads\/2025\/10\/explore-pca-thumbnail-01.png?resize=750%2C749&#038;ssl=1\" alt=\"\" class=\"wp-image-1543\" data-recalc-dims=\"1\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<p><strong>Exploring Principal Component Analysis (PCA)<\/strong><\/p>\n\n\n\n<p>Discover how PCA transforms data, reduces dimensions, and highlights patterns through projections.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/learning-resources\/explore-pca\/\">Open<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>A curated collection of interactive mathematics learning resources including lessons, activities, and simulations.<\/p>\n","protected":false},"author":1,"featured_media":1385,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","spay_email":""},"jetpack_shortlink":"https:\/\/wp.me\/P93lma-io","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/pages\/1140"}],"collection":[{"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/comments?post=1140"}],"version-history":[{"count":13,"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/pages\/1140\/revisions"}],"predecessor-version":[{"id":1566,"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/pages\/1140\/revisions\/1566"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/media\/1385"}],"wp:attachment":[{"href":"https:\/\/people.usd.ac.id\/~ydkristanto\/index.php\/wp-json\/wp\/v2\/media?parent=1140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}