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