Introduction to Computer Science(I)

計算機概論(一)

本課程是由 國立陽明交通大學電子物理系提供。

In this course, you will learn about the hardware of the computer from its basic unit of a transistor. You will be walked through the circuit of a central processing unit (CPU) and the operating system (OS) for the hardware. We illustrate the using of DOS and batch files in the introduction of the OS.

After that, we will learn the HTML language that is used to present yourself, like your resume or CV, on line. The HTML language is functioned like Microsoft Word while you use the markup language to set the format.

You will also learn another markup language – latex, used for presenting mathematical equations. The HTML markup language provides as well the drawing (designing) of the window frames with contents (buttons, input/output text boxes and images) for windows programming. Afterward, we introduce the programming language of javascript. We will cover most basic concepts like variables, calculations, strings, and flow controls.

In the last part of the course, we will teach how to draw pictures and to write animated programs. We will adopt the library of p5.js for drawing and animation in the browser window and we will introduce the numerical methods for the animation of physical and virtual world.

 

課程用書:老師自製教材。
為求學習成效完美,請購買課本!

授課教師 電子物理系 簡紋濱老師
課程學分 3學分
授課年度 110學年度
授課對象 大學部
預備知識 高中數學與物理基礎
課程提供 課程影音   課程綱要   課程講義 

