本課程是由 國立陽明交通大學電子物理系提供。
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.
Textbook:老師自製教材。
For perfect learning results, please buy textbooks!
Instructor(s) | Electrophysics Prof. Wen-Bin Jian |
---|---|
Course Credits | 3 Credits |
Academic Year | 110 Academic Year |
Level | College Students |
Prior Knowledge | Fundamentals of High School Mathematics and Physics |
Related Resources | Course Video Course Syllabus Course Handout |
Week | Course Content | Course Video | Course Download |
---|---|---|---|
Week01A1 | Lecture 1 Computer Hardware History of Calculator | Watch Online | MP4 Download |
Week01A2 | History of Computer | Watch Online | MP4 Download |
Week01A3 | Computer World – Signal, Bits, Bytes | Watch Online | MP4 Download |
Week01B1 | Types of Computers, Logic Gates | Watch Online | MP4 Download |
Week01B2 | Semiconductor & Transistors, Logic Gates | Watch Online | MP4 Download |
Week01B3 | Logic Gates, Digital Signal & Number of Bits In Processing, Operation of TTL Logic Gates | Watch Online | MP4 Download |
Week01_app01 | N-Type / P-Type Semiconductors, Doping | Watch Online | MP4 Download |
Week01_app02 | Modern Transistors – MOSFET, Logic Gates | Watch Online | MP4 Download |
Week02C1 | History of Personal Computer & Peripherals | Watch Online | MP4 Download |
Week02C2 | Numeral System – Binary, Octal, Decimal, Hexadecimal | Watch Online | MP4 Download |
Week02C3 | Central Processing Unit(CPU) Part1 | Watch Online | MP4 Download |
Week02C4 | Central Processing Unit(CPU) Part2 | Watch Online | MP4 Download |
Week02D1 | Power, Memory, Motherboard, Peripherals-Standard Input & Output | Watch Online | MP4 Download |
Week02D2 | Peripherals- Hard Disk, CD ,DVD, External Ports, Internet | Watch Online | MP4 Download |
Week03A1 | Lecture 2 – Computer Software Machine Language | Watch Online | MP4 Download |
Week03A2 | Binary Number Calculation & Operation | Watch Online | MP4 Download |
Week03A3 | Tools and Tricks Used In CPU & OS OS- Computer, Hand Held System | Watch Online | MP4 Download |
Week03A4 | Functions of Operating System(OS)-DOS | Watch Online | MP4 Download |
Week03B1 | OS-File Contents & ASCII Codes, File System Exercise 1:Application Program – Editor Exercise 2:Machine Code Editing | Watch Online | MP4 Download |
Week03B2 | Exercise:Coding/Programming-Batch File Programming Part1 | Watch Online | MP4 Download |
Week03B3 | Exercise:Coding/Programming-Batch File Programming Part2 | Watch Online | MP4 Download |
Week03B4 | Exercise:Coding/Programming-Batch File Programming Part3 System Software/ Application Software | Watch Online | MP4 Download |
Week04_Win10 | About Win10 | Watch Online | MP4 Download |
Week04_Install_PSPad | About Install PSPad | Watch Online | MP4 Download |
Week04_msdos1 | About MS-DOS | Watch Online | MP4 Download |
Week04_EX1 | MS-DOS Exercise 1 | Watch Online | MP4 Download |
Week04_EX2 | MS-DOS Exercise 2 | Watch Online | MP4 Download |
Week04_EX3 | MS-DOS Exercise 3 | Watch Online | MP4 Download |
Week04_EX4 | MS-DOS Exercise 4 | Watch Online | MP4 Download |
Week04_EX5 | MS-DOS Exercise 5 | Watch Online | MP4 Download |
Week04_EX6 | MS-DOS Exercise 6 | Watch Online | MP4 Download |
Week04_EX7 | MS-DOS Exercise 7 | Watch Online | MP4 Download |
Week04C1 | Programming Language - Paradigm | Watch Online | MP4 Download |
Week04C2 | Programming Goals Exercise: Programming Language Python Script | Watch Online | MP4 Download |
Week04_py | About Python | Watch Online | MP4 Download |
Week06A1 | Lecture 3- HTML Markup Language Introduction To HTML | Watch Online | MP4 Download |
Week06A2 | Introduction To HTML5 What’s In The HTML Head? The Html Layouts | Watch Online | MP4 Download |
Week06A3 | The Attributes Of The HTML Tags, Document | Watch Online | MP4 Download |
Week06B1 | HTML Headings & Paragraphs, Formatting Of Words | Watch Online | MP4 Download |
Week06B2 | HTML Anchors & Hyperlinks, Comments & Quotations, Images | Watch Online | MP4 Download |
Week06B3 | HTML Colors, Comments & Quotations | Watch Online | MP4 Download |
Week07A1 | HTML Lists, Tables | Watch Online | MP4 Download |
Week07A2 | HTML Computer Codes, Iframes | Watch Online | MP4 Download |
Week07A3 | HTML Entities, Symbols, Id & Classes | Watch Online | MP4 Download |
Week07B1 | CSS Basic Concepts, Selector | Watch Online | MP4 Download |
Week07B2 | CSS Level 1 Selector, Styles | Watch Online | MP4 Download |
Week07B3 | Introduction To Mathjax & Latex Latex Format For Math Expressions Part1 | Watch Online | MP4 Download |
Week07B4 | Latex Format For Math Expressions Part2 | Watch Online | MP4 Download |
Week08A1 | HTML Forms Part1 | Watch Online | MP4 Download |
Week08A2 | HTML Forms Part2 Basic Concepts Of Java script & Object Oriented Programming | Watch Online | MP4 Download |
Week08A3 | Basic Concepts-Debug, Var, Type, Conversion | Watch Online | MP4 Download |
Week08A4 | Basic Concepts-Document.Getelementbyid(),Operators, Conversion Functions, Function, Objects | Watch Online | MP4 Download |
Week08B1 | HTML Input & Input Types The Array Variable For The Input Type Of Radio Button | Watch Online | MP4 Download |
Week08B2 | HTML Input & Input Types-HTML5 Part1 | Watch Online | MP4 Download |
Week08B3 | HTML Input & Input Types-HTML5 Part2 | Watch Online | MP4 Download |
Week09A1 | Html Input Attributes | Watch Online | MP4 Download |
Week09A2 | HTML Input Attributes-HTML5 Part1 HTML Form Elements-Text area & Buttons | Watch Online | MP4 Download |
Week09A3 | HTML Input Attributes-HTML5 Part2 HTML Form Elements-Select, Datalist, Output, Progress The Programming Environment | Watch Online | MP4 Download |
Week09B1 | A Programming Language The Programming Environment | Watch Online | MP4 Download |
Week09B2 | Basic Concept Of The Language | Watch Online | MP4 Download |
Week09B3 | Reserved Words, Variables, The Typeof Operator | Watch Online | MP4 Download |
Week11A1 | Conventional Variables & Java script Variables | Watch Online | MP4 Download |
Week11A2 | Type Of Variables-Number Number Conversions The Integer And Float In Binary Form | Watch Online | MP4 Download |
Week11A3 | Types Of Variables String, Object, Null | Watch Online | MP4 Download |
Week11A4 | Unary Operators Bitwise Operators (≠Logical Operators) Arithmetic Operators Assignment & Comma Operators | Watch Online | MP4 Download |
Week11B1 | Relational And Equality Operators Logical & Conditional Operators | Watch Online | MP4 Download |
Week11B2 | The If Statement The Switch And With Statements | Watch Online | MP4 Download |
Week11B3 | The Do While And While Statements The For, For In, Label, Break And Continue Statements | Watch Online | MP4 Download |
Week12A1 | Java script Functions Part1 | Watch Online | MP4 Download |
Week12A2 | Java script Functions Part2 | Watch Online | MP4 Download |
Week12A3 | Java script-Arguments, No Overloading | Watch Online | MP4 Download |
Week12B1 | Java script-Copying Values Or Direct Reference To Variables | Watch Online | MP4 Download |
Week12B2 | Java script-Scope | Watch Online | MP4 Download |
Week12B3 | Special Skills For Functions Garbage Collection | Watch Online | MP4 Download |
Week13A1 | Built In Objects In Java script The Base Object | Watch Online | MP4 Download |
Week13A2 | The Boolean And Number Object The String Object Part1 | Watch Online | MP4 Download |
Week13A3 | The String Object Part2 | Watch Online | MP4 Download |
Week13B1 | The Array Object Part1 | Watch Online | MP4 Download |
Week13B2 | The Array Object Part2 The Math Object (Library) The Date Object | Watch Online | MP4 Download |
Week13B3 | Exercise | Watch Online | MP4 Download |
Week13B4 | The Regexp Object, Pattern Appendix-Object Constructor | Watch Online | MP4 Download |
Week13B5 | Exercise | Watch Online | MP4 Download |
Week14A1 | Background Stories About P5.Js, Processing, Install P5.Js | Watch Online | MP4 Download |
Week14A2 | Use The Whole Html As A Sketch Start Up A P5 Sketch In A Container(Div) | Watch Online | MP4 Download |
Week14A3 | Exercise | Watch Online | MP4 Download |
Week14A4 | The Coordinate Of The Canvas Some Main Functions Need To Be Over Written Clear The Canvas And Set The Drawing Pen | Watch Online | MP4 Download |
Week14B1 | The Shape Functions-Lines & Curves & Rectangles, Ellipse, … and User Defined Shapes | Watch Online | MP4 Download |
Week14B2 | Typography Functions Transform-Translate, Rotate & Scale, Shear, Matrix Draw Images | Watch Online | MP4 Download |
Week14B3 | Events, Animation | Watch Online | MP4 Download |
課程目標
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 |