INTA: Course Timeline - Contents of Lectures

Lecture 1: Getting Started

  • Introduction
  • Course Content
  • Literature, References
  • Course Web Site
  • Lab Usage
  • Lab Assignments
  • Introduction to Multimedia and Hypermedia
  • Vannevar Bush (As We May Think), Ted Nelson, Berners Lee
  • Ted Nelson - Xanadu

Lecture 2: Multimedia, Hypertext, Basic Tags

  • World Wide Web (WWW)
  • Markup Languages: Content, Style, Structure, Syntax, Semantics
  • Separation of Content from Presentation
  • Markup Languages: SGML, HTML, XML
  • Hypertext Transport Protocol (HTTP)
  • Hypertext Markup Language (HTML, XHTML)
  • The Big Picture
  • HTML Syntax
  • HTML Document Structure: Header, Body
  • HTML Tags, Attributes (name/value-pairs)
  • Basic HTML Tags: HTML, HEAD, BODY, TITLE, BR, P
  • Logical Tags, Physical Tags

Lecture 3: Basic Tags, Meta-Information, Special Structures (Lists, Tables), Hyperlinking

  • Meta Tags (META), Robots and Search Engines
  • Special Structures: Unordered Lists (UL), Ordered List (OL), List Elements (LI)
  • Nested Lists
  • Defining Tables: TABLE, TR, TD, TH
  • Modifying Tables: COLSPAN, ROWSPAN
  • Character Set ISO 8859-1, Special Characters
  • URL - Uniform Resource Locator
  • Hyperlinking, Anchor Tag (A)

Lecture 4: Images and Maps, Graphic Formats, MIME

  • HTML Color Model: RGB, 16,7M Colors, 216 Netscape Colors
  • Image Tag (IMG), Alignment
  • Graphical Formats: GIF, JPEG, PNG, MNG
  • Images: Transparency and Animation, Compression
  • The Lena Story
  • Multimedia Data Formats: MIME - Multipurpose Internet Mail Extension
  • MIME: Content-Type: Type/Subtype
  • Audio, Image, Video
  • Images and Navigation (A)
  • Defining Client Side Imagemaps (MAP, AREA, SHAPE)
  • Document Structures

Lecture 5: Frames, Inline Frames

  • Frames, Frames Structures: FRAMESET, FRAME
  • Columns, Rows
  • Adressing Frames: Naming Frames (NAME), Redirecting Hypertext (TARGET)
  • Inline Frames (iframe)
  • Frames: Legal Aspects
  • Doctype, DTD, HTML, XHTML, HTML5
  • Reference Tables: XHTML, HTML5

Lecture 6: Introduction to XML

  • Introduction to XML - Extensible Markup Language
  • XML Technologies, SGML, HTML, XML Tree Structure
  • XML Languages
  • Well-Formed XML
  • XHTML Conformance
  • XML Namespaces - XMLNS
  • Valid XML, Document Type Definition - DTD
  • DTD Syntax, Internal/External DTD Definition
  • Extensible Stylesheet Language - XSL
  • XML Examples

Lecture 7: XML, Cascaded Stylesheet

  • DTD Definition
  • XML Schema
  • Introduction to MathML, Amaya Browser
  • Development of HTML: HTML 3.2, 4.01, XHTML
  • CSS - Cascaded Stylesheets: CSS1, CSS2, CSS3
  • Separation of presentation and content
  • Defining Stylesheets
  • Information Hiding (internal/local, external/global)
  • CSS Syntax: Style Commands, Style Declarations
  • Defining output media in CSS
  • CSS in meta tags
  • CSS format and format classes (subclasses)
  • Nested and independent HTML-tags
  • Defining pseudo formats in CSS
  • CSS–Format using <SPAN>
  • Numerical values, colors, color definitions, units
  • Positioning using CSS: z-order