週次課程內容課程影音課程下載
第一週A1Lecture 1 Computer Hardware
History of Calculator
線上觀看MP4下載
第一週A2History of Computer線上觀看MP4下載
第一週A3Computer World – Signal, Bits, Bytes線上觀看MP4下載
第一週B1Types of Computers, Logic Gates線上觀看MP4下載
第一週B2Semiconductor & Transistors, Logic Gates線上觀看MP4下載
第一週B3Logic Gates, Digital Signal & Number of Bits In Processing, Operation of TTL Logic Gates線上觀看MP4下載
第一週_app01N-Type / P-Type Semiconductors, Doping線上觀看MP4下載
第一週_app02Modern Transistors – MOSFET, Logic Gates線上觀看MP4下載
第二週C1History of Personal Computer & Peripherals線上觀看MP4下載
第二週C2Numeral System – Binary, Octal, Decimal, Hexadecimal線上觀看MP4下載
第二週C3Central Processing Unit(CPU) Part1線上觀看MP4下載
第二週C4Central Processing Unit(CPU) Part2線上觀看MP4下載
第二週D1Power, Memory, Motherboard, Peripherals-Standard Input & Output線上觀看MP4下載
第二週D2Peripherals- Hard Disk, CD ,DVD, External Ports, Internet線上觀看MP4下載
第三週A1Lecture 2 – Computer Software
Machine Language
線上觀看MP4下載
第三週A2Binary Number Calculation & Operation線上觀看MP4下載
第三週A3Tools and Tricks Used In CPU & OS
OS- Computer, Hand Held System
線上觀看MP4下載
第三週A4Functions of Operating System(OS)-DOS線上觀看MP4下載
第三週B1OS-File Contents & ASCII Codes, File System
Exercise 1:Application Program – Editor
Exercise 2:Machine Code Editing
線上觀看MP4下載
第三週B2Exercise:Coding/Programming-Batch File Programming Part1線上觀看MP4下載
第三週B3Exercise:Coding/Programming-Batch File Programming Part2線上觀看MP4下載
第三週B4Exercise:Coding/Programming-Batch File Programming Part3
System Software/ Application Software
線上觀看MP4下載
第四週_Win10About Win10線上觀看MP4下載
第四週_Install_PSPadAbout Install PSPad線上觀看MP4下載
第四週_msdos1About MS-DOS線上觀看MP4下載
第四週_EX1MS-DOS Exercise 1線上觀看MP4下載
第四週_EX2MS-DOS Exercise 2線上觀看MP4下載
第四週_EX3MS-DOS Exercise 3線上觀看MP4下載
第四週_EX4MS-DOS Exercise 4線上觀看MP4下載
第四週_EX5MS-DOS Exercise 5線上觀看MP4下載
第四週_EX6MS-DOS Exercise 6線上觀看MP4下載
第四週_EX7MS-DOS Exercise 7線上觀看MP4下載
第四週C1Programming Language - Paradigm線上觀看MP4下載
第四週C2Programming Goals
Exercise: Programming Language
Python Script
線上觀看MP4下載
第四週_pyAbout Python線上觀看MP4下載
第六週A1Lecture 3- HTML Markup Language
Introduction To HTML
線上觀看MP4下載
第六週A2Introduction To HTML5
What’s In The HTML Head?
The Html Layouts
線上觀看MP4下載
第六週A3The Attributes Of The HTML Tags, Document線上觀看MP4下載
第六週B1HTML Headings & Paragraphs, Formatting Of Words線上觀看MP4下載
第六週B2HTML Anchors & Hyperlinks, Comments & Quotations, Images線上觀看MP4下載
第六週B3HTML Colors, Comments & Quotations線上觀看MP4下載
第七週A1HTML Lists, Tables線上觀看MP4下載
第七週A2HTML Computer Codes, Iframes線上觀看MP4下載
第七週A3HTML Entities, Symbols, Id & Classes線上觀看MP4下載
第七週B1CSS Basic Concepts, Selector線上觀看MP4下載
第七週B2CSS Level 1 Selector, Styles線上觀看MP4下載
第七週B3Introduction To Mathjax & Latex
Latex Format For Math Expressions Part1
線上觀看MP4下載
第七週B4Latex Format For Math Expressions Part2線上觀看MP4下載
第八週A1HTML Forms Part1線上觀看MP4下載
第八週A2HTML Forms Part2
Basic Concepts Of Java script & Object Oriented Programming
線上觀看MP4下載
第八週A3Basic Concepts-Debug, Var, Type, Conversion線上觀看MP4下載
第八週A4Basic Concepts-Document.Getelementbyid(),Operators, Conversion Functions, Function, Objects線上觀看MP4下載
第八週B1HTML Input & Input Types
The Array Variable For The Input Type Of Radio Button
線上觀看MP4下載
第八週B2HTML Input & Input Types-HTML5 Part1線上觀看MP4下載
第八週B3HTML Input & Input Types-HTML5 Part2線上觀看MP4下載
第九週A1Html Input Attributes線上觀看MP4下載
第九週A2HTML Input Attributes-HTML5 Part1
HTML Form Elements-Text area & Buttons
線上觀看MP4下載
第九週A3HTML Input Attributes-HTML5 Part2
HTML Form Elements-Select, Datalist, Output, Progress
The Programming Environment
線上觀看MP4下載
第九週B1A Programming Language
The Programming Environment
線上觀看MP4下載
第九週B2Basic Concept Of The Language線上觀看MP4下載
第九週B3Reserved Words, Variables, The Typeof Operator線上觀看MP4下載
第十一週A1Conventional Variables & Java script Variables線上觀看MP4下載
第十一週A2Type Of Variables-Number
Number Conversions
The Integer And Float In Binary Form
線上觀看MP4下載
第十一週A3Types Of Variables String, Object, Null線上觀看MP4下載
第十一週A4Unary Operators Bitwise Operators (≠Logical Operators)
Arithmetic Operators
Assignment & Comma Operators
線上觀看MP4下載
第十一週B1Relational And Equality Operators
Logical & Conditional Operators
線上觀看MP4下載
第十一週B2The If Statement
The Switch And With Statements
線上觀看MP4下載
第十一週B3The Do While And While Statements
The For, For In, Label, Break And Continue Statements
線上觀看MP4下載
第十二週A1Java script Functions Part1線上觀看MP4下載
第十二週A2Java script Functions Part2線上觀看MP4下載
第十二週A3Java script-Arguments, No Overloading線上觀看MP4下載
第十二週B1Java script-Copying Values Or Direct Reference To Variables線上觀看MP4下載
第十二週B2Java script-Scope線上觀看MP4下載
第十二週B3Special Skills For Functions
Garbage Collection
線上觀看MP4下載
第十三週A1Built In Objects In Java script
The Base Object
線上觀看MP4下載
第十三週A2The Boolean And Number Object
The String Object Part1
線上觀看MP4下載
第十三週A3The String Object Part2線上觀看MP4下載
第十三週B1The Array Object Part1線上觀看MP4下載
第十三週B2The Array Object Part2
The Math Object (Library)
The Date Object
線上觀看MP4下載
第十三週B3Exercise線上觀看MP4下載
第十三週B4The Regexp Object, Pattern
Appendix-Object Constructor
線上觀看MP4下載
第十三週B5Exercise線上觀看MP4下載
第十四週A1Background Stories About P5.Js, Processing,
Install P5.Js
線上觀看MP4下載
第十四週A2Use The Whole Html As A Sketch
Start Up A P5 Sketch In A Container(Div)
線上觀看MP4下載
第十四週A3Exercise線上觀看MP4下載
第十四週A4The Coordinate Of The Canvas
Some Main Functions Need To Be Over Written
Clear The Canvas And Set The Drawing Pen
線上觀看MP4下載
第十四週B1The Shape Functions-Lines & Curves & Rectangles, Ellipse, … and User Defined Shapes線上觀看MP4下載
第十四週B2Typography Functions
Transform-Translate, Rotate & Scale, Shear, Matrix Draw Images
線上觀看MP4下載
第十四週B3Events, Animation線上觀看MP4下載

課程目標

In this course, you will learn about the hardware of the computer from its basic unit of a transistor. You will be walked through the circuit of a central processing unit (CPU) and the operating system (OS) for the hardware. We illustrate the using of DOS and batch files in the introduction of the OS.

