計算機概論(一)
本課程是由 國立陽明交通大學電子物理系提供。
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學年度 |
| 授課對象 | 大學部 |
| 預備知識 | 高中數學與物理基礎 |
| 課程提供 | 課程影音 課程綱要 課程講義 |
| 週次 | 課程內容 | 課程影音 | 課程下載 |
|---|---|---|---|
| 第一週A1 | Lecture 1 Computer Hardware History of Calculator | 線上觀看 | MP4下載 |
| 第一週A2 | History of Computer | 線上觀看 | MP4下載 |
| 第一週A3 | Computer World – Signal, Bits, Bytes | 線上觀看 | MP4下載 |
| 第一週B1 | Types of Computers, Logic Gates | 線上觀看 | MP4下載 |
| 第一週B2 | Semiconductor & Transistors, Logic Gates | 線上觀看 | MP4下載 |
| 第一週B3 | Logic Gates, Digital Signal & Number of Bits In Processing, Operation of TTL Logic Gates | 線上觀看 | MP4下載 |
| 第一週_app01 | N-Type / P-Type Semiconductors, Doping | 線上觀看 | MP4下載 |
| 第一週_app02 | Modern Transistors – MOSFET, Logic Gates | 線上觀看 | MP4下載 |
| 第二週C1 | History of Personal Computer & Peripherals | 線上觀看 | MP4下載 |
| 第二週C2 | Numeral System – Binary, Octal, Decimal, Hexadecimal | 線上觀看 | MP4下載 |
| 第二週C3 | Central Processing Unit(CPU) Part1 | 線上觀看 | MP4下載 |
| 第二週C4 | Central Processing Unit(CPU) Part2 | 線上觀看 | MP4下載 |
| 第二週D1 | Power, Memory, Motherboard, Peripherals-Standard Input & Output | 線上觀看 | MP4下載 |
| 第二週D2 | Peripherals- Hard Disk, CD ,DVD, External Ports, Internet | 線上觀看 | MP4下載 |
| 第三週A1 | Lecture 2 – Computer Software Machine Language | 線上觀看 | MP4下載 |
| 第三週A2 | Binary Number Calculation & Operation | 線上觀看 | MP4下載 |
| 第三週A3 | Tools and Tricks Used In CPU & OS OS- Computer, Hand Held System | 線上觀看 | MP4下載 |
| 第三週A4 | Functions of Operating System(OS)-DOS | 線上觀看 | MP4下載 |
| 第三週B1 | OS-File Contents & ASCII Codes, File System Exercise 1:Application Program – Editor Exercise 2:Machine Code Editing | 線上觀看 | MP4下載 |
| 第三週B2 | Exercise:Coding/Programming-Batch File Programming Part1 | 線上觀看 | MP4下載 |
| 第三週B3 | Exercise:Coding/Programming-Batch File Programming Part2 | 線上觀看 | MP4下載 |
| 第三週B4 | Exercise:Coding/Programming-Batch File Programming Part3 System Software/ Application Software | 線上觀看 | MP4下載 |
| 第四週_Win10 | About Win10 | 線上觀看 | MP4下載 |
| 第四週_Install_PSPad | About Install PSPad | 線上觀看 | MP4下載 |
| 第四週_msdos1 | About MS-DOS | 線上觀看 | MP4下載 |
| 第四週_EX1 | MS-DOS Exercise 1 | 線上觀看 | MP4下載 |
| 第四週_EX2 | MS-DOS Exercise 2 | 線上觀看 | MP4下載 |
| 第四週_EX3 | MS-DOS Exercise 3 | 線上觀看 | MP4下載 |
| 第四週_EX4 | MS-DOS Exercise 4 | 線上觀看 | MP4下載 |
| 第四週_EX5 | MS-DOS Exercise 5 | 線上觀看 | MP4下載 |
| 第四週_EX6 | MS-DOS Exercise 6 | 線上觀看 | MP4下載 |
| 第四週_EX7 | MS-DOS Exercise 7 | 線上觀看 | MP4下載 |
| 第四週C1 | Programming Language - Paradigm | 線上觀看 | MP4下載 |
| 第四週C2 | Programming Goals Exercise: Programming Language Python Script | 線上觀看 | MP4下載 |
| 第四週_py | About Python | 線上觀看 | MP4下載 |
| 第六週A1 | Lecture 3- HTML Markup Language Introduction To HTML | 線上觀看 | MP4下載 |
| 第六週A2 | Introduction To HTML5 What’s In The HTML Head? The Html Layouts | 線上觀看 | MP4下載 |
| 第六週A3 | The Attributes Of The HTML Tags, Document | 線上觀看 | MP4下載 |
| 第六週B1 | HTML Headings & Paragraphs, Formatting Of Words | 線上觀看 | MP4下載 |
| 第六週B2 | HTML Anchors & Hyperlinks, Comments & Quotations, Images | 線上觀看 | MP4下載 |
| 第六週B3 | HTML Colors, Comments & Quotations | 線上觀看 | MP4下載 |
| 第七週A1 | HTML Lists, Tables | 線上觀看 | MP4下載 |
| 第七週A2 | HTML Computer Codes, Iframes | 線上觀看 | MP4下載 |
| 第七週A3 | HTML Entities, Symbols, Id & Classes | 線上觀看 | MP4下載 |
| 第七週B1 | CSS Basic Concepts, Selector | 線上觀看 | MP4下載 |
| 第七週B2 | CSS Level 1 Selector, Styles | 線上觀看 | MP4下載 |
| 第七週B3 | Introduction To Mathjax & Latex Latex Format For Math Expressions Part1 | 線上觀看 | MP4下載 |
| 第七週B4 | Latex Format For Math Expressions Part2 | 線上觀看 | MP4下載 |
| 第八週A1 | HTML Forms Part1 | 線上觀看 | MP4下載 |
| 第八週A2 | HTML Forms Part2 Basic Concepts Of Java script & Object Oriented Programming | 線上觀看 | MP4下載 |
| 第八週A3 | Basic Concepts-Debug, Var, Type, Conversion | 線上觀看 | MP4下載 |
| 第八週A4 | Basic Concepts-Document.Getelementbyid(),Operators, Conversion Functions, Function, Objects | 線上觀看 | MP4下載 |
| 第八週B1 | HTML Input & Input Types The Array Variable For The Input Type Of Radio Button | 線上觀看 | MP4下載 |
| 第八週B2 | HTML Input & Input Types-HTML5 Part1 | 線上觀看 | MP4下載 |
| 第八週B3 | HTML Input & Input Types-HTML5 Part2 | 線上觀看 | MP4下載 |
| 第九週A1 | Html Input Attributes | 線上觀看 | MP4下載 |
| 第九週A2 | HTML Input Attributes-HTML5 Part1 HTML Form Elements-Text area & Buttons | 線上觀看 | MP4下載 |
| 第九週A3 | HTML Input Attributes-HTML5 Part2 HTML Form Elements-Select, Datalist, Output, Progress The Programming Environment | 線上觀看 | MP4下載 |
| 第九週B1 | A Programming Language The Programming Environment | 線上觀看 | MP4下載 |
| 第九週B2 | Basic Concept Of The Language | 線上觀看 | MP4下載 |
| 第九週B3 | Reserved Words, Variables, The Typeof Operator | 線上觀看 | MP4下載 |
| 第十一週A1 | Conventional Variables & Java script Variables | 線上觀看 | MP4下載 |
| 第十一週A2 | Type Of Variables-Number Number Conversions The Integer And Float In Binary Form | 線上觀看 | MP4下載 |
| 第十一週A3 | Types Of Variables String, Object, Null | 線上觀看 | MP4下載 |
| 第十一週A4 | Unary Operators Bitwise Operators (≠Logical Operators) Arithmetic Operators Assignment & Comma Operators | 線上觀看 | MP4下載 |
| 第十一週B1 | Relational And Equality Operators Logical & Conditional Operators | 線上觀看 | MP4下載 |
| 第十一週B2 | The If Statement The Switch And With Statements | 線上觀看 | MP4下載 |
| 第十一週B3 | The Do While And While Statements The For, For In, Label, Break And Continue Statements | 線上觀看 | MP4下載 |
| 第十二週A1 | Java script Functions Part1 | 線上觀看 | MP4下載 |
| 第十二週A2 | Java script Functions Part2 | 線上觀看 | MP4下載 |
| 第十二週A3 | Java script-Arguments, No Overloading | 線上觀看 | MP4下載 |
| 第十二週B1 | Java script-Copying Values Or Direct Reference To Variables | 線上觀看 | MP4下載 |
| 第十二週B2 | Java script-Scope | 線上觀看 | MP4下載 |
| 第十二週B3 | Special Skills For Functions Garbage Collection | 線上觀看 | MP4下載 |
| 第十三週A1 | Built In Objects In Java script The Base Object | 線上觀看 | MP4下載 |
| 第十三週A2 | The Boolean And Number Object The String Object Part1 | 線上觀看 | MP4下載 |
| 第十三週A3 | The String Object Part2 | 線上觀看 | MP4下載 |
| 第十三週B1 | The Array Object Part1 | 線上觀看 | MP4下載 |
| 第十三週B2 | The Array Object Part2 The Math Object (Library) The Date Object | 線上觀看 | MP4下載 |
| 第十三週B3 | Exercise | 線上觀看 | MP4下載 |
| 第十三週B4 | The Regexp Object, Pattern Appendix-Object Constructor | 線上觀看 | MP4下載 |
| 第十三週B5 | Exercise | 線上觀看 | MP4下載 |
| 第十四週A1 | Background Stories About P5.Js, Processing, Install P5.Js | 線上觀看 | MP4下載 |
| 第十四週A2 | Use The Whole Html As A Sketch Start Up A P5 Sketch In A Container(Div) | 線上觀看 | MP4下載 |
| 第十四週A3 | Exercise | 線上觀看 | MP4下載 |
| 第十四週A4 | The Coordinate Of The Canvas Some Main Functions Need To Be Over Written Clear The Canvas And Set The Drawing Pen | 線上觀看 | MP4下載 |
| 第十四週B1 | The Shape Functions-Lines & Curves & Rectangles, Ellipse, … and User Defined Shapes | 線上觀看 | MP4下載 |
| 第十四週B2 | Typography Functions Transform-Translate, Rotate & Scale, Shear, Matrix Draw Images | 線上觀看 | MP4下載 |
| 第十四週B3 | Events, 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 01 | History of Calculator & Computer, Semiconductor Manufacturing Technology, Types of Computers, Logic Gates and TTL Signals |
| Week 02 | History of Personal Computer & Peripherals, Numeral Systems, Computer Hardware (CPU, Power Case, Memory, Motherboard, Peripherals) |
| Week 03 | Machine Language, Operating System – Computer & Hand Held, Functions of OS, MS-DOS, ASCII Code, File System, Editor for Text & Hexadecimal Numbers |
| Week 04 | Batch File & Programming, Program Structures, System/Application Programs, Interpreted/Compiled Language, Generations of Programming Language, Essential Application Programs |
| Week 06 | Introduction to HTML & HTML5, HTML Head & Layout, Attributes of Tags, HTML Heading & Paragraph, Word Formatting, Hyper Link, Quotations & Images |
| Week 07 | HTML List & Tables, Codes & iFrame, id & class, Entities & Symbols, CSS Basic Concepts, CSS Selector, MathJAX |
| 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 |
| Week 09 | Input Attributes, The Elements of Select/TextArea/Button/DataList/Output/Progress, Integrated Development Environment, Reserved Words, Variables & typeof Operator |
| 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 |
| 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 |
| Week 13 | String Object, Array Object, Math & Date Objects |
| 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 |
課程書目
老師自編教材。
評分標準
| 項目 | 百分比 |
| Quizes | 25% |
| Midterm 1 | 25% |
| Midterm 2 | 25% |
| Midterm 3 | 25% |
課程講義 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) | |
| 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 |