Aua-uff-Code! Archiv

Show Notes und Links

Projekt ANA Tag 2 final

Rails Girls App Tutorial

Scaffold Gerüst für die Ressource bauen Tutorial

englische Begriffe für Ressourcen verwenden (Einzahl-, Mehrzahlbildung)

Struktur in ANA: ein Projekt (project) hat n Anforderungen (requirement) => 1:n Relation

project has_many requirements

requirement belongs_to project

MVC (model, view, control): Ruby on Rails Tutorial zu MVC

Ressource project

model: project.rb

views: edit.html.erb, index.html.erb, new.html.erb, show.html.erb

controller: projects_controller.rb enthält Methoden index, show, new, edit, create

Datenbank rake db:migrate

Views html.erb Ruby code in Klammern

Aufruf der Ruby Funktion

Rückgabewert der Ruby Funktion soll ausgegeben werden

Start des Servers rails s

http://localhost:3000/projects

http://localhost:3000/requirements

Datenbank SQlite Wikipedia Artikel, Homepage

Bootstrap getbootstrap HTML, CSS, und JS framework

Responsive Design Wikipedia

Internationalisieren und Lokalisieren Wikipedia

internationalization Numeronym i18n

localization Numeronym l10n

pdf-Dokument erzeugen: Prawn

prawn

prawn-rails

Railscast Episode

Prawn by Example

DSL - domain specific language Wikipedia

Rapid prototyping, iterative Entwicklung

VHDL

JIRA Ticketsystem

Show Notes Stefans Feedparser-Algorithmus

Algorithmus

Panoptikum

Der Source Code zu Panoptikum

Stefans Problem gehört zum mathematischen Gebiet der Predictive Analytics

Binomialverteilung und Normalverteilung

Stefans Feed Parser in dem ein

Iterator und ein

Analyzer einander aufrufen.

Das Element zum Blocken heisst bzw. .

Algorithmen

Sortierverfahren

Sortieralgorithmen veranschaulicht: 15 Sorting Algorithms in 6 Minutes

Sortier-Algorithmen vorgetanzt

Fibonacci-Folge

Numberphile

Computerphile

DFA Deterministic finite automaton

Formale Sprachen

Mit JFLAP endliche Automaten selber bauen

Spiel_des_Lebens

Stefans Logo zeigt den Gleiter

im Browser laufend

als nette Animation in pseudo-3D

und wirklich in 3D

viele interessante Animationen als Youtube Video epic conway’s game of life

Ein ganze Community-Site zum Thema: ConwayLife.com

Game Of Life Total War

Gödel Escher Bach von Douglas Hofstadter

ANA Tag 1

Heroku

AOCQA

JRuby

JRuby Cookbook

Gem

Atom

Gitlab

Befehle Befehl Beschreibung jrbuy -v Abfragen der installierten Ruby Version gem -v Abfragen der installierten Gem Version jirb JRubys Version von Interactive Ruby (irb) rails new ana Projekt ana anlegen git init Git Repositoty initialisieren git add –all . alle Files in Repository aufnehmen git commit -am “Kommentar zum Commit” Commit mit Kommentar erstellen git push origin master auf den Server pushen

Show Notes und Links

Android

iOS

Windows Phone bzw. Windows 10 Mobile

Firefox OS, B2G OS und Gaia

Blackberry

Native Apps

Android: Java

iOS: Objective-C, Swift

Cross-Platform Apps bzw. Hybrid Apps

Xamarin: C#, Mono/.NET

Apache Cordova/Adobe Phonegap: HTML, CSS, Javascript

React Native: Javascript

Titanium: Javascript

Ruby Motion

Ruboto

Web Apps

Progressive Web App

Service Workers

jQuery Mobile

Responsive Webdesign

IDEs

Android Studio

JetBrains und Kotlin

XCode

Xamarin Studio, Visual Studio

Berechtigungen

Internet

Standort

Kamera

Kontakte, Kalendar, Dateien

Push Notifications

…

UI/UX

Android: Activity, Layout, Controls, Views, Components

iOS: Storyboard, ViewController, Views

