Skip to content

Commit e27f058

Browse files
glowingjellyfishstudioglowingjellyfishstudio
authored
Update How-Do-We-Interact-With-Computers.html
Signed-off-by: Glowing Jellyfish Studio <[email protected]>
1 parent 5488d11 commit e27f058

File tree

1 file changed

+124
-3
lines changed

1 file changed

+124
-3
lines changed

‎How-Do-We-Interact-With-Computers.html‎

Lines changed: 124 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
13
<head>
2-
<script
4+
<script
35
type="text/javascript"
46
src="https://app.termly.io/resource-blocker/9168f4b7-e2dd-454c-815f-7495324c3050?autoBlock=on">
57
</script>
6-
<!-- Google tag (gtag.js) -->
8+
<!-- Google tag (gtag.js) -->
79
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y0C7CHSP0Z"></script>
810
<script>
911
window.dataLayer = window.dataLayer || [];
@@ -12,9 +14,127 @@
1214

1315
gtag('config', 'G-Y0C7CHSP0Z');
1416
</script>
17+
<meta charset="UTF-8">
18+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
19+
<title>How do we interact with Computers?</title>
20+
<link rel="stylesheet" href="styles.css">
21+
<link rel="stylesheet" href="learn.css">
1522
</head>
1623
<body>
17-
<script type="module">
24+
<div class="container what-is-cs">
25+
<h1>How Do We Interact With Computers?</h1>
26+
<p>A <mark>computer</mark> stores, shares and analyzes huge amounts of data. It can also perform complex math cacluations.</p>
27+
<br>
28+
<p>Although a CD (compact disk) can store information like music, it's not concidered a computer because the CD itself can't change information</p>
29+
<br>
30+
<h1>Computers Through Time</h1>
31+
<p>Thousands of years ago, people made devices like the <mark>abacus</mark> to help them cacluate complex math.</p>
32+
<br>
33+
<p>In the 1600s, computing became a profession and the word "computer" meant "a person who makes cacluations." Computers (the people) used a tool called the <mark>slide rule</mark> to help them cacluate.</p>
34+
<br>
35+
<p>In 1944, during the World War II, the first electronic computer was made. It was first called [COLOSSUS MARK 1] and was uded by the British goverment to crack secret German codes.</p>
36+
<br>
37+
<p>In 1945, Americans created a faster computer called [ENIAC].</p>
38+
<br>
39+
<h3>ENIAC</h3>
40+
<p>Stands for"<u>E</u>lectronic <u>N</u>umerical <u>I</u>ntegrator <u>a</u>nd <u>C</u>omputer," which was the first programmable, general-purpose computer.</p>
41+
<br>
42+
<p>Early computers were massive-they took up entire rooms! These computers were used by large buisnesses, goverments, or researchers./p>
43+
<br>
44+
<p>The first mass-produced personal computer, the [APPLE II], was introuced in 1977. Owners could use the computer to run simple programs or play games.</p>
45+
<br>
46+
<ul>
47+
<li>They run programs (like messaging, photo editing, and maps).</li>
48+
<li>They store information (like photos, contact information and documents).</li>
49+
<li>They perform cacluations (with a cacluator, with the clock/stopwatch, with maps).</li>
50+
</ul>
51+
<p>Smartphones are more powerful computers than the computer used on the rocket that took the astronauts to the moon in 1969.</p>
52+
<br>
53+
<h1>Part Of A whole</h1>
54+
<p>Computers are made up of two parts: <mark>hardware</mark> and <mark>software</mark>.</p>
55+
<br>
56+
<h2>Hardware</h2>
57+
<p>Hardware is the physical parts of a computer, like the keyboard, mouse, and screen. An easy way to determine whether part of a computer system is hardare is to look: If you can see it with your eyes, it's hardware.</p>
58+
<br>
59+
<h2>Software</h2>
60+
<p>Software is the set of programs (instructions) that tell a computer what to do, like phone applications, editing programs, and entertainmenr services. There aew all kinds of software: from games for a gaming system, to the program that runs on your microwave, to the web browser on your phone. Software is stored on storage devices (hardware) like hard drives, flash drives, and CDs.</p>
61+
<br>
62+
<p>An <b>application</b> (app) is a program designed for the user to perform a task-like a photo.</p>
63+
<br>
64+
<p>All applicaions are programs, but not all programs are applications. Some programs are for computer's use only-not the person using the computer.</p>
65+
<br>
66+
<h1>Take A Closer Look At Hardware</h1>
67+
<p>Hardware can be seperated into different categories.</p>
68+
<br>
69+
<h2>Input</h2>
70+
<p>Input refers to the parts used to send information to a computer, including a keyboard, mouse, game controller, and webcam.</p>
71+
<br>
72+
<h2>Storage</h2>
73+
Storage refers to the parts that the computer uses to store information, including hard drives, <mark>USB flash drives</mark>, CDs, and <mark>RAM</mark>.
74+
<br>
75+
<h3>USB (universal serial bus) Flash Drive</h3>
76+
<p>Also known as a thumb drive or a USB stick; a portable plug-in device used to store information.</p>
77+
<br>
78+
<h3>RAM (random access memory)</h3>
79+
<p>A type of computer memory where information can be stored.</p>
80+
<br>
81+
<h2>Processing</h2>
82+
<p>The processing parts of the computer run programs, interpret input, and supply output, icluding the central processing unit (CPU) and the graphics processing unit (GPU).</p>
83+
<br>
84+
<h3>Central Processing Unit (CPU)</h3>
85+
<p>This is the brain of a computer. <u>It recives input information and executes commands from other hardware and software.</u> It is made up of the main memory, the control unit, and the arithmetic logic unit.</p>
86+
<br>
87+
<h3>Graphics Processing Unit (GPU)</h3>
88+
<p>This part of a computer focuses on graphics. Graphics are images of all kinds (pictures, animations, videos). <u>The GPU delivers images, animations, and videos that can be viewed on the computers screen.</u> If you want to use the best picture quality for your favourite computer game, you'll need a high-end GPU to make the graphics look good.</p>
89+
<br>
90+
<p>Think of the CPU as a jack-of-all-trades (like a handyman) and the GPU as the master of a trade (like a plumber). The CPU is great for completing a variety of everyday tasks well; the GPU specializes in processing display information quickly. You wouldn't want a handyman to replace all the pipes in your home. Instead, you'd want your plumber to use his or her special skills to perform that task.</p>
91+
<br>
92+
<h2>Output</h2>
93+
<p>Putput refers to the parts that the computer uses to send information to you. This includes the projector, the monitor, the printer, speakers, and headphones.</p>
94+
<br>
95+
<p>The parts of hardware all work together. Data (information) comes from the user (who may be the person or a computer) and goes through the imput device into processing. Data can then be placed in storage (saved) or taken out of storage and then sent to the user.</p>
96+
<br>
97+
<p>Is a touch screen an imput or output part? It's both.</p>
98+
<br>
99+
<p>The process is like digestion: We take in food, process it and store it, and then pass it out.</p>
100+
<br>
101+
<h1>A Closer Look At Software</h1>
102+
<br>
103+
<h2>Application Software (Apps)</h2>
104+
<p>Application software (apps) are programs that allow the user to complete tasks.</p>
105+
<br>
106+
<p>"App" is short for "application."</p>
107+
<br>
108+
<p>Word processors, internet broswers, and games are all examples of application software. Every app in a phone's app store is also application software. There's a wide variety of application software, and programmers can specialize in one of the subcategories.</p>
109+
<br>
110+
<h3>For example:</h3>
111+
<ul>
112+
<li>A <b>Web Developer</b> is a programmer who makes application software that runs on websites.</li>
113+
<li>A <b>Mobile Developer</b> is a programmer who writes application software for mobile devices like phones and tablets.</li>
114+
<li>A <b>Game Developer</b> is a programmer who developes application software video games.</li>
115+
</ul>
116+
<br>
117+
<h2>System Software</h2>
118+
<p>System software are the programs that make sure the individual hardware devices work together and properly with other programs. <mark>Operating Systems</mark> like Windows on a laptop or iSO (the mobile operating system) on an iPhone are examples of system software (and also Android). Operating systems run in the background; you cannot see what they're doing on-screen. <u>The operating system makes it possible to install games, social media, and other apps on the phone.</u></p>
119+
<br>
120+
<p>Applications cannot work without the system software.</p>
121+
<br>
122+
<h3>Operating Systems</h3>
123+
<p>Programs that communicate with hardware, allowing other programs to run in the background</p>
124+
<br>
125+
<p>Hardware and software are pretty much useless on their own. Only when they are put together in a complete system do they become tools.</p>
126+
<br>
127+
<p>For example:</p>
128+
<br>
129+
<p>Hardware + Software = Final Result</p>
130+
<ul>
131+
<li>Cameara + Photo App = Phone To Take Selfies</li>
132+
<li>Keyboard And Printer + Word Processing Program = Printed Party Invitation</li>
133+
<li>Car And Sensors And Camearas + Street Navigation Program = Self-Driving Car</li>
134+
</ul>
135+
<button class="right-button" onclick="window.location.href='https://glowingjellyfishstudio.github.io/Computing-Systems/What-Is-A-Computer-Quiz'">Continue</button>
136+
</div>
137+
<script type="module">
18138
// Import the functions you need from the SDKs you need
19139
import { initializeApp } from "https://www.gstatic.com/firebasejs/11.1.0/firebase-app.js";
20140
import { getAnalytics } from "https://www.gstatic.com/firebasejs/11.1.0/firebase-analytics.js";
@@ -38,3 +158,4 @@
38158
const analytics = getAnalytics(app);
39159
</script>
40160
</body>
161+
</html>

0 commit comments

Comments
 (0)