Lecture 8: CGI, Forms

  • CGI - Common Gateway Interface
  • Defining Forms in HTML, FORM Tag
  • Attributes ACTION, METHOD
  • Data Transfer using the GET or POST Method
  • Input Tags (INPUT, Text, Radiobuttons, Checkboxes)
  • Input Tags and Attributes NAME, VALUE
  • Data Transfer using the GET or POST Method
  • Input Tags (INPUT, Text, Radiobuttons, Checkboxes)
  • Input Tags and Attributes NAME, VALUE
  • Special Input Tags: submit, reset, hidden, password, image
  • Additional Form Tags: TEXTAREA, SELECT
  • Writing CGI-Programs in C, Content-Type definition
  • CGI output (special characters)
  • Environment Variables (CONTENT_LENGTH, QUERY_STRING)
  • Using Forms to address search engines (example: MetaCrawler, Google)
  • Using Forms with local data handling (example: Calculator)

Lecture 9: WWW overview, Web Usability, SSI

  • Extensions (Tags) in HTML
  • Extensions: Core Functionality and Plug-Ins
  • Ergonomy of a web site
  • Style Guides (Recommendations) for Web Design
  • Do's and don'ts for building web sites
  • Examples
  • Web Usability, Web Style Guide, Jakob Nielsen
  • Web Accessibility, Barrier Free Internet
  • WAI - Web Accessibility Initiative
  • Accessibility in Germany: Bundesbehindertengleichstellungsgesetz - BGG
  • Barrierefreie Informationstechnik Verordnung - BITV
  • BITV-Requirements, Web Content Accessibility Guidelines 1.0, 2.0
  • The Four Principles of Accessibility
  • HTML - long descriptions
  • HTML Validation, W3C Validator

Lecture 10: SSI, JavaScript

  • SSI - Server-Side Includes
  • Modified Tags (comment) to define SSI-command
  • SSI-Tags: CONFIG, INCLUDE, FLASTMOD, FSIZE, EXEC, ECHO
  • Server modifications to handle SSI (*.shtml)
  • Introduction to JavaScript
  • Compiler, Interpreter
  • Software Life Cycle
  • Software Development - Waterfall Model, V-Model, Spiral Model
  • Structure Elements (Struktogramme, Nassi-Shneiderman-Diagrams)
  • Object Oriented and Object Based Programming
  • Java, JavaScript
  • Strong and Loose Typing
  • Special Tag: SCRIPT
  • Comment, Code Hiding
  • Basic Syntax of JavaScript, Blocks, Statements
  • Variables and Operators (arithmetic, Boolean)
  • Statements (Sequence, Repetition, Condition)
  • Variables and Data Types, Literals
  • Strings and String Concatenation
  • Conditional statements (if, if - else)

Lecture 11: JavaScript

  • Programming Loops - break, continue
  • Counting loops (for)
  • Software Development - Waterfall Model, V-Model, Spiral-Model
  • Structure Elements (Struktogramme, Nassi-Shneiderman-Diagramme)
  • Defining and using functions
  • Formal/Actual parameter list
  • Scope of a variable, Local and Global Variables
  • Objects in JavaScript
  • Object Oriented Notation (dot notation)
  • The Array object, Array elements, NEW operator
  • Special objects: document, history
  • Special methods (functions)
  • alert, prompt, document.write, document.close, history.back

Lecture 12: JavaScript

  • JavaScript Examples
  • Object properties: document.location.href
  • Objects and Object Hierarchy: window, document
  • Window methods: back(), forward(), home(), open(), close(), print()
  • Frames object and object hierarchy
  • Document object: properties and methods
  • Formulars and javascript
  • Navigator Object
  • appCodeName, appName, appVersion, userAgent, etc.
  • Development of browser-dependent code
  • Introduction to event handlers
  • Event Handling, Event Binding, Event Models
  • Event handler: Syntax, Examples: onClick, onLoad, etc.
  • javascript - Pseudo Event Handler
  • Evaluation of form data
  • Creating objects, the operator "new"
  • The Date-Object, managing date and time

Lecture 13: JavaScript

  • Math Object, mathematical calculations in JavaScript
  • Commonly used mathematical constants
  • Cookies in JavaScript
  • Document Object Model (DOM)
  • JavaScript Object Model
  • Dynamic HTML (DHTML): HTML, Cascading Stylesheets (CSS), JavaScript
  • JavaScript example: Web spoofing attack

