HSRW EOLab Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
======= Introduction of 'Snap!' =======
\\
======  What is Snap! ======
\\ \\
Q1: Why do we choose 'Snap!'? \\
A1: Snap is easy to learn and it shows the combination of the blocks which includes the programming syntax when we write programs. \\ \\
Q2: What's the connection between 'Snap!' and 'AI' ?\\
A2: The application of AI to develop programs that do human-like jobs and portray human skills is Machine Learning. 'Snap!' programming provides many possibilities to help us develop artificial intelligence(AI).\\ \\

Snap! is a programming language—a notation in which you can tell a computer what you want it to do. Unlike most programming languages, though, Snap! is a visual language; instead of writing a program using the keyboard, the Snap! programmer uses the same drag-and-drop interface familiar to computer users.
\\ \\

===== The interface of Snap! =====


| {{:ip:ws2021:lets_plaiy:student-documentation:interface.png?400|}} |
| // Fig.: // |

===== Five parts of interface : ===== 

==== 1.Stage ====

{{:ip:ws2021:lets_plaiy:student-documentation:图片1.png|}}
//The stage is on the top of right column// \\ \\

**What is the stage used for?**// // 
It copies the built components into the staging area.

==== 2.Sprite ====
{{:ip:ws2021:lets_plaiy:student-documentation:图片2.png|}}
//The Sprite Corral is at the bottom right of the Snap!// 
\\ \\
\\ \\
**What is Sprite corral used for?**\\ \\
It makes a sprite and opens the Paint Editor so that you can used to create a new sprite\\ \\

==== 3.Scripting Area ====
{{:ip:ws2021:lets_plaiy:student-documentation:图片3.png|}}
//The scripting area is the middle vertical region of the Snap!// \\
It contains scripts and also some controls for the appearance 
and behavior of a sprite. \\ \\

**What is Script used for?**\\ \\
Blocks will snap together when one block's indentation is near the tab of the one above it. You should see a white bar appear like the one in the image below, which just shows you where the block will go after you drop it. If you keep attaching blocks together in this way, you will create a script. 


==== 4.Function====
{{:ip:ws2021:lets_plaiy:student-documentation:图片4.png|}}\\ \\
//At the top of the palette area are the eight buttons that select which palette (which block category) is shown: Motion, Looks, Sound, Pen, Control, Sensing, Operators, and Variables (which also includes the List and Other blocks).// \\ \\
\\ \\
**What is Palette use for?**\\ \\
The Snaps Palette provides a handy floating palette that holds all the settings and tools related to snapping in a single viewport. 

==== 5.Tool Bar ====
{{:ip:ws2021:lets_plaiy:student-documentation:图片5.png|}}
\\ \\
//Tool Bar is on the top of the Snap!//
\\ \\

**What is the Tool Bar use for?**\\ \\
The Snaps toolbar provides access to the most common Snaps settings.




======What is an object?======
----

==== Object ====

Objects are key to understanding object-oriented technology. Look around right now and you'll find many examples of real-world objects: your dog, your desk, your television set, your bicycle.
\\ \\
Real-world objects share two characteristics: They all have state and behavior. Dogs have state (name, color, breed, hungry) and behavior (barking, fetching, wagging tail). Bicycles also have state (current gear, current pedal cadence, current speed) and behavior (changing gear, changing pedal cadence, applying brakes). Identifying the state and behavior for real-world objects is a great way to begin thinking in terms of object-oriented programming. \\ \\






==== Observing the real word ====

Take a minute right now to observe the real-world objects that are in your immediate area. For each object that you see, ask yourself two questions: \\ \\
  - "What possible states can this object be in?"
  - "What possible behavior can this object perform?"




//Make sure to write down your observations.// \\ \\



{{:ip:ws2021:lets_plaiy:student-documentation:observing.png?400|}}
\\ \\
As you do, you'll notice that real-world objects vary in complexity; your desktop lamp may have only two possible states (on and off) and two possible behaviors (turn on, turn off), but your desktop radio might have additional states (on, off, current volume, current station) and behavior (turn on, turn off, increase volume, decrease volume, seek, scan, and tune). You may also notice that some objects, in turn, will also contain other objects. These real-world observations all translate into the world of object-oriented programming.\\ \\


\\ \\
==== Consider a bicycle, for example: ====
\\ \\
{{:ip:ws2021:lets_plaiy:student-documentation:example.png?400|}}
\\ \\
By attributing state (current speed, current pedal cadence, and current gear) and providing methods for changing that state, the object remains in control of how the outside world is allowed to use it. For example, if the bicycle only has 6 gears, a method to change gears could reject any value that is less than 1 or greater than 6.\\ \\
\\ \\

====Object Detection====



{{:ip:ws2021:lets_plaiy:student-documentation:object.png?400|}}

Object detection refers to the capability of computer and software systems to locate objects in an image/scene and identify each object. Object detection has been widely used for face detection, vehicle detection, pedestrian counting, web images, security systems and driverless cars.\\ \\

====Now let's go to the Software objects====

Software objects are conceptually similar to real-world objects: they too consist of state and related behavior. An object stores its state in fields (variables in some programming languages) and exposes its behavior through methods (functions in some programming languages). Methods operate on an object's internal state and serve as the primary mechanism for object-to-object communication. Hiding internal state and requiring all interaction to be performed through an object's methods is known as data encapsulation — a fundamental principle of object-oriented programming.\\ \\




====== Let's do that in Snap！======
-----

====let's go the Snaps!====
Here is the reference link about creating a bike in Snap!

{{:ip:ws2021:lets_plaiy:student-documentation:snap:微信图片_20220210141620.png?400|}}

https://snap.berkeley.edu/snap/snap.html#present:Username=067773s&ProjectName=yeet&editMode&noRun

This code has six parts two wheels, two pedals, the road, and the clouds.
They run together to create the illusion of a bicycle in motion.
// //
\\ \\
\\ \\
====Example : Combination of Hat blocks and Command blocks to draw a circle.====
{{:ip:ws2021:lets_plaiy:student-documentation:图片6.png?250|}}\\ \\
{{:ip:ws2021:lets_plaiy:student-documentation:图片7.png?250|}}\\ \\





====or using Sprite directly to draw an object====
{{:ip:ws2021:lets_plaiy:student-documentation:图片8.png?250|}}\\ \\
{{:ip:ws2021:lets_plaiy:student-documentation:图片9.png?250|}}\\ \\
{{:ip:ws2021:lets_plaiy:student-documentation:图片10.png?250|}}\\ \\

====== Now! Do it by yourself! =====
-----

//Task1://
Creating your own object and moving it in horizontal direction by using Command blocks. \\ \\
//Task2://
Moving your object in random position.\\ \\
//Task3://
Drawing a star and let’s keep it saying ‘hello!’ and rotating every 0.1 second.\\ \\

\\ \\

{{ :ip:ws2021:lets_plaiy:student-documentation:snap_basics.zip |}} \\ \\
{{ :ip:ws2021:lets_plaiy:student-documentation:snap:snap_task_solution.zip |}}