Lucas Kent e39465ad2f Changes to be committed:
new file:   Files/flashplayer_32_sa.exe
	new file:   favicon.ico
	new file:   globe.gif
	new file:   imgs/download.png
	new file:   imgs/zuck.jpg
	new file:   index.html
	new file:   other.ico
	new file:   script.js
	new file:   site.webmanifest
	new file:   sitemap.html
	new file:   styles/backround.css
	new file:   styles/border.css
	new file:   styles/fonts/Titillium_Web/OFL.txt
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
	new file:   styles/fonts/webfontkit-20221027-163353/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
	new file:   styles/fonts/webfontkit-20221027-165950/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
	new file:   styles/style.css
	new file:   tools/2048/.gitignore
	new file:   tools/2048/.jshintrc
	new file:   tools/2048/CONTRIBUTING.md
	new file:   tools/2048/LICENSE.txt
	new file:   tools/2048/README.md
	new file:   tools/2048/Rakefile
	new file:   tools/2048/favicon.ico
	new file:   tools/2048/index.html
	new file:   tools/2048/js/animframe_polyfill.js
	new file:   tools/2048/js/application.js
	new file:   tools/2048/js/bind_polyfill.js
	new file:   tools/2048/js/classlist_polyfill.js
	new file:   tools/2048/js/game_manager.js
	new file:   tools/2048/js/grid.js
	new file:   tools/2048/js/html_actuator.js
	new file:   tools/2048/js/keyboard_input_manager.js
	new file:   tools/2048/js/local_storage_manager.js
	new file:   tools/2048/js/tile.js
    new file:   tools/2048/meta/apple-touch-icon.png
	new file:   tools/webretro/cores/neocd_libretro.js
	new file:   tools/webretro/cores/neocd_libretro.wasm
	new file:   tools/webretro/cores/nestopia_libretro.js
	new file:   tools/webretro/cores/nestopia_libretro.wasm
	new file:   tools/webretro/cores/o2em_libretro.js
	new file:   tools/webretro/cores/o2em_libretro.wasm
	new file:   tools/webretro/cores/opera_libretro.js
	new file:   tools/webretro/cores/opera_libretro.wasm
2022-11-02 08:40:01 -04:00

141 lines
6.4 KiB
HTML