After that, we will learn the HTML language that is used to present yourself, like your resume or CV, on line. The HTML language is functioned like Microsoft Word while you use the markup language to set the format.

You will also learn another markup language – latex, used for presenting mathematical equations. The HTML markup language provides as well the drawing (designing) of the window frames with contents (buttons, input/output text boxes and images) for windows programming. Afterward, we introduce the programming language of javascript. We will cover most basic concepts like variables, calculations, strings, and flow controls.

In the last part of the course, we will teach how to draw pictures and to write animated programs. We will adopt the library of p5.js for drawing and animation in the browser window and we will introduce the numerical methods for the animation of physical and virtual world.

 

課程章節

週數 內容綱要
Week 01History of Calculator & Computer, Semiconductor Manufacturing Technology, Types of Computers, Logic Gates and TTL Signals
Week 02History of Personal Computer & Peripherals, Numeral Systems, Computer Hardware (CPU, Power Case, Memory, Motherboard, Peripherals)
Week 03Machine Language, Operating System – Computer & Hand Held, Functions of OS, MS-DOS, ASCII Code, File System, Editor for Text & Hexadecimal Numbers
Week 04Batch File & Programming, Program Structures, System/Application Programs, Interpreted/Compiled Language, Generations of Programming Language, Essential Application Programs
Week 06Introduction to HTML & HTML5, HTML Head & Layout, Attributes of Tags, HTML Heading & Paragraph, Word Formatting, Hyper Link, Quotations & Images
Week 07HTML List & Tables, Codes & iFrame, id & class, Entities & Symbols, CSS Basic Concepts, CSS Selector, MathJAX
Week 08HTML Form, Basic JavaScript Concept, Basic Object-Oriented Programming, JavaScript in HTML, Input Elements in Form, An Array Variable in HTML, Codes in Script
Week 09Input Attributes, The Elements of Select/TextArea/Button/DataList/Output/Progress, Integrated Development Environment, Reserved Words, Variables & typeof Operator
Week 11Number Type, Number Conversion, String & Object, Operators, Bitwise Operators, Arithmetic Operators, Relational, Equality, Logic Operators, If, Do-While, While, Switch & With, For and For-In Statements
Week 12Functions, Value or Reference, Variable & Functions, Arguments & variable number of arguments of a Function, Copying values or direct reference, Scope, Garbage collection, Skills for using functions
Week 13 String Object, Array Object, Math & Date Objects
Week 14p5.js & processing – background, Install p5.js & start a p5 canvas, Rewrite 3 main functions, Clear background, Set pen color & draw lines/curves, Set brush colors & draw shapes, Typography functions


課程書目

老師自編教材。

 

評分標準

項目百分比
Quizes25%
Midterm 125%
Midterm 225%
Midterm 325%

課程講義 Course Handout

章節 下載連結
Week 01
History of Calculator & Computer, Semiconductor Manufacturing
Technology, Types of Computers, Logic Gates and TTL Signals
PDF
Appendix
Week 02
History of Personal Computer & Peripherals, Numeral Systems, Computer Hardware (CPU, Power Case, Memory, Motherboard, Peripherals)
PDF
Week 03
Machine Language, Operating System – Computer & Hand Held, Functions of OS, MS-DOS, ASCII Code, File System, Editor for Text & Hexadecimal Numbers
PDF
Week 04
Batch File & Programming, Program Structures, System/Application Programs, Interpreted/Compiled Language, Generations of Programming Language, Essential Application Programs
PDF
Week 06
Introduction to HTML & HTML5, HTML Head & Layout, Attributes of Tags, HTML Heading & Paragraph, Word Formatting, Hyper Link, Quotations & Images
PDF
Week 07
HTML List & Tables, Codes & iFrame, id & class, Entities & Symbols, CSS Basic Concepts, CSS Selector, MathJAX
PDF
Week 08
HTML Form, Basic JavaScript Concept, Basic Object-Oriented Programming, JavaScript in HTML, Input Elements in Form, An Array Variable in HTML, Codes in Script
PDF
Week 09
Input Attributes, The Elements of Select/TextArea/Button/DataList/Output/Progress, Integrated Development Environment, Reserved Words, Variables & typeof Operator
PDF
Week 11
Number Type, Number Conversion, String & Object, Operators, Bitwise Operators, Arithmetic Operators, Relational, Equality, Logic Operators, If, Do-While, While, Switch & With, For and For-In Statements
PDF
Week 12
Functions, Value or Reference, Variable & Functions, Arguments & variable number of arguments of a Function, Copying values or direct reference, Scope, Garbage collection, Skills for using functions
PDF
Week 13
String Object, Array Object, Math & Date Objects
PDF
Week 14
p5.js & processing – background, Install p5.js & start a p5 canvas, Rewrite 3 main functions, Clear background, Set pen color & draw lines/curves, Set brush colors & draw shapes, Typography functions
PDF