{"id":796,"date":"2025-07-28T21:46:25","date_gmt":"2025-07-28T21:46:25","guid":{"rendered":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/chapter\/digital-media-experiences-are-shaped-by-the-tools-we-use\/"},"modified":"2025-07-28T21:46:25","modified_gmt":"2025-07-28T21:46:25","slug":"digital-media-experiences-are-shaped-by-the-tools-we-use","status":"publish","type":"chapter","link":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/chapter\/digital-media-experiences-are-shaped-by-the-tools-we-use\/","title":{"raw":"Digital Media Experiences are Shaped by the Tools We Use","rendered":"Digital Media Experiences are Shaped by the Tools We Use"},"content":{"raw":"\nWe begin with a white background. In the center, we see a circle with a turquoise-blue fill; a white cartoon robot with black pixelated eyes peaks out from the right side of the circle.\n\nThe background remains white as we see the title \u201cDigital Literacy 101\u201d written in a grey, sans-serif font, followed by the image of the cartoon robot in a circle, and a catchy, upbeat tune plays in the background. Subtitles below read, \u201cDigital Media Experiences are Shaped by the Tools We Use\u201d.\n\nThen, the background changes to a solid teal color; we see two computer monitors side-by-side, in front of the monitor stands an animated, brown-skinned woman with a yellow bow tie, wearing a green blazer and virtual reality goggles; she holds a video game controller in her hands. The computer screens behind her display infographics. Next, we are shown additional computer monitors and devices, each displaying different webpages.\n\nAfter that, we see a monitor displaying three pink monsters with different facial expressions. Next, we see a man with virtual reality goggles, sitting on an arm chair and playing a video game, followed by an image of a man working on a laptop, and a bodybuilder looking at his phone.\n\nThen, a tan background as a cartoon man with dark skin and a beard peeps out from behind a white board. The scene transitions to two people holding a tablet and a ladder beside them; they work on a website layout design.\n\nThe background transitions to a purple hue, where we see a cartoon woman working at her computer; she then turns into a flow chart, demonstrating how web designers and creators spend time making digital media experiences.\n\nThe background changes to a periwinkle blue color, and we are shown font types and color swatches, followed by a snapshot of a web browser page in hues of red, black, and grey. We return to the flow chart of the cartoon woman, and after that, we see a collage of a bald man holding a cellphone and a woman smiling.\n\nThen, we see a mobile phone displaying a Facebook app page; the woman\u2019s image appears again, this time, blowing a bubble gum bubble. Next, we see the man holding a cellphone again and pressing the \u201cthumbs up\u201d button. The woman smiles as a collection of heart and thumbs-up images float around her.\n\nThe background is now teal; we see cartoon people taking selfies, followed by a woman happily working at her laptop, and a man walking and checking his cellphone; finally, we see a fishing hook baited with the thumbs-up symbol catching the cellphone user.\n\nA stack of books is displayed as the scene shifts again, and the same robot that we saw at the beginning of the video points with a stick; written on the screen is \u201cBe aware and be smart, Digital media smart\u201d.\n\nWe see the \u201cDigital Literacy 101\u201d logo again. Then, the robot reappears on a teal background saying, \u201cThink of a favorite website or app: What is it about the design that makes you come back to it?\u201d. Finally, we are shown the \u201cDigital Literacy 101\u201d and \u201cMedia Smarts\u201d logos.\n","rendered":"<p>We begin with a white background. In the center, we see a circle with a turquoise-blue fill; a white cartoon robot with black pixelated eyes peaks out from the right side of the circle.<\/p>\n<p>The background remains white as we see the title \u201cDigital Literacy 101\u201d written in a grey, sans-serif font, followed by the image of the cartoon robot in a circle, and a catchy, upbeat tune plays in the background. Subtitles below read, \u201cDigital Media Experiences are Shaped by the Tools We Use\u201d.<\/p>\n<p>Then, the background changes to a solid teal color; we see two computer monitors side-by-side, in front of the monitor stands an animated, brown-skinned woman with a yellow bow tie, wearing a green blazer and virtual reality goggles; she holds a video game controller in her hands. The computer screens behind her display infographics. Next, we are shown additional computer monitors and devices, each displaying different webpages.<\/p>\n<p>After that, we see a monitor displaying three pink monsters with different facial expressions. Next, we see a man with virtual reality goggles, sitting on an arm chair and playing a video game, followed by an image of a man working on a laptop, and a bodybuilder looking at his phone.<\/p>\n<p>Then, a tan background as a cartoon man with dark skin and a beard peeps out from behind a white board. The scene transitions to two people holding a tablet and a ladder beside them; they work on a website layout design.<\/p>\n<p>The background transitions to a purple hue, where we see a cartoon woman working at her computer; she then turns into a flow chart, demonstrating how web designers and creators spend time making digital media experiences.<\/p>\n<p>The background changes to a periwinkle blue color, and we are shown font types and color swatches, followed by a snapshot of a web browser page in hues of red, black, and grey. We return to the flow chart of the cartoon woman, and after that, we see a collage of a bald man holding a cellphone and a woman smiling.<\/p>\n<p>Then, we see a mobile phone displaying a Facebook app page; the woman\u2019s image appears again, this time, blowing a bubble gum bubble. Next, we see the man holding a cellphone again and pressing the \u201cthumbs up\u201d button. The woman smiles as a collection of heart and thumbs-up images float around her.<\/p>\n<p>The background is now teal; we see cartoon people taking selfies, followed by a woman happily working at her laptop, and a man walking and checking his cellphone; finally, we see a fishing hook baited with the thumbs-up symbol catching the cellphone user.<\/p>\n<p>A stack of books is displayed as the scene shifts again, and the same robot that we saw at the beginning of the video points with a stick; written on the screen is \u201cBe aware and be smart, Digital media smart\u201d.<\/p>\n<p>We see the \u201cDigital Literacy 101\u201d logo again. Then, the robot reappears on a teal background saying, \u201cThink of a favorite website or app: What is it about the design that makes you come back to it?\u201d. Finally, we are shown the \u201cDigital Literacy 101\u201d and \u201cMedia Smarts\u201d logos.<\/p>\n","protected":false},"author":2,"menu_order":16,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-796","chapter","type-chapter","status-publish","hentry"],"part":780,"_links":{"self":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/wp-json\/pressbooks\/v2\/chapters\/796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":0,"href":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/wp-json\/pressbooks\/v2\/chapters\/796\/revisions"}],"part":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/wp-json\/pressbooks\/v2\/parts\/780"}],"metadata":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/wp-json\/pressbooks\/v2\/chapters\/796\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/wp-json\/wp\/v2\/media?parent=796"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/wp-json\/pressbooks\/v2\/chapter-type?post=796"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/wp-json\/wp\/v2\/contributor?post=796"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/navigating-teacher\/wp-json\/wp\/v2\/license?post=796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}