Navigation Stack

Lifecycle

App Lifecycle

Android Activity Lifecycle

iOS UIViewController Lifecycle

Testing

Android Emulator

iOS Simulator

Einschränkungen

Show Notes und Links

Daniel Messner

Daniels Publikationen

Zeitsprung Podcast mit (Richard Hemmer

Daniel in Aua-Uff-Code: Episode 3

Stefan in Zeitsprung: Episode 64

33C3

Miniaturwunderland

Mandelbrotmenge, bekannter als Apfelmännchen

Mandelbrot-Menge

Mandelbrot-Menge auf Wikipedia

Benoit Mandelbrot

Das Bild, das unser Toningeneursengel unseren Zuhörern gezeigt hat: Mandelbrot-Menge

Chaosforschung

Zahlenfolge \(x_{neu} = x_{alt}^2 + 1\)

im ersten Moment langweilig

was ist x, wenn \(x^2 = -1 \rightarrow x = i\)

Zahlen in Ebene (statt auf Gerade) dargestellt.

und jetzt sehen wir uns wieder an, was mit der Formel oben passiert

nach wievielen Durchläufen ist das Ergebnis > 4?

je nach Ergebnis andere Graustufe, schöner andere Farbe

Das Ergebnis im Bereich von -2 bis +2 und -2i bis +2i sieht nett aus:

Das Programm dazu ist einfach

context = document.getElementById('myCanvas').getContext('2d'); for(x = 0; x < 800; x++) { for(y = 0; y < 800; y++) { i = zx = zy = 0 // Diese folgenden Zahlen 2 und 200 ändern, // um in x-Richtung zu schieben und zu skalieren cx = -2 + x / 200 // Die Folgenden Zahlen 2 und 200 ändern, // um in y-Richtung zu schieben und zu skalieren cy = -2 + y / 200 while(i < 255 && (zx * zx + zy * zy) < 4) { xt = zx * zy zx = zx * zx - zy * zy + cx zy= 2 * xt + cy i++ } color = i.toString(16) context.beginPath() context.rect(x, y, 1, 1) context.fillStyle = "#" + color + color + color context.fill() } }

hübscher ist es mit einem Farbverlauf

und noch hübscher, wenn man die Farbstufen glättet

Interessantes ergibt sich, wenn man ein Detail ansieht: wieder in Graustaufen, als Farbverlauf und als geglätteter Farbverlauf.

Wir betrachten hier den Bereich -.64 bis +.64 und -.74 i bis + 0.74 i

Es gibt sehr schöne Videos, die eine Kamerafahrt in das Apfelmännchen machen

da das ‘nur’ Rechenaufwand bedeutet, kann man beliebig weit hinein zoomen und entdeckt dabei immer neue Strukturen

The Hardest Mandelbrot Zoom Ever In 2014,10^198 : New record - 350 000 000 iterations

Pinwheel of Infinity - Mandelbrot Zoom 9.336x10^341

Dieses Verhalten der einfachen Gleichung ist doch überraschend

Sehr eng bei einander liegende Gegenden sehen komplett unterschiedlich aus

Mathematiker bezeichnen so eine Struktur als Fraktal

Fraktale - Die Faszination der verborgenen Dimension - Dokumentation/Doku

Fibonacci Folge

in Stefans Jugend Forschungsgebiet mit Hype

zum Beispiel Hoffnung auf großartige Komprimierungsalgorithmen: FiF

Erratum: Jpeg 200 (von Stefan im Podcast genannt) verwendet Wavelets zur Komprimierung und keine Fraktale. Der Hype um sie ist ebenso abgeflacht, vielleicht hat sie Stefan deshalb verwechselt ;-) .

doch auch in der Öffentlichkeit bekannt: Schmetterlingseffekt -> Wettervorhersage, Herzrhythmus

Weg in Spiele gefunden -> Landschaftsgenerierung mit Terragen

Fraktale in der Natur: Schneeflocken, Küsten, Broccoli oder Blumenkohl

Neuronale Netze

Auch Eingang in die Wirtschaft gefunden -> Unternehmenskultur fraktale Organisation allerdings sind hier die Begriffe aus der Mathematik nur sinngemäß übernommen.

Heute ist Chaostheorie oder Fraktale in den Medien kaum mehr zu hören.

Show Notes und Links

Schlüssel als Ersatz für Kennwörter

Authentifizierung vs. Autorisierung

RSA-Schlüssel nach Rivest, Shamir und Adleman

Public/Private Key

Asymmetrische Verschlüsselung

Schlüssel mit Kennwörtern sichern/entsperren

Verwendung mit Bob und Alice - nö: mit uns

Signierung mit eigenem private key -> authentisch

Verschlüsselung mit fremdem public key -> geheim

ROT13 engl. rotate by 13 places … Caesar-Verschlüsselung

Symmetrisch z.b. Data Encryption Standard (DES), Triple-DES, Advanced Encryption Standard (AES) Blockchiffre

Hash-Funktion, Kollisionen, Rainbow-Tables

Message-Digest Algorithm 5 (MD5) Länge 128 Bit (32 hex)

SHA (aus dem Englischen Secure Hash Algorithm) und SHA-2 (SHA-224, SHA-256, SHA-384 und SHA-512)

Pretty Good Privacy (PGP), Web of Trust, US-Exportgesetz => 1995 als Buch exportiert

GPG GNU Privacy Guard Implementierung von OpenPGP

S/MIME Secure / Multipurpose Internet Mail Extensions

Transport Layer Security TLS a.k.a. Secure Sockets Layer (SSL)

CSR (Certificate Signing Request) Public Key plus Zusatzinfos

Elliptische Kurven - ein Primer

Two factor Authentication mit Google Authenticator / Tokens via SMS oder zur Not Email

KeepassX und Verwunderung

pass Passwortmanager basiert auf

Am Android Smartphone:

OpenKeychain: Easy PGP

Password Store (beta)

JWT JSON Web Tokens

Crypto Party

Show Notes und Links

siehe auch Shownotes zu Episode 12

Matthias Bendel

Webseite

Google +

Twitter: @_mabe

Github

App.net: _mabe

IT-Keller Podcast

Abfahrsmonitor-Projekt

Source Code auf Github

Das eigentliche Script

Raspberry Pi

Das verwendete LC-Display Adafruit RGB positive 16X2 LCD+keypad

Python

RBL Suche - Service auch von Matthias programmiert

Raspian

RaspberryPi.org

RSComponents

AdaFruit

Element 14

I²C

GPIO = Allzweckeingabe/-ausgabe

Open Data bei den Wiener Linien

Open Data Gemeinde Wien

Open Knowledge Foundation

Open Knowledge Foundation Austria

Open Knowledge Meetup Austria in Wien

PyPI - the Python Package Index

Parser für Kommandozeilen-Paramater getopt

HTTP Library für Python Requests

JSON

JSON Beautifier: JSON Formatter

Cron

UTF-8

Putting jobs in background

Rekursives Akronym

Elegoo Uno Projekt Smart Roboter Car Kit

Arduino

Show Notes und Links

Git

Github

Aua-uff-code auf Github: Sourcecode der Webseite

Minimaler Workflow

# einmalig: Repo anlegen git init # Remote Repository hinzufügen git remote add origin git://pfad.zum/repository # und dann regelmäßig: bisherigen Stand von Server holen ("Pullen") git pull origin master # ... arbeiten ... # alle Änderungen sammeln git add --all . # Daraus einen Commit erstellen git commit -am "was habe ich gemacht und warum" # Auf den Server schieben ("pushen") git push origin master

Weiterführende Materialien

Git Tutorial Try Git

Git Buch Pro Git

Show Notes und Links

Matthias Bendel

Webseite

Google +

Twitter: @_mabe

Github

App.net: _mabe

IT-Keller Podcast

Abfahrsmonitor-Projekt

Source Code auf Github

Das eigentliche Script

Zeitungartikel im Standard: Wiener-Linien-Abfahrtsmonitor mit Raspberry Pi gebastelt

Open Data

Open Data bei den Wiener Linien

Raspberry_Pi

des verwendete LCD-Display Adafruit RGB positive 16X2 LCD+keypad

Python

RBL Suche - Service auch von Matthias programmiert

Raspian

Open Knowledge Foundation Austria

Robert Harm und seine Projekte:

Ladezonen Wien

Parkplatzsuche

Raspberry Pi Real-Time Public Transport Departure Monitor ist die Weiterentwicklung von Matthias’ Projekt

CheckIO

Weitere Projekte:

Arduino

Espruino

Bring Your Own Mute Button - Talk auf der Unsubscribe

MIDI

Stefans Heizungssteuerungsüberwachung - Slides zu einem Ruby Vortrag darüber

Stefan Blogposts über sein Blindentaugliches WLAN-Radio und ein Update-Post

FPGA

Contact-Dav Projekt - eigentlich ein Carddav Client

Show Notes und Links

Free Code Camp

Vermutlich hat Stefan diese Podcast Episode des Changelog zu Free Code Camp gehört: The Changelog - Free Code Camp

JQuery

Boostrap hat eine gute Dokumentation

Codepen

Responsive Design

W3School

Erratum: Die aktuelle Version von JQuery ist 3.1.1 !

Twitch

DOM

Atom

Emmet

Tabs versus Spaces

W3C: Javascript Style Guide

Annas Webseite

Show Notes und Links

Internet und WWW

Request-Response-Cycle

Statische und dynamische Webseiten

Domainnamen

IP-Adressen

Web-Server

Standardports: 80 Webserver, 443 https, 25 smtp und viele mehr.

Apache Server

ngnx

lighttpd

HTTP/2

spdy

Fehlermeldungen

Get-Request

Post-Request

Put-Request

Cookies

Disqus

Wordpress

Index.php und mod_php

Model View Controller Konzept

Rails

jQuery

Google Maps

Podlove Webplayer

JSON

PHP

Perl

Node.js

Dokuwiki

API

Framework

Visualisierung des Ladevorgangs in den Google Chrome Developer Tools:

Show Notes und Links

Prisma

EULA

Endnutzer-Lizenzvertrag

Safe Harbor

Max Schrems

Freie Sofware

Die vier Freiheiten

SAP

Nitrous

NDA

choosealicence

CreativeCommons

Souurceforge

Markdown

txt

LaTeX

Freeware

Shareware

Gemeinfreiheit

Public Domain

Open Source

Freie Software

GNU

MIT

Apache

AGPL

Debian - Mozilla Namensstreit

Gnuzilla

Icedove

Beerware

Cardware

Show Notes und Links

Horst Jens in Action

Spielend Programmieren

Horst Jens auf GitHub

Open Source

Geany

Blender

Python

C

C-Sharp, C#

HTML

CSS

Javascript

Assembler

Basic

Scratch

Pocket Code

Java

Eclipse

Guido van Rossum

Python für Kids

Pygame

Lernen am Modell

Visuelles Programmieren

GitHub

Objektorientierte Programmierung

Steam

Lego Mindstorms

Arduino Breadboard

IOT Austria bzw. OSDomotics

Minecraft

Rogue-like

Raspberry Pi

Dungeon Crawl

Burren Coding Camp

Biertaucher Podcast

Show Notes und Links

Integrierte Entwicklungsumgebung (IDE)

Sublime Editor

Atom Editor

VI Editor

Tutorial für VI bei Wikibooks

Syntax Highlighting

Scratch

Syntaxfehler

Stacktrace

Stack

Exercism

Spezifikation

Sunk Cost Fallacy

Best Practice

Cowboy Coder

Tabs versus Spaces

Show Notes und Links

Laura Gaetano

auf Twitter: @alicetragedy

Lauras Homepage

Rails Girls Summer of Code

RGSoC on Twitter

RGSoC Accepted Projects 2016

Travis Foundation

Rails Girls

Rails Girls on Twitter

Ruby Habits Meetup

vienna.rb Meetup

Codecademy

Coursera

Mail Address of Rails Girls Summer of Code summer-of-code@railsgirls.com