Comp Sci Unit 1

setProperty ( )

setProperty ( )

A function used to change properties of elements in your app.

OnEvent ( )

A function that listens for user interactions (like clicks) on elements and delivers a response. it is telling the program what code to execute when a given event occurs.

list different types of properties you can change on an app

• backgroundColor: The background color of elements like buttons, labels, or screens.

• textColor: The color of the text on buttons, labels, etc

• text: The text displayed on a label, button, or text input.

• fontSize: The size of the text.

List tools found in the design toolbox

• Screen: Adds a new screen to the app for organizing different pages.

• Button: A clickable button to trigger events.

• Text Input: A field where users can enter text.

• Dropdown: A list of options for the user to choose from.

• Checkbox: A box that users can check or uncheck.

• Radio Button: A set of buttons where only one can be selected at a time.

• Slider: A bar that users can slide to select a value.

• Text Area: A larger field for multi-line text input.

difference between input and output

Input: Input refers to the data or signals that a user or an external system provides to an app or a program. It’s what the program receives to process.

• Example:

  • Clicking a button or selecting an option from a dropdown.

Output: Output is the data or results that the app or program provides back to the user or another system after processing the input. It’s what the program generates and displays.

• Examples:

  • Playing a sound or displaying an image.

know the difference between code view vs. design view

• Design View: This view is primarily focused on the visual aspects of your app. It allows you to design the user interface (UI) without writing code.

• Features:

  • Drag-and-Drop Interface: You can easily add, move, and resize UI elements like buttons, labels, images, and input fields by dragging and dropping them onto the screen.

  • Property Editor: You can modify properties of the selected UI elements (like text, color, size, and visibility) using a properties panel.

  • Real-Time Preview: You can see how the app will look as you design it, allowing for immediate feedback on layout changes.

2. Code View

• Purpose: This view is where you write the code that controls the behavior and functionality of your app. It focuses on the logic behind the app, rather than its appearance.

• Features:

  • Text-Based Coding: You write JavaScript-like code to define how the app responds to user interactions, processes input, and generates output.

  • Event Handling: You can specify what happens when certain events occur, such as button clicks or text input changes.

  • Access to Variables and Functions: You can create and manipulate variables, define functions, and manage app logic.

User Interface

refers to the point of interaction between the user and a computer program, website, or app.

List the ways you can upload a picture or image on an app

• My Files

• Link to Image

• Icons

explain why it’s important for have meaningful element id’s

Meaningful IDs make your code easier to read and understand. They help you quickly know what each element does, making it easier to debug and maintain your app.

console.log ( )

A function used to print messages or variables to the console, which helps with debugging.

Sequential Programs & Event Driven Programs Similarities:

Both still run one program statement or command at a time 

Sequential vs. Event Driven Programs

• Sequential programs run line by line 

• Event-driven programs run code when they are triggered by events

• Sequential programs run the same way each time 

• Event-driven programs will run differently based on user interactions

What is the purpose of a design specification?

• Provides a clear plan for developers and designers

• Helps ensure everyone understands the goals and functions of the project

• Acts as a reference throughout the development process to keep the project on track

Lossy Compression

• Reduces file size by removing unimportant data

• Results in a loss of quality (e.g., JPEG images, MP3 audio)

• Useful for media where a slight decrease in quality is acceptable for smaller file sizes

• Compresses more data than Lossless

Lossless Compression

• Reduces file size without losing any data or quality

• Original data can be perfectly reconstructed (e.g. PNG images, text)

• Essential for situations where preserving quality is crucial

• (loss of words or number would change info)

Data Compression

process of reducing the data size to save storage space or transmission time. Purpose: improve storage efficiency, speed up data transmission, enhance performance, and lower costs, while allowing for easier management of large amounts of data.

Data values (any number values)

can be stored in variables (containers) lists of items, or  standalone constants and can be passed as input to (or output from) procedures.

Bit

shorthand for binary digit and is either 0 or 1. 

Abstraction

process of reducing hard code and making it into simple code

Analog Data

Values change smoothly over time (e.g., music pitch, colors, runner's position)

Number Base

 including binary and decimal, are used to represent data.

Information(Data)

• collection of facts and patterns extracted from data.

• Data provide opportunities for identifying trends, making connections, and addressing  problems 

High-Level Programming

Abstracts from hardware; runs on multiple computer types

Low-Level Programming

Closely corresponds to processor circuitry; interpreted quickly but less human-friendly

High-Level vs Low-Level Programming

Similarities:

- Both are types of programming languages used to write software.

- Both can ultimately control hardware and perform tasks.

Differences:

- High-Level: Easier to read and write; abstracts hardware details; examples include Python and Java.

- Low-Level: More control over hardware; harder to read; examples include Assembly and C.

Biometrics

Recognizes individuals by physical traits (e.g., fingerprints, face)

Digital Divide

Gap in technology access between rich and poor, young and old, etc.

Copyright

Exclusive right granted by government to reproduce/sell a creative work

Packets

Small chunks of information that are portions of a larger, complete set. 

IP Address

A number assigned to any item that is connected to the Internet

Router

receives messages travelling across a network and redirects them  towards their intended destinations based on the addressing information included with the message.

Visual tools (tables, diagrams) are used to

Communicate insights &  knowledge gained from data. 

Programs process data to

gain information

Intellectual Property

Intangible creations (ideas, music, art) as result of creativity and intellectual effort

Target Advertising

Companies target specific demographic groups

Metadata

• Data about data (e.g., image file size, creation date)

• Used for organizing and managing information

Bias in Data

Problems of bias are often created by the type or source of data being collected.
Bias is not eliminated by simply collecting more data.

Protocol

Rules for data exchange between devices.

Latency

Time taken for a signal to arrive

Bandwidth

Data transmission capacity, measured by bit rate

Boolean

A question with only two possible answers

Transmission Methods

• Fiber Optics: Uses light to transmit data

• Copper Wire: Uses electrical current

• WiFi: Wireless technology using radio waves

Prototype

An initial sketch or model of a new idea

Data does what?

provides opportunities for identifying trends, making connections, and addressing  problems