a new beginning
8
.gitignore
vendored
@ -5,3 +5,11 @@ resources
|
|||||||
content/.obsidian
|
content/.obsidian
|
||||||
data/linkIndex.yaml
|
data/linkIndex.yaml
|
||||||
data/contentIndex.yaml
|
data/contentIndex.yaml
|
||||||
|
"content/notes/000 This Semester/001 Lecture Video"
|
||||||
|
"content/notes/000 This Semester/002 Daily Notes"
|
||||||
|
*.obsidian
|
||||||
|
**/Resources
|
||||||
|
**/Resource
|
||||||
|
*.pdf
|
||||||
|
*.mp4
|
||||||
|
*.webm
|
||||||
@ -1,26 +1,17 @@
|
|||||||
---
|
---
|
||||||
title: 🪴 Quartz 3
|
title: "🌳 Welcome to my garden 💖"
|
||||||
---
|
---
|
||||||
Host your second brain and [digital garden](https://jzhao.xyz/posts/digital-gardening) for free. Quartz features
|
# Hola Amigos 🤠
|
||||||
1. Extremely fast full-text search by pressing `/`
|
|
||||||
2. Display for backlinks of each note
|
|
||||||
3. Fully customizable local graph view
|
|
||||||
4. Endlessly powerful page and theme customization using CSS
|
|
||||||
5. Automatically generated tag and section lists of content
|
|
||||||
6. Beautiful link previews
|
|
||||||
|
|
||||||
## Get Started
|
👋 Hello there, welcome to my garden. You can access to my class notes in [📁 000 My Knowledge](content/notes/000%20My%20Knowledge/000%20Semester%20Notes.md) Collaborate with me if you are interested to contribute in my knowledge garden.
|
||||||
> 📚 [Setup your own digital garden using Quartz](notes/setup.md)
|
|
||||||
|
|
||||||
Not convinced yet? Look at some [community digital gardens](notes/showcase.md) built with Quartz, or read about [why I made Quartz](notes/philosophy.md) to begin with!
|
If you have any feedback please open an issue in [glitchlover/quartz: 🌱 My Semester Knowledge Garden 🎋 (github.com)](https://github.com/glitchlover/quartz)
|
||||||
|
|
||||||
## Content Lists
|
|
||||||
If you prefer browsing the contents of this site through a list instead of a graph, you can find content lists here too:
|
|
||||||
|
|
||||||
- [All Notes](/notes)
|
# About this note📝
|
||||||
- [Setup-related Notes](/tags/setup)
|
This note is a review of what I have learned as a student of computer science. Here I write down my thought which I have processed from the original note to fulfill my understanding.
|
||||||
|
|
||||||
## Troubleshooting
|
You will get update every Friday!
|
||||||
- 🚧 [Troubleshooting and FAQ](notes/troubleshooting.md)
|
|
||||||
- 🐛 [Submit an Issue](https://github.com/jackyzha0/quartz/issues)
|
## About me 🙂
|
||||||
- 👀 [Discord Community](https://discord.gg/cRFFHYye7t)
|
I am a code and productive nerd.
|
||||||
4
content/notes/000 Daily Notes/Friday, 11th Feb, 2022.md
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
# Notes
|
||||||
|
|
||||||
|
|
||||||
|
- 12:03 [ ] finish all lecture and practice [[000 This Semester/Computer Graphics/Chapter 2 - Image Representation/000]]
|
||||||
6
content/notes/000 Daily Notes/Tuesday, 8th Feb, 2022.md
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
# Notes
|
||||||
|
-~~17:35 Doing coding for obsidian pdf<br>#journal~~
|
||||||
|
|
||||||
|
- [x] 20:23 open pdf
|
||||||
|
- [x] 20:23 read
|
||||||
|
- [x] 20:23 Read graphical Interface for 20 min
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
# Notes
|
||||||
|
|
||||||
|
|
||||||
2
content/notes/000 Daily Notes/_Template.md
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
# Inbox #📬
|
||||||
|
|
||||||
2
content/notes/000 Daily Notes/delete.md
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
- 202202081737002 hello deletedAt: 202202081738301
|
||||||
|
- 202202090826003 Read Graphical Interface for 20 Min deletedAt: 202202092033422
|
||||||
7
content/notes/000 My Knowledge/000 My Knowledge.md
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
---
|
||||||
|
title: 000 My Knowledge
|
||||||
|
---
|
||||||
|
|
||||||
|
# MOC
|
||||||
|
- [Computer Graphics](content/notes/000%20My%20Knowledge/Computer%20Graphics.md)
|
||||||
|
-
|
||||||
11
content/notes/000 My Knowledge/Computer Graphics.md
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
---
|
||||||
|
title: "Computer Graphics"
|
||||||
|
---
|
||||||
|
|
||||||
|
# What I have learned in Computer Graphics 🎉
|
||||||
|
- Too many discrete math🧮!
|
||||||
|
- How image representation works 📸.
|
||||||
|
- Technology used in image representation 🤖.
|
||||||
|
- Different Methods used in image representation 🛠️.
|
||||||
|
- What is vector and raster image 🖼️.
|
||||||
|
- How pixel construct different kinds of shapes😶.
|
||||||
14
content/notes/000 This Semester/001 Lecture Video/000.md
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
# 000
|
||||||
|
|
||||||
|
## 1. Computer Graphics
|
||||||
|
- [ ] [[Graphics Design - Chapter3 part 2.mp4]]
|
||||||
|
- [ ] [[Graphics Design - Chapter3 part 2.mp4]]
|
||||||
|
|
||||||
|
## 2. Computer Interface
|
||||||
|
- [ ] [[Interfacing - topic 1.mp4]]
|
||||||
|
- [ ] [[Computer and Interface lab and theory 2.mp4]]
|
||||||
|
|
||||||
|
## 3. Marketing and Account Finance
|
||||||
|
- [ ] [[Hum vid 1.mp4]]
|
||||||
|
## 4. Software and Engineering
|
||||||
|
|
||||||
1
content/notes/000 This Semester/002 Courses/000.md
Normal file
@ -0,0 +1 @@
|
|||||||
|
# 000
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# 000
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
# Image Processing vs Computer graphics
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
# Introduction
|
||||||
|
- What is computer graphics?
|
||||||
|
- Computer graphics is a field which deals with theory and technology for computerized image synthesis.
|
||||||
|
```ad-ex
|
||||||
|
A computer-generated image can depict a scene as simple as the outline of a triangle on a uniform background and as complex as a magnificent dinosaur in a tropical forest.
|
||||||
|
```
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
---
|
||||||
|
|
||||||
|
mindmap-plugin: basic
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 000
|
||||||
|
|
||||||
|
## [[Image Representation]]
|
||||||
|
- Some Image
|
||||||
|
Presentation Device
|
||||||
|
- [[Printer]]
|
||||||
|
- [[Halftonning]]
|
||||||
|
- [[Halftonning Aproximation]]
|
||||||
|
- [[Dithering]]
|
||||||
|
- [[Error Diffusion]]
|
||||||
|
- [[Display Monitor]]
|
||||||
|
- [[Color Display]]
|
||||||
|
- [[Monochromatic Display]]
|
||||||
|
- Color model
|
||||||
|
- [[The RGB Color Model]]
|
||||||
|
- [[CMY color model]]
|
||||||
|
- [[Conversion Between The RGB Color Model and CMY color model]]
|
||||||
|
- [[Image Files]]
|
||||||
|
|
||||||
|
## [[Direct Coding]]
|
||||||
|
|
||||||
|
## [[LookUp Table]]
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
# CMY color model
|
||||||
|
|
||||||
|
## 1. Draw the digram of color model?
|
||||||
|
----
|
||||||
|
![[Pasted image 20220202181556.png]] <!--SR:!2022-02-11,3,250-->
|
||||||
|
|
||||||
|
## 2. What kind of Model is CMY?
|
||||||
|
- CMY model is an subtractive model because ==it starts with white and take away primaty color (*red, green, blue*) to get the desired color==
|
||||||
|
```ad-ex
|
||||||
|
if we substract
|
||||||
|
- red from white => cyan
|
||||||
|
```
|
||||||
|
<!--SR:!2022-02-11,3,250-->
|
||||||
|
|
||||||
|
## 3. Which mode does printer uses? -CMY or RGB?
|
||||||
|
----
|
||||||
|
- The printer uses CMY model <!--SR:!2022-02-11,3,250-->
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
# Cathode Ray Tube
|
||||||
|
## 1. What is Cathode Ray Tube?
|
||||||
|
----
|
||||||
|
- Cathod Ray Tube is a device that has a display monitor at one end, coated with phosphor[^1] and connectors to control circuit at the other end. <!--SR:!2022-02-10,3,250-->
|
||||||
|
|
||||||
|
## 2. How does CRT work?
|
||||||
|
----
|
||||||
|
- When electrons are forced by the focusng eletrode into a narrow beam striking the phosphor coating at small amount
|
||||||
|
- This causes phosphor to emit light. <!--SR:!2022-02-10,2,230-->
|
||||||
|
|
||||||
|
- There are two kinds of CRT ...?
|
||||||
|
1. [[Monochromatic CRT]]
|
||||||
|
2. [[Color CRT]].
|
||||||
|
|
||||||
|
|
||||||
|
[^1]: Phosphor emits light when it is hitted by a beam of electrons.
|
||||||
|
|
||||||
|
^23ea37
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
# Color CRT
|
||||||
|
|
||||||
|
## 1. Types of Phosphor in Color CRT?
|
||||||
|
----
|
||||||
|
In color CRT [[Cathode Ray Tube#^23ea37|Phosphor]] are of three types - red, green and blue <!--SR:!2022-02-11,4,270-->
|
||||||
|
|
||||||
|
## 2. How does Color CRT is different from Monochronmatic CRT?
|
||||||
|
- Color CRT has phosphor of ==3 primary color== (how many and what kind of color?) Where in monochromatic CRT is has only one kind of phosphor.
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
# Color Display
|
||||||
|
|
||||||
|
## 1. What kind of CRT Color Display uses?
|
||||||
|
----
|
||||||
|
- Color display uses [[Color CRT]] <!--SR:!2022-02-11,4,270-->
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
# Conversion Between The RGB Color Model and CMY color model
|
||||||
|
|
||||||
|
## 1. Write down the two equation about RGB and CMY?
|
||||||
|
----
|
||||||
|
![[Pasted image 20220202183510.png]] <!--SR:!2022-02-10,2,230-->
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
# Direct Coding
|
||||||
|
|
||||||
|
## 1. What is direct coding?
|
||||||
|
- **def**::Certain amount of storage space are used to represent each pixel to code its color <!--SR:!2022-02-08,1,230-->
|
||||||
|
```ad-ex
|
||||||
|
3 bits for each pixel, one for each primary color. Hence the result will be something like this ...
|
||||||
|
|
||||||
|
![[Pasted image 20220202205243.png]]
|
||||||
|
```
|
||||||
|
|
||||||
|
- For industry standart *direct coding,* we use 3 bytes/ 24 bits per pixel.
|
||||||
|
- Thus ...
|
||||||
|
- Each primary has 256 different intensity level
|
||||||
|
- In this case total number of pixels are 256X256X256 = 16.7 million.
|
||||||
|
|
||||||
|
- A notable special case of direct coding is the representation of black-and-white (bilevel) and gray-scale images, where the three primaries always have the same value and hence need not be coded separately. A black-and-white image requires only one bit per pixel, with bit value 0 representing black and 1 representing white.
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
# Display Monitor
|
||||||
|
>>>Here we will talk about the uses of cathode ray tube(CRT)
|
||||||
|
|
||||||
|
- Display monitor uses [[Cathode Ray Tube|CRT]]
|
||||||
|
|
||||||
|
- There are two kinds of display monitor?
|
||||||
|
- [[Monochromatic Display]]
|
||||||
|
- [[Color Display]]
|
||||||
|
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
# Image Representation
|
||||||
|
- image is composed of discrete pixels
|
||||||
|
- **image size**:: *total number of pixel in vertical line* x *total number of pixels in horizental line* <!--SR:!2022-02-10,3,250-->
|
||||||
|
```ad-attension
|
||||||
|
it does not specify the size of the image
|
||||||
|
|
||||||
|
```ad-ex
|
||||||
|
A 640 x 480 image would measure 6 inches by 5 inches when presented (e.g., displayed or printed) at 96 pixels per inch.
|
||||||
|
|
||||||
|
On the other hand, it would measure 1.6 inches by 1.2 inches at 400 pixels per inch.
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
# LookUp Table
|
||||||
|
----
|
||||||
|
<iframe width="790" height="444" src="https://www.youtube.com/embed/qlSu1egYoS4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <!--SR:!2022-02-09,1,230-->
|
||||||
|
|
||||||
|
- Lookup table has ==256== entries
|
||||||
|
- Pixel value are ==8== bit per primary
|
||||||
|
- ![[Pasted image 20220203064823.png]] <!--SR:!2022-02-11,3,250!2022-02-09,1,230-->
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
# Monochromatic CRT
|
||||||
|
![[Pasted image 20220203172934.png|Monochromatic CRT]]
|
||||||
|
- It uses only one type of [[Cathode Ray Tube#^23ea37|phosphor]] which generally emits white color with different intensity
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
# Monochromatic Display
|
||||||
|
|
||||||
|
In monochromatic display we use [[Monochromatic CRT]]
|
||||||
|
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
# Printer
|
||||||
|
|
||||||
|
c
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
# The RGB Color Model
|
||||||
|
|
||||||
|
- ### RGB color space
|
||||||
|
- ![[Pasted image 20220202181556.png]]
|
||||||
|
- In this cubic color model the color cordinates are specified as (r, g, b)
|
||||||
|
- Where
|
||||||
|
- red = (1, 0, 0)
|
||||||
|
- blue = (0, 1, 0)
|
||||||
|
- green = (0, 0, 1)
|
||||||
|
- RGB model is an addictive model because ==it starts with black and adds primaty color (*red, green, blue*) to get the desired color==
|
||||||
|
- The display monitor uses RGB model <!--SR:!2022-02-11,4,270-->
|
||||||
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 180 KiB |
@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
mindmap-plugin: rich
|
||||||
|
---
|
||||||
|
|
||||||
|
# 000
|
||||||
|
``` json
|
||||||
|
{"mindData":[[{"id":"169083b8-7988-9938","text":"Scan Conversion","isRoot":true,"main":true,"x":2000,"y":2000,"isExpand":true,"layout":{"layoutName":"vertical","direct":"vertical"},"stroke":"#fff7a5"},{"id":"66b4b121-27cd-3664","text":"[[Scan Converting a Point]]","x":1999.5,"y":2091,"isExpand":true,"pid":"169083b8-7988-9938","stroke":"#5343b7","layout":{"layoutName":"mindmap1","direct":"left"}},{"id":"0583903b-9da5-da54","text":"[[Scan Converting a Line]]","x":2003.5,"y":2211,"isExpand":true,"pid":"169083b8-7988-9938","stroke":"#4cdbbe","layout":{"layoutName":"mindmap2","direct":"right"}},{"id":"388ed737-fa00-c1f2","text":"[[Scan Converting a Circle]]","x":1996.5,"y":2331,"isExpand":true,"pid":"169083b8-7988-9938","stroke":"#6ce4f7","layout":{"layoutName":"mindmap1","direct":"left"}},{"id":"9e749717-015d-aeb8","text":"[[Scan Converting an Eclipse]]","x":1983.5,"y":2410,"isExpand":true,"pid":"169083b8-7988-9938","stroke":"#168ccc","layout":{"layoutName":"mindmap1","direct":"right"}},{"id":"047c10a8-f147-3f42","text":"[[Bresenhalms Line Algorithm]]","x":2291,"y":2170,"isExpand":true,"pid":"0583903b-9da5-da54","stroke":"#4cdbbe"},{"id":"d633133d-767b-144b","text":"[[DDA]]","x":2291,"y":2217,"isExpand":true,"pid":"0583903b-9da5-da54","stroke":"#4cdbbe"},{"id":"3b593ce3-4083-f91d","text":"[[Direct Line Conversion]]","x":2291,"y":2264,"isExpand":true,"pid":"0583903b-9da5-da54","stroke":"#4cdbbe"}]],"induceData":[],"wireFrameData":[],"relateLinkData":[]}
|
||||||
|
```
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
# Bresenhalms Line Algorithm
|
||||||
|
#todo : take notes.
|
||||||
|
|
||||||
|
<iframe src="https://www.youtube.com/embed/RGB-wlatStc?feature=oembed" style="aspect-ratio: 1.76991 / 1; width: 100%; height: 100%;"></iframe>
|
||||||
|
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
---
|
||||||
|
aliases: Digital Differentiate Analyzer
|
||||||
|
---
|
||||||
|
# DDA
|
||||||
|
## 1. How does DDA algorithm work?
|
||||||
|
----
|
||||||
|
1. First find $\delta x$ and $\delta y$.
|
||||||
|
2. Determine which one is greater( $\delta x$ or $\delta y$)
|
||||||
|
3. if ($\delta x$ is greater) set steps = $\delta x$
|
||||||
|
1. x will be increament 1 in every step
|
||||||
|
2. y will be increament by m$\delta x$ + b
|
||||||
|
4. else set steps = $\delta y$
|
||||||
|
1. y will be increament 1 in every step
|
||||||
|
2. x will be increament by $\delta y$/m – b
|
||||||
|
<iframe src="https://www.youtube.com/embed/W5P8GlaEOSI?start=453&feature=oembed" height="113" width="200" style="aspect-ratio: 1.76991 / 1; width: 100%; height: 100%;"></iframe>
|
||||||
|
- It is an increamental scan conversion methods [^1]
|
||||||
|
|
||||||
|
[^1]: Such a method approach is charactered by performing calculations at each step using the result of the preceding step.
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# DDAProblems with DDA
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
# Direct Line Conversion
|
||||||
|
|
||||||
|
## 1. How does this conversion work?
|
||||||
|
----
|
||||||
|
1. First get the line equation from the points[[#^a29a1d]]
|
||||||
|
2. see if ==m≤1==
|
||||||
|
1. for every point of ==x(x is increased by 1 in every step) calculate y==
|
||||||
|
3. else
|
||||||
|
1. for every point of ==y(y is increased by 1) calculate x==
|
||||||
|
|
||||||
|
## 2. How to get equation from the points? ^a29a1d
|
||||||
|
1. First calculate slope m, using the equation
|
||||||
|
$$ m = (y_2-y_1)/(x_2-x_1)$$
|
||||||
|
2. Then get b by plug in $x_1$ and $y_1$ in the line equation.
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Scan Converting a Line
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
# Scan Converting a Point
|
||||||
|
|
||||||
|
- There are 2 ways that is used to map a point to pixel coordinate
|
||||||
|
----
|
||||||
|
1. Take the interger part of the point coordinate and use it in pixel coordinate
|
||||||
|
2. Sum up with 0.5 and take the integet part of the point coordinate
|
||||||
|
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# 000
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
mindmap-plugin: rich
|
||||||
|
---
|
||||||
|
|
||||||
|
# 000
|
||||||
|
``` json
|
||||||
|
{"mindData":[[{"id":"b19ca8d8-0c84-2a46","text":"Basic I/O interfacing","isRoot":true,"main":true,"x":1856,"y":1831,"isExpand":true,"layout":{"layoutName":"tree","direct":"down"},"stroke":""},{"id":"0c47d1e1-10d8-3db6","text":"[[Computer Interfacing]]","x":1899,"y":1942,"isExpand":true,"pid":"b19ca8d8-0c84-2a46","stroke":"#ed8021"},{"id":"1b2c5a24-f49b-299d","text":"[[Basic IO Interface]]","x":1935.5,"y":2001,"isExpand":true,"pid":"0c47d1e1-10d8-3db6","stroke":"#ed8021"},{"id":"7bb0c0df-97e0-7fcd","text":"IO devices can be interfaced using the following method","x":1392,"y":2048,"isExpand":true,"pid":"1b2c5a24-f49b-299d","stroke":"#ed8021","style":{"background-color":"#333"}},{"id":"4fc6e7aa-da3b-3fb9","text":"[[IO Instruction]]","x":1880,"y":2048,"isExpand":true,"pid":"1b2c5a24-f49b-299d","stroke":"#ed8021"},{"id":"1b641f14-b855-2fa3","text":"Classification of data transfer from io device to memory","x":2079,"y":2048,"isExpand":true,"pid":"1b2c5a24-f49b-299d","stroke":"#ed8021","style":{"background-color":"#333"}},{"id":"f5714e72-399c-391e","text":"[[Isolated IO Interface]]","x":1451,"y":2095,"isExpand":true,"pid":"7bb0c0df-97e0-7fcd","stroke":"#ed8021"},{"id":"324f2a04-b5e9-6f02","text":"[[Memory Mapped I/O]]","x":1637,"y":2095,"isExpand":true,"pid":"7bb0c0df-97e0-7fcd","stroke":"#ed8021"},{"id":"3c13a0f1-c377-2b73","text":"[[Programmed Controlled IO]]","x":2008,"y":2095,"isExpand":true,"pid":"1b641f14-b855-2fa3","stroke":"#ed8021"},{"id":"bd128d72-aa65-a261","text":"[[Interrupt Controlled IO]]","x":2237,"y":2095,"isExpand":true,"pid":"1b641f14-b855-2fa3","stroke":"#ed8021"},{"id":"234c72e3-1337-5fbd","text":"[[Hardware Controlled IO]]","x":2438,"y":2095,"isExpand":true,"pid":"1b641f14-b855-2fa3","stroke":"#ed8021"}]],"induceData":[],"wireFrameData":[],"relateLinkData":[]}
|
||||||
|
```
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
# Basic IO Interface
|
||||||
|
See [[IO Instruction]], [[Computer Interfacing]], [[Periferal Devices]]
|
||||||
|
|
||||||
|
IO device can be interfaced in :: **two** ways …
|
||||||
|
1. [[IO mapped IO]] (also known as ==isolated or direct io==)
|
||||||
|
2. [[Memory Mapped IO]].
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
# Computer Interfacing
|
||||||
|
|
||||||
|
## 1. What is Computer Interfacing?
|
||||||
|
----
|
||||||
|
**Def**::***Computer interface*** is a way to connect two and more devices[[#^47ce70]] in a computer system to exchange information between them <!--SR:!2022-02-10,3,250-->
|
||||||
|
```ad-note
|
||||||
|
Some computer hardware devices will only take inputs (ex: keyboard) and some only outputs (ex: computer display)
|
||||||
|
```
|
||||||
|
``` ad-attention
|
||||||
|
The exchange can be between software, computer hardware, peripheral devices, humans, and combinations of these.
|
||||||
|
```
|
||||||
|
^47ce70
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
# Hardware Controlled IO
|
||||||
|
#### 0.1.1. How does it work?
|
||||||
|
----
|
||||||
|
In this system, data is directly transferred between io device and memory and microprocessor is not in charge of it.
|
||||||
|
```ad-note
|
||||||
|
However microprocessor does ==initialize the process==
|
||||||
|
```
|
||||||
|
|
||||||
|
- Hardware controlled io is also known as ==DMA(direct memory address)==
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
# IO Instruction
|
||||||
|
**Def**:: I/O instructions enables computer's ==I/O== to give and recieve data from the [[Periferal Devices|periferal devices]] <!--SR:!2022-02-10,3,250-->
|
||||||
|
|
||||||
|
- Every microprocessor has instruction to give and read io device information.
|
||||||
|
- For this reason, 8086 has ==IN== and ==OUT== instruction to recieve and give repectavly.
|
||||||
|
- The port number is specfied along with IN and OUT instruction.
|
||||||
|
- Both instruction uses register ==AL or AX== to ==transfer data==.
|
||||||
|
- The IO address is stored ::: in DX register.
|
||||||
|
|
||||||
|
## 1. Classification According to transfering data type.
|
||||||
|
---
|
||||||
|
There are two types of I/O instruction
|
||||||
|
1. Those that transfer single item
|
||||||
|
2. Thos that transfer a string of item
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# IO mapped IO
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
# Interrupt Controlled IO
|
||||||
|
- In an interrupt controlled io, the microprocessor's data transfer occurs by interrupting it by the third party device.
|
||||||
|
- When a microprocessor gets the signal the control is transferred to ==ISS(interrup servic subroutine)== which performs ==data transfer==.
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
# Periferal Devices
|
||||||
|
**Def**:: Periferal divices are some electric components that are used to enter information and instruction in computer for processing or storage and deliver processed data to human and sometimes machine.
|
||||||
|
|
||||||
|
## 1. Classification
|
||||||
|
----
|
||||||
|
There are generally divided into **3** kinds -
|
||||||
|
1. Input periferal
|
||||||
|
2. Output periferal
|
||||||
|
3. Storage periferal
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
# Programmed Controlled IO
|
||||||
|
def: #waiting…
|
||||||
|
|
||||||
|
- In programmed controlled io the ==micropirocessor== is in controll of io data transfer
|
||||||
|
- The io operation occurs when ==io instruction is executed==
|
||||||
|
>>> It is the simplest io technique.
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# 000
|
||||||
@ -0,0 +1,60 @@
|
|||||||
|
---
|
||||||
|
|
||||||
|
mindmap-plugin: basic
|
||||||
|
|
||||||
|
---
|
||||||
|
# Accounting
|
||||||
|
|
||||||
|
**Def** :: accounting is a type of information system, a system where we deal with financial decision to fullfil the user's needs.
|
||||||
|
|
||||||
|
## 1. Steps of an Accounting Process
|
||||||
|
1. Identification
|
||||||
|
2. Recording
|
||||||
|
3. Communication.
|
||||||
|
|
||||||
|
## 2. Users and uses of accounting
|
||||||
|
- **Internal users**
|
||||||
|
- **External users.**
|
||||||
|
|
||||||
|
## 3. Ethics is a fundamental business concept
|
||||||
|
There are *2* kinds of ethics:
|
||||||
|
- **Law**
|
||||||
|
- **Norms.**
|
||||||
|
|
||||||
|
## 4. Generally Accepted Accounting Principle
|
||||||
|
**def** : GAAP(generally accepted accounting principle) are some standard rules to follow which is used to write proper financial account.
|
||||||
|
|
||||||
|
### 4.1. Measurement Principle.
|
||||||
|
#todo : Add sidenotes
|
||||||
|
<aside>
|
||||||
|
These are mostly selected by considering <em>relevance</em> and <em>faithful representation</em>.
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
## 5. 5.GAAP uses one of the ==2== measurements
|
||||||
|
----
|
||||||
|
1. [[Cost Principle]] :: Buying value of an asset
|
||||||
|
2. [[Fair Value Principle]] :: Market(selling) value of an asset.
|
||||||
|
|
||||||
|
### 5.1. Assumption
|
||||||
|
1. Monetary Unit Assumption
|
||||||
|
2. Economic Entity Assumption.
|
||||||
|
|
||||||
|
### 5.2. Proprietorship
|
||||||
|
### 5.3. Partnership
|
||||||
|
### 5.4. Corporation
|
||||||
|
|
||||||
|
## 6. The Accounting Equation
|
||||||
|
- Basic equation:: $$Assets = Liability + Owner's Equity$$
|
||||||
|
- **Assets**
|
||||||
|
- **Liability** :: Something of a asset, that is used by the owner to get benifit from it.
|
||||||
|
- **Owner's Equity**
|
||||||
|
- It has 4 section
|
||||||
|
1. Capital(+)
|
||||||
|
2. Revinue(+).
|
||||||
|
3. Expense(-)
|
||||||
|
4. Drawing(-).
|
||||||
|
- Extended Equation
|
||||||
|
- $$Assets = liability+Capital+Revinue-Expense-Drawing$$
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,2 @@
|
|||||||
|
# Cost Principle
|
||||||
|
**def** :: Cost Principle refers that the record of a company's asset cost is equal to the buying cost.
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Fair Value Principle
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
mindmap-plugin: rich
|
||||||
|
---
|
||||||
|
|
||||||
|
# 000
|
||||||
|
``` json
|
||||||
|
{"mindData":[[{"id":"10dad149-bedb-4439","text":"Chapter 2","isRoot":true,"main":true,"x":2000,"y":2000,"isExpand":true,"layout":{"layoutName":"tree","direct":"down"},"stroke":""},{"id":"148ec6f0-170f-072b","text":"[[Journal]]","x":1901,"y":2111,"isExpand":true,"pid":"10dad149-bedb-4439","stroke":"#ed8ea6"},{"id":"09746910-1744-8c50","text":"Ledger","x":2013,"y":2111,"isExpand":true,"pid":"10dad149-bedb-4439","stroke":"#7eead8"},{"id":"35d64f18-4b8f-6419","text":"Trial Balance","x":2119,"y":2111,"isExpand":true,"pid":"10dad149-bedb-4439","stroke":"#939af9"}]],"induceData":[],"wireFrameData":[],"relateLinkData":[]}
|
||||||
|
```
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
# Debit and Credit
|
||||||
|
- Debit is the ==destination== of money
|
||||||
|
- Credit is the ==source== of money
|
||||||
|
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
# Journal
|
||||||
|
see also [[Debit and Credit]]
|
||||||
|
|
||||||
|
## 1. How many columns are there, and what are they?
|
||||||
|
----
|
||||||
|
#todo
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# 000
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
# 0. Software Engineering and System Analysis and Design
|
||||||
|
|
||||||
|
## 1. What is Software Engineering.
|
||||||
|
----
|
||||||
|
- Software engineering is a branch that associated with *development of software product* using scientific <u>principle, method and procedure</u>
|
||||||
|
|
||||||
|
## 2. Software is Complex
|
||||||
|
Software is composed of many simple parts related to one another.
|
||||||
|
|
||||||
|
## 3. Software Process.
|
||||||
|
- **Framwork** :: Framework is a tool that helps programmer to make an app.
|
||||||
|
- Generic Activities of a software process -
|
||||||
|
- Specification
|
||||||
|
- Development
|
||||||
|
- Validation
|
||||||
|
- Evolution.
|
||||||
@ -0,0 +1,39 @@
|
|||||||
|
---
|
||||||
|
|
||||||
|
mindmap-plugin: basic
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 000
|
||||||
|
## 1. [[0. Software Engineering and System Analysis and Design]]
|
||||||
|
- What is Software?
|
||||||
|
- Software is Complex
|
||||||
|
## 2. Qualities of a good software
|
||||||
|
## 3. The Role of Software Engineering
|
||||||
|
## 4. [[Problem-Solving Strategy]]
|
||||||
|
## 5. Software Process
|
||||||
|
## 6. Popular SDLC Model
|
||||||
|
- Waterfall Model
|
||||||
|
- Introduction
|
||||||
|
- History
|
||||||
|
- Diagram
|
||||||
|
- Advantage
|
||||||
|
- Disadvantage
|
||||||
|
- When to use
|
||||||
|
- Incremental Model
|
||||||
|
- Introduction
|
||||||
|
- Advantages
|
||||||
|
- Disadvantages
|
||||||
|
- When to use
|
||||||
|
- v-model
|
||||||
|
- Agile Model
|
||||||
|
- Spiral Model
|
||||||
|
- Introduction
|
||||||
|
- History of spiral model
|
||||||
|
- When to use spiral model
|
||||||
|
- 4 fold procedure
|
||||||
|
- Evaluating
|
||||||
|
- Defining
|
||||||
|
- Planning/Design
|
||||||
|
- Constructing
|
||||||
|
- Big bang Model
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
# Problem Defination
|
||||||
|
- Goal of system analysis
|
||||||
|
- determine where the problem is in an attempt to fix the system
|
||||||
|
- Requirements gathering
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
# Problem-Solving Strategy
|
||||||
|
- [[Divide and Conquer]]
|
||||||
|
- [[Domain Model]].
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
# Program Design
|
||||||
|
- Operations are described in details
|
||||||
|
*including*
|
||||||
|
- Layout
|
||||||
|
- business model
|
||||||
|
- process diagrams
|
||||||
|
- documentation
|
||||||
|
-
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
# Qualities of a good software product.
|
||||||
|
----
|
||||||
|
![[Pasted image 20220127202958.png|350]]
|
||||||
|
```ad-mnemonic
|
||||||
|
Remember Sara's sad comp's taste are disappointing and needs to maintain its updates
|
||||||
|
```
|
||||||
|
1. Requirements
|
||||||
|
2. System Analysis
|
||||||
|
3. System Design
|
||||||
|
4. Code Design
|
||||||
|
5. Testing
|
||||||
|
6. Deployment
|
||||||
|
7. Maintenance
|
||||||
|
8. Updates
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
# Software Developement Life Cycle(SDLC).
|
||||||
|
----
|
||||||
|
The entire process of formal, logical steps taken to develop a software product.
|
||||||
|
|
||||||
|
### 0.1. Phases of SDLC
|
||||||
|
----
|
||||||
|
1. [[Problem Defination]]
|
||||||
|
2. [[Program Design]]
|
||||||
|
3. Coding
|
||||||
|
4. Debugging
|
||||||
|
5. Testing
|
||||||
|
6. Documentation
|
||||||
|
7. Maintenance
|
||||||
|
8. Extension and Redesign.
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
mindmap-plugin: rich
|
||||||
|
---
|
||||||
|
|
||||||
|
# 000
|
||||||
|
``` json
|
||||||
|
{"mindData":[[{"id":"6273eb42-05e4-02f2","text":"SDLC","isRoot":true,"main":true,"x":2000,"y":2000,"isExpand":true,"layout":{"layoutName":"fish","direct":"left"},"stroke":"","style":{"font-size":"24"}},{"id":"58a54069-e4db-99a1","text":"There are Popular SDLC model","x":1629.360297657338,"y":1976.5,"isExpand":true,"pid":"6273eb42-05e4-02f2","stroke":"#e5e110"},{"id":"9ddd0e1a-9eab-fae4","text":"All About SDLC","x":1771.165458520956,"y":2035.5,"isExpand":true,"pid":"6273eb42-05e4-02f2","stroke":"#9f48ea"},{"id":"03aa20eb-4541-8494","text":"[[Waterfall Model]]","x":1464.525756178294,"y":1939.5,"isExpand":true,"pid":"58a54069-e4db-99a1","stroke":"#e5e110"},{"id":"4881c13c-9f09-12cf","text":"[[Agile Model]]","x":1486.0588575104443,"y":1902.5,"isExpand":true,"pid":"58a54069-e4db-99a1","stroke":"#e5e110"},{"id":"ab1ec3b3-4443-ce09","text":"[[Increamental Model]]","x":1405.5919588425947,"y":1865.5,"isExpand":true,"pid":"58a54069-e4db-99a1","stroke":"#e5e110"},{"id":"8603fcde-c05f-9660","text":"[[V-model]]","x":1486.1250601747452,"y":1828.5,"isExpand":true,"pid":"58a54069-e4db-99a1","stroke":"#e5e110"},{"id":"d15cd713-ddc7-01d8","text":"[[Spiral model]]","x":1438.6581615068956,"y":1791.5,"isExpand":true,"pid":"58a54069-e4db-99a1","stroke":"#e5e110"},{"id":"35dd8540-0ae0-94f9","text":"[[Big Bang Model]]","x":1401.191262839046,"y":1754.5,"isExpand":true,"pid":"58a54069-e4db-99a1","stroke":"#e5e110"},{"id":"340136fa-b6a7-5c86","text":"![[Software Developement Life Cycle(SDLC).]]","x":905.2943838318157,"y":2084.5,"isExpand":true,"pid":"9ddd0e1a-9eab-fae4","stroke":"#9f48ea","style":{"font-size":"12"}}],[{"id":"bcfba1d8-4502-150b","text":"Comparison","main":false,"x":2999,"y":2116,"layout":{"layoutName":"tree","direct":"up"},"isExpand":true,"stroke":""},{"id":"40e376a8-8ebe-519f","text":"![[Waterfall Model]]","x":2195.5,"y":1363,"isExpand":true,"pid":"bcfba1d8-4502-150b","stroke":"#b0e076"},{"id":"b014a1f0-e074-94f5","text":"![[Increamental Model]]","x":2815.5,"y":1363,"isExpand":true,"pid":"bcfba1d8-4502-150b","stroke":"#c9f7ff"},{"id":"7be99e32-ce8b-dc5b","text":"![[Spiral model]]","x":3435.5,"y":1363,"isExpand":true,"pid":"bcfba1d8-4502-150b","stroke":"#dd7a73"}]],"induceData":[{"induceData":{"nodeId":"03aa20eb-4541-8494","endNodeId":"35dd8540-0ae0-94f9","stroke":"#fff","root":"259ac649-4cc3-ed3a","lineType":"solid","id":1644198283461,"range":"0,5","type":"left"},"mindData":[{"id":"259ac649-4cc3-ed3a","text":"🧠","x":1343.191262839046,"y":1847,"layout":{"layoutName":"mindmap1","direct":"left"},"isExpand":true,"stroke":"","style":{"border-color":"orange","background-color":"transparent"}},{"id":"919df490-a0c5-d3dd","text":"We are increasing spiral and agile value to prove Big Bang Theory","x":766,"y":1847,"isExpand":true,"pid":"259ac649-4cc3-ed3a","stroke":"#e5e110"}]}],"wireFrameData":[],"relateLinkData":[]}
|
||||||
|
```
|
||||||
@ -0,0 +1,29 @@
|
|||||||
|
# Increamental Model
|
||||||
|
|
||||||
|
## 1. Introduction
|
||||||
|
----
|
||||||
|
- Requirement is devided into small pieces
|
||||||
|
- Each independent chanks passes through the requirements, design, implentation and testing phase
|
||||||
|
- implemented and tested until the product is finish
|
||||||
|
- each of the little chunks are added to the product to the previous release
|
||||||
|
- the process continues until the goal is fulfilled.
|
||||||
|
|
||||||
|
## 2. Advantage
|
||||||
|
----
|
||||||
|
- Product is developed <mark style="background: #ADCCFFA6;">quickly</mark>
|
||||||
|
- The method is very <mark style="background: #ADCCFFA6;">flexible to change</mark> .
|
||||||
|
- <mark style="background: #ADCCFFA6;">Easy</mark> to testing and debugging.
|
||||||
|
- Initial delivary <mark style="background: #ADCCFFA6;">cost gets lower</mark> .
|
||||||
|
- <mark style="background: #ADCCFFA6;">Easier</mark> to find and solve bugs
|
||||||
|
|
||||||
|
## 3. Disadvantage
|
||||||
|
----
|
||||||
|
- Have to get a clear picture of the project
|
||||||
|
- need good planning and organization
|
||||||
|
- Costly compare to waterfall model
|
||||||
|
|
||||||
|
## 4. When to use?
|
||||||
|
----
|
||||||
|
- For web application and product base companies
|
||||||
|
- When there is an urge for the early release of the product
|
||||||
|
- Where requirement are completely understood
|
||||||
@ -0,0 +1,45 @@
|
|||||||
|
# Spiral model
|
||||||
|
|
||||||
|
## 1. Introduction
|
||||||
|
----
|
||||||
|
**Definition** :: Spiral model is a combination of systematic aspect of [[Waterfall Model|waterfall]] and iterative nature of [[Prototype Model|prototyping]]
|
||||||
|
```ad-note
|
||||||
|
Spiral Model = systematic approach of **Waterfall** + iterative nature of **prototyping**
|
||||||
|
```
|
||||||
|
|
||||||
|
## 2. When to use spiral model?
|
||||||
|
----
|
||||||
|
- When software is big
|
||||||
|
- Need to solve as much risk as possible
|
||||||
|
- Requirments are complex
|
||||||
|
- Significant changes are aspected
|
||||||
|
|
||||||
|
## 3. Four fold procedure
|
||||||
|
----
|
||||||
|
1. Evoluation
|
||||||
|
2. Defining
|
||||||
|
3. Planning/Design
|
||||||
|
4. Engineering
|
||||||
|
![[Pasted image 20220206081420.png]]
|
||||||
|
|
||||||
|
## 4. Phases of Spira Model
|
||||||
|
----
|
||||||
|
- Requirement Analysis
|
||||||
|
- Prototyping
|
||||||
|
- Coding and testing
|
||||||
|
- Customer's Evoluation
|
||||||
|
![[Pasted image 20220205052425.png|Spiral model Diagram]]
|
||||||
|
## 5. Advatage
|
||||||
|
----
|
||||||
|
- The possibility of risk in the product signaficly reduce
|
||||||
|
- Very flexible
|
||||||
|
- Good for lard project
|
||||||
|
- Additional functionality can be added
|
||||||
|
- Software produces earlu
|
||||||
|
|
||||||
|
## 6. Disadvantage
|
||||||
|
----
|
||||||
|
- Waste for small project
|
||||||
|
- Highly depends on removing risk
|
||||||
|
- Need expertise for removing risk
|
||||||
|
- The success is depends on risk removing phase
|
||||||
@ -0,0 +1,24 @@
|
|||||||
|
# Waterfall Model
|
||||||
|
## 1. Introduction
|
||||||
|
----
|
||||||
|
- It is also called as ==Linear Sequential Model==
|
||||||
|
- The whole application is designed and implimented ==sequentially==.
|
||||||
|
- Developers go to next phase after completing the previous phase.
|
||||||
|
- It is easy for new staffs <!--SR:!2022-02-09,3,250!2022-02-09,3,250-->
|
||||||
|
|
||||||
|
## 2. History
|
||||||
|
- Name of founder : ==Winston W. Roys==. <!--SR:!2022-02-09,3,250-->
|
||||||
|
|
||||||
|
## 3. Where to use the waterfall model
|
||||||
|
----
|
||||||
|
- Production is well understood
|
||||||
|
- Requirements are crystal clear.
|
||||||
|
- Making a new production of an existing product.
|
||||||
|
|
||||||
|
## 4. Model Diagram
|
||||||
|
----
|
||||||
|
![[Pasted image 20220205021037.png|waterfall model diagram]]
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
After Width: | Height: | Size: 137 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 143 KiB |