<!doctype html>
<html lang="en">
<!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/data/analog-digital.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:41:34 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- #BeginEditable "doctitle" -->
<title>Analog and Digital</title>
<script>reSpell=[["color","colour"]];</script>
<meta name="description" content="Learn about Analog and Digital and their differences.">
<!-- #EndEditable -->
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="HandheldFriendly" content="true">
<meta name="referrer" content="always">
<link rel="stylesheet" type="text/css" href="../style3.css">
<script src="../main3.js"></script>
</head>
<body id="bodybg">
<div class="bg">
<div id="stt"></div>
<header>
<div id="hdr"></div>
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun"></a></div>
<div id="gtran">
<script>document.write(getTrans());</script>
</div>
<div id="adTopOuter" class="centerfull noprint">
<div id="adTop">
<script>document.write(getAdTop());</script>
</div>
</div>
<div id="adHide">
<div id="showAds1"><a href="javascript:showAds()">Show Ads</a></div>
<div id="hideAds1"><a href="javascript:hideAds()">Hide Ads</a><br>
<a href="../about-ads.html">About Ads</a></div>
</div>
</header>
<nav>
<div id="menuWide" class="menu">
<script>document.write(getMenu(0));</script>
</div>
<div id="linkto">
<div id="linktort">
<script>document.write(getLinks());</script>
</div>
</div>
<div id="search" role="search">
<script>document.write(getSearch());</script>
</div>
<div id="menuSlim" class="menu">
<script>document.write(getMenu(1));</script>
</div>
<div id="menuTiny" class="menu">
<script>document.write(getMenu(2));</script>
</div>
</nav>
<div id="extra"></div>
</div>
<article id="content" role="main">
<!-- #BeginEditable "Body" -->
<h1 class="center">Analog and Digital</h1>
<p class="center"><img src="images/analog-digital.svg" alt="analog vs digital"></p>
<p class="center"><b>Analog:</b> something physical with continuous change.</p>
<p class="center"><b>Digital:</b> made of numbers. </p>
<h2>Arrow Barks!</h2>
<p>Let's record him barking:</p>
<p class="center"><img src="images/arrow-barks.jpg" alt="dog barks into microphone" height="155" width="349"></p>
<p>Arrow's bark is <b>analog</b>. It is actual pressure waves in the air, so it is physical with continuous change.</p>
<p class="words"><b>Continuous change</b>: changes smoothly ... no sudden breaks.</p>
<p>And the microphone converts that pressure into an electrical signal. It is still <b>analog</b> (the electricity is physical, and has continuous change).</p>
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/analog-digital-device.jpg" alt="microphone goes to digital device" height="87" width="256"></p>
<p><br></p>
<p>But when it gets to your computer or phone it gets converted to digits!</p>
<div style="clear:both">
</div>
<p style="float:right; margin: 0 5px 5px 10px;"><img src="images/analog-digital-graph.gif" alt="analog vs digital graph" height="149" width="335"></p>
<p>The analog signal is measured thousands of times a second by special electronics ... and is then saved as <b>numbers</b>.</p>
<p>
</p><div style="clear:both">
</div>
<p>So the "sound" is now "12, 25, 39, 52, 68, 71, 78, 82, 82, 79, 70, 59, ..." <i>(in fact it would be in <a href="../binary-number-system.html">binary</a>, so would be something like "000011000001100100100111...")</i></p>
<p class="large center">It is now digital!</p>
<p>Notice the digital data has <b>sudden jumps up and down</b> ... it does <b>not</b> change continuously.</p>
<p class="center">It is <a href="data-discrete-continuous.html">Discrete Data</a>: that means it can only be certain values (such as 1, 2, 3, etc). </p>
<p class="center">&nbsp;</p>
<p>Digital data is very easy for computers and phones to use. It can be saved, shared electronically, sent all over the world quickly and more.</p>
<h2>How can we hear Digits?</h2>
<p>Easy! The numbers are used to control the size of an electrical signal, which is <b>analog</b>. </p>
<h3><b>Digital</b> becomes <b>Analog</b></h3>
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/digital-analog-speaker.jpg" alt="digital to analog speaker" height="141" width="405"></p>
<p>The electricity can be sent to a speaker ...
... to make sound waves again!</p>
<p>It should sound very much like the original bark (but not perfectly so!)</p>
<h2>Digital Pictures</h2>
<p>A similar thing happens when you take a picture.</p>
<p>Light (which is analog) gets projected onto a grid of millions of little sensors inside the camera: </p>
<p class="center"><img src="images/arrow-photo-digital.svg" alt="dog photo digital"><br>
The camera measures the light at each point and produces numbers.</p>
<p class="center large">The picture is now digital!</p>
<p>So the "picture" is now "A1DDF9, ADE3FF, B5E7FE, AFE4F8, ...", which are <a href="../hexadecimal-decimal-colors.html">hexadecimal color numbers</a>,
(that are used internally in <a href="../binary-number-system.html">binary</a>, so would be something like "101000011101110111111001...")</p>
<p>Look really closely at a digital picture ... it is made up of millions of little squares called "pixels": </p>
<p class="center"><img src="images/arrow-photo-pixels.svg" alt="dog photo pixels"><br>
Each "pixel" is made using a <a href="../hexadecimal-decimal-colors.html">hexadecimal color number</a>.</p>
<h2>Digital IS Numbers</h2>
<p>So digital pictures, music, videos etc are actually stored on your device as <b>numbers</b>.</p>
<p><b>Numbers rule!</b></p>
<p>&nbsp;</p>
<div class="related"> <a href="index.html">Data Index</a> </div>
<!-- #EndEditable -->
</article>
<div id="adend" class="centerfull noprint">
<script>document.write(getAdEnd());</script>
</div>
<footer id="footer" class="centerfull noprint">
<script>document.write(getFooter());</script>
</footer>
<div id="copyrt">
Copyright &copy; 2020 MathsIsFun.com
</div>
<script>document.write(getBodyEnd());</script>
</body>
<!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/data/analog-digital.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:41:36 GMT -->
</html>