Lecture 14: PHP, AJAX, XML

  • Server-Side Scripting
  • PHP Hypertext Preprocessor
  • PHP Syntax, Escaping from HTML
  • PHP primitive types
  • PHP variables, special variables
  • Strings, Operators, conditional statements, loops
  • Arrays, Array Indexing
  • PHP functions
  • echo, print
  • Ajax - Asynchronous JavaScript and XML
  • Ajax Life Cycle
  • The XMLHttpRequest object
  • Ajax Examples: Google Suggest

Lecture 15: Introduction to Communications Systems, ISO/OSI

  • Introduction to Communications Systems
  • Basics of Communications
  • Modulation, Demodulation
  • Amplitude, Frequency, Phase
  • Serial/Parallel Data Communication
  • Synchonous/Asynchronous Communication
  • Bus systems and their properties
  • Transmission Media
  • Networks, Network Structures
  • Layered Architecture of Communication Systems
  • The ISO/OSI Reference Model (7 Layers)

Lecture 16: Internet Protocols

  • Layers, Sublayers, IEEE-802 Standard
  • Protocols, Protocol Stacks, Vertical/Horizontal Protocols
  • OSI-Layers
  • Framing, Encapsulation, Headers, Trailers
  • Transport Oriented Layers (1 - 4)
  • Error Detection and Correction (Parity, Checksum, CRC)
  • Application Oriented Layers (5 - 7)
  • Repeaters, Bridges, Routers, Gateways

Lecture 17: Internet Protocols

  • Routing
  • Protocol Suites, ISO/OSI - Internet (4-Layer-Model)
  • TCP/IP, UDP
  • IP Datagram, IPv4, IP Header
  • IP Addressing, IP Classes A, B, C, D
  • NetID, HostID, Subnets, IP Address Ranges
  • CIDR - Classless InterDomain Routing
  • IPv4 Address Space, Dotted Quad

Lecture 18: Internet Protocols

  • TCP, TCP Header, Source/Destination Port
  • UDP - User Datagram Protocol
  • TCP/UDP Port Number Assignment, Well-Known Ports
  • Sockets, Association
  • Request for Comment, RFCs and the RFC Editor
  • PDU - Protocol data unit, MTU - Maximum Transmission Unit
  • Fragmentation and Reassembly (Defragmentation), Packet Size
  • IPv6, Address Space
  • Integration IPv4 - IPv6

Lecture 19: Internet Protocols, Cryptography

  • Domain Hierarchy, Fully Qualified Domain Name
  • Top Level Domains (TLDs), gTLD, ccTLD
  • Internet Governance, Internet Organisations
  • Internet Corporation for Assigned Names and Numbers - ICANN
  • Jon Postel
  • Internet History
  • Introduction to Cryptography
  • Security Requirements, Secret Writing
  • History, Enigma
  • Basics: cryptology, cryptanalysis
  • Cleartext, ciphertext, cryptogram
  • Transformation, inverse tranformation, algorithms
  • cryptanalysis, reconstruction of cleartext
  • absolut security, computational security
  • Vernam cipher, one-time-pad, exclusive or
  • Symmetric cryptography (or symmetric-key encryption)
  • Asymmetric cryptography (public key cryptography)

Lecture 20: Cryptography

  • Key destribution, Diffie and Hellman, key pai
  • Hybrid cryptography, secure communication
  • DES (Data Encryption Standard)
  • Triple-DES, 3DES
  • IDEA (International Data Encryption Algorithm)
  • Advanced Encryption Standard (AES), Rijndael
  • RSA (Rivest, Shamir und Adleman)
  • Crypto challenge
  • ECC (Elliptic Curve Cryptography)
  • RSA Algorithm - Example
  • Message Digest (MD) Function, finger prints
  • MD2, MD4, MD5, SHA (Secure Hash Algorithm)
  • Digital signature, signed documents
  • Key Length

Lecture 21: Cryptography, History of the Internet

  • PGP - Pretty Good Privacy
  • Quantum Cryptography
  • Eavesdropping in Quantum Cryptography
  • QKD - Quantum Key Distribution
  • Security on the Internet, Internet Protocols
  • Encryption Systems on the Internet
  • SSL - Secure Socket Layer, SSL Handshake
  • Cipher used with SSL
  • Certificates
  • TLS – Transport Layer Security
  • Request for Comments
  • BSI - Bundesamt für Sicherheit in der Informationstechnik
  • Introduction: History of the Internet