Commit f6d2f2b3 authored by Florian Moser's avatar Florian Moser
Browse files

Creating PDF course

parent a7c4c727
MIT License
Copyright (c) 2021 Florian Moser
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
# Crashcourse personal/course Website
The easiest way to publish your own papers / portfolio is having your own webpage.
We will show you how to create a simple website yourself.
You will learn the basics about HTML, design it using CSS and add some functionality using JavaScript.
In the end, we will have a quick look at PHP allowing you to generate your content dynamically.
Our target will be that you can publish a fully functional website at the end of the course.
We will touch other topics such as the basics of design when we need it.
## Inhalt
This course will give you a basic understanding of everything you need to create your own personal website.
We will have exercise breaks where you can apply the concepts at your own pace.
Chapters:
- HTML: Structure your content.
- CSS: Design.
- JavaScript: Functionality in the browser.
- PHP: Generate content.
- Advanced topics: Fun part for further development.
In the exercises, you will work on either a portfolio or course website (your choice!).
## Voraussetzungen
No experience required.
All tools we use are free.
## Teilnehmende
PhDs and Students.
Particularly suitable for all with no prior experience with web development.
Students who have only superficial experience (copying & pasting stuff found online...) will profit from a more structured understanding.
## Kursunterlagen
All material is published online.
## Bemerkungen
You need to be able to use your computer.
This course is offered in cooperation with The Alternative (https://thealternative.ch).
\ No newline at end of file
body { font-family: sans-serif; }
h1, h2, h3 {
font-family: serif;
font-weight: normal;
}
.remark-code, .remark-inline-code { font-family: monospace; }
.row {
display: flex;
}
.column {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
table {
border-collapse: collapse;
border-bottom: 1px solid #dee2e6;
border-top: 1px solid #dee2e6;
width: 100%;
}
table th,
table td {
border-top: 1px solid #dee2e6;
padding: 5px;
}
table tr:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.05);
}
table thead th {
border-bottom: 2px solid #dee2e6;
vertical-align: bottom;
}
@media print {
.remark-slide-scaler {
width: 100% !important;
height: 100% !important;
transform: scale(1) !important;
top: 0 !important;
left: 0 !important;
}
}
\ No newline at end of file
var slideshow = remark.create();
\ No newline at end of file
This diff is collapsed.
<!DOCTYPE html>
<html>
<head>
<title>PDF</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="css/remark.css">
<link rel="stylesheet" media="print" href="css/remark.print.css">
</head>
<body>
<textarea id="source">
class: center, middle
# PDF = PestesDateiFormat
<i>Imagine being able to send full text and graphics documents (newspapers, magazine articles, technical manuals, etc.) over electronic mail distribution networks. These documents could be viewed on any machine and any selected document could be printed locally. This capability would truly change the way information is managed.</i>
<img src="images/thealternative-logo.jpg" width="30%">
---
# PostScript
Somewhat the predecessor of PDF, created by the same company, Adobe.
Presented in the 80s.
```html
%!
/Courier findfont % Select font
20 scalefont % Scale to font size 20
setfont % Set it as active font
50 50 moveto % Set cursor to (50, 50)
(Hallo Welt!) show % Print text at cursor position
showpage % Show page
```
Primarily used for vector graphics, but also turing-complete stack-oriented programming language.
What the printer sees! Interopability.
---
# PDF
Improvement over PostScript.
No programming language anymore, more rigid structure, more features.
Enables seek (load single page without compiling everything before), Comments, Forms, Video- and Audioplayback, 3D, ...
Version 1.0 released in 1993.
Acrobar Reader: 50$
Acrobat Distiller (personal version): 695$
Acrobat Distiller (network version): 2495$
---
# Releases
| | Year | Industry | Notable features |
| --- | :--- | :------- | :--------------- |
| 1.0 | 1993 | Adobe | **text**, **images**, **pages**, **hyperlinks**, bookmarks |
| 1.1 | 1994 | Tax | passwords, encryption, device-independent color |
| 1.2 | 1996 | Printing | radio buttons, checkboxes, forms incl. import/export, mouse events, sound, **unicode**, color features |
| 1.3 | 2000 | Printing | digital signatures, color spaces, JavaScript, embedded file streams, image utilities, **CIDFonts**, prepress support |
| 1.4 | 2001 | | RC4 > 40bits, transparency, better forms, metadata, accessibility, page boundaries, printer marks, predefined CMaps |
| 1.5 | 2003 | | jpeg, multimedia playback, better forms, public key encryption, permissions, view/hide layers, slideshow |
| 1.6 | 2004 | | 3D, **OpenType**, SOAP over http, public key encryption improvements, color spaces |
| 1.7 | 2006 | | 3D improvements, public key encryption improvements |
*Version 1.7 is ISO 32000-1:2008.*
---
# Recent developments
PDF 1.7 Extensions:
- PDF 1.7 Extension Level 1 (2008)
- PDF 1.7 Extension Level 3 (2008)
- PDF 1.7 Extension Level 5 (2009)
- PDF 1.7 Extension Level 6 (2009)
- PDF 1.7 Extension Level 8 (2011)
Newest ISO version is ISO 32000-2:2017: PDF 2.0.
Clarified 1.7 specification, some new features.
---
# Even more standards
Specialized use cases = more standards:
- PDF/X for graphic
- PDF/A for archival
- PDF/E for technical documentation
- PDF/VT for dynamic data
- PDF/UA for accessibility
PDF/A Levels:
- Level B guarantees visual reproduction.
- Level A additionally guarantees content reproduction.
PDF/A Subversions:
- PDF/A-1 for PDF 1.4 standard
- PDF/A-2 for PDF 1.7 standard
- PDF/A-3 for PDF 2.0 standard
---
# Why is it so popular?
Single purpose, which is archived:
**It display content equally on all devices.**
Comparison to web:
- Need to increase readability on smaller screens (font size, colors, spacing, ...)
- Need to handle different aspect ratios
- Optimize for less powerful devices
- [Can I Use](https://caniuse.com/) tries to track browser inconsistencies
---
# The PDF format
---
# The TTF format
</textarea>
<script src="js/remark.min.js" type="text/javascript"></script>
<script src="js/remark.driver.js" type="text/javascript"></script>
</body>
</html>
MIT License
Copyright (c) 2020 ZI IT Training
Copyright (c) 2021 Florian Moser
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
......
# Course logistics
Target group is bachelor informatik or master/phd students of all fields of study
To be used for research (latex) and programming (code)
## Before the course
Check slides for accuracy. After adapting, regenerate pdf (printing with chrome).
Prepare "Git Introduction" quizz on https:/socrative.com/ with ID SOC-52925287
Prepare poll asking for background (field of study, primary purpose, use before, installation feedback).
Prepare strawpoll asking for speed (slower, OK, faster) like https://www.strawpoll.me/31696019 then update link below.
Send E-Mail to all [participants](https://app.connect.uzh.ch/apps/id/kurse.nsf/kursleitendeveranstaltungenaktuelle.xsp?openxpage&parentkey=kursleitenden-homepage&login)
```
This Tuesday, the 17.11., we will meet for the "Introduction to Git and GitLab".
We start at 17:00 at RAI-E-131 (in Teams, https://t.uzh.ch/RAIE131).
We will introduce you to some tools during the course. To keep it productive, we kindly ask you to prepare & install these. You will need around 15 minutes. If you run into problems, feel free to ask in the breaks of the course!
We will use the following three tools:
- Install git from https://git-scm.com/downloads. The defaults of the installer are sensible. If you prefer, we will help you in the course!
- Create an account on https://gitlab.uzh.ch/. Create a SWITCH eduID account, if you do not have one already.
- Install GitHub Desktop from https://desktop.github.com/. When installing, you can skip signing in into GitHub.
```
## During the course
Before:
- Post background poll https://famoser.typeform.com/to/FmStSEkm
- Ask to login at https://b.socrative.com/login/student/ with MOSER4979
- Ask to find A4 to take notes of commands during Local Workflow part
During (continuously):
- Answer questions in chat
- Running example is already published book about animals
- After each part questions, 10min exercise, then 10min break
During (logistics):
- After terminology, start "Git Introduction" Quiz
- After Local Workflow, ask about speed with https://www.strawpoll.me/31696019
After:
- Process Feedback
## Concept
didactic:
- get background of participants at the start to adapt terminology.
- quiz at the end of introduction to deepen & verify understanding
- advanced exercises so fast students do not get bored
- explicit break so everyone can relax for a moment
- allow choosing advanced topics to adapt well to participants
# Crashcourse personal/course Website
The easiest way to publish your own papers / portfolio is having your own webpage.
We will show you how to create a simple website yourself.
This is a crash course into web development. Do you want to create your own personal (research?) webpage, customize a theme, or event want to become a web developer? This will help you to get started.
You will learn the basics about HTML, design it using CSS and add some functionality using JavaScript.
In the end, we will have a quick look at PHP allowing you to generate your content dynamically.
Our target will be that you can publish a fully functional website at the end of the course.
We will touch other topics such as the basics of design when we need it.
We will introduce HTML, CSS, JavaScript and PHP and add some design / user experience on the way. You need no prior knowledge, and need not to be a programmer. After the course, you can get started with your simple research webpage, or embark on the journey to become a web developer.
## Inhalt
This course will give you a basic understanding of everything you need to create your own personal website.
We will have exercise breaks where you can apply the concepts at your own pace.
This course will give you a basic understanding of everything you need to create websites.
Chapters:
- HTML: Structure your content.
- CSS: Design.
- JavaScript: Functionality in the browser.
- PHP: Generate content.
- Advanced topics: Fun part for further development.
In the exercises, you will work on either a portfolio or course website (your choice!).
## Voraussetzungen
No experience required.
All tools we use are free.
## Teilnehmende
PhDs and Students.
Particularly suitable for all with no prior experience with web development.
Students who have only superficial experience (copying & pasting stuff found online...) will profit from a more structured understanding.
## Kursunterlagen
All material is published online.
- PHP: Generate content on the server.
## Bemerkungen
You need to be able to use your computer.
This course is offered in cooperation with The Alternative (https://thealternative.ch).
\ No newline at end of file
For each chapter, we will see easy applications for personal webpage concepts. Further, we will quickly discuss resources & technologies for aspiring developers.
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Git & GitLab</title>
<title>Web</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="css/remark.css">
<link rel="stylesheet" media="print" href="css/remark.print.css">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment