exmediawiki - Benutzerbeiträge [de]

Network Graphs

2019-11-24T16:13:07Z

Yannick W: https://www.khm.de/netze/

== Network Graphs ==

=== Terms ===

Networks are systems whose underlying structure can be modeled mathematically as a graph and which have mechanisms for their organization. The graph consists of a series of elements (nodes) connected by connections (edges). A closed train of edges and nodes is called a net.

In mathematics, networks are often referred to as graphs, and the area of mathematics that concerns the study of graphs is referred to as graph theory. Graphs are mathematical structures used to study paired relationships between objects and entities.

If one tries to model systems like the ones mentioned above, one quickly realizes that the simple network model with identical nodes and edges cannot describe important features of real networks. One problem is that the edges in this simplest network model are undirected. In the World Wide Web, for example, the links between the pages are directed. Just because I link from this page to the main page of Wikipedia doesn't mean that Wikipedia places a link from its main page back to this page. Since the edges are directed in this way, we have to use a directed network to describe the World Wide Web. In such a directed graph we usually draw the edges as arrows to indicate the direction, as shown below.

[[Datei:Network_types.jpg]]

a. An undirected network.

b. An undirected network where the nodes and edges have different types, as indicated by their colors and line styles.

c. An undirected network where the nodes and edges have different size and weight.

d. A directed network.

=== History ===

In 1964, RAND scientist Paul Baran drew this famous diagram that shows 3 possible network topologies and their levels of vulnerability in case of a nuclear attack. The distributed network was chosen for the military communication networks that set the foundation for the TCP/IP protocol which is at the core of the internet we use today.

[[Datei:Networks_Paul_Baran.png]]

Alex Galloway and Eugene Thacker [http://amsterdam.nettime.org/Lists-Archives/nettime-l-0403/msg00090.html defined protocols] as all the conventional rules and standards that govern relationships within networks.

They argued that *“If networks are the structures that connect people, then protocols are the rules that make sure the connections actually work.”*

In today's world, where networks are becoming the leading model for power and control, the visualization of complex networks plays an important political role. In 2001, Josh Ons TheyRule.net, one of the pioneering websites to take on this role, was a network diagram writing tool that created diagrams of the most powerful American corporate executives and their members to identify potential conflicts of interest in the power classes.

For example [https://vis.occrp.org/ VIS] is a data visualization platform designed to assist investigative journalists, activists and others in mapping complex business or crime networks.
"Our aim is to help investigators understand and explain corruption, organized crime and other wrongdoings and to translate complex narratives into simple, universal visual language."
But there are a lot more.

According to the networked investigation model, the information puzzle can be solved by collecting and connecting the missing links. Data becomes currency and the network is the model that structures it. The larger the network we draw, the more possibilities we have to navigate within it.

NSA and other state and commercial espionage companies use exactly the same networked investigative model that helps *"good"* people fight corrupt politicians and organized crime, although their motives, goals, and especially their resources are very different.

[[Datei:Xkeyscore-worldmap.jpg]]

== Internet Protocols ==

=== DNS ===

The Domain Name System (DNS) is one of the most important services in many IP-based networks. Its main task is to answer requests for name resolution.

The DNS works similar to a directory enquiry service. The user knows the domain (the name of a computer on the Internet that people can remember) - for example khm.de. He sends this as a request to the Internet. The domain is then converted there by the DNS into the corresponding IP address for example, an IPv4 address of the form 194.95.160.32 or an IPv6 address and thus leads to the correct computer.

<nowiki>
nslookup khm.de
Server: 8.8.8.8
Address: 8.8.8.8#53

Non-authoritative answer:
Name: khm.de
Address: 194.95.160.32
</nowiki>

The KHM ip Adress 194.95.160.32 belongs to one of the Networks owned by "Verein zur Foerderung eines Deutschen Forschungsnetzes e.V."

[[Datei:DFN_iprange.png]]

The IP-address 194.95.160.32 points to the KHM website, but the network is bigger. There are more services for example like mail. Therefore it is very likely that there are other servers or addresses as well. We will get back to that, but first some theory.

=== IPv4 ===

IP Subnets

Standard local network ip Ranges

192.168.0.0/24
172.16.0.0/16
10.0.0.0/8

/24 means the number after the last point can be from 0 to 255.
That means 192.168.0.1 to 192.168.0.255
<nowiki>
192.168.0.1
192.168.0.2
192.168.0.3
192.168.0.4
...
</nowiki>

Possible Hosts connected to this network 254

On a /16 subnet the last two numbers can change from 0 to 255. That means for example
172.16.0.0 to 172.31.255.255.

That are 65534 addresses

/8 affects the last three numbers
10.0.0.0 to 10.255.255.255

16777214 addresses

[http://jodies.de/ipcalc?host=0.0.0.0&mask1=0&mask2= Subnet Calculator]

Special address areas, such as the local ones shown above, are standardized according to [https://tools.ietf.org/html/rfc6890 RFC].

There are some other ranges that are reserved for certain purposes.
According to [https://de.wikipedia.org/wiki/IP-Adresse#Besondere_IP-Adressen this] list, 622,199,809 of around 4.3 billion IPv4 addresses, or 14.5% of all possible IPv4 addresses, serve a specific purpose.

In the following table, you can find all major IP addresses blocks allocated for Germany. Most of these IP blocks are assigned for Internet providers and hosting companies.

[https://www.nirsoft.net/countryip/de.html Major IP Address Blocks For Germany]

With this knowledge and tools like the following it is it possible to visualize the entire Internet as a network graph.

[https://upload.wikimedia.org/wikipedia/commons/d/d2/Internet_map_1024.jpg wikipedia internet map]

[[Datei:Internet_map_1024.jpg]]

== Tools ==

=== nmap ===

[https://nmap.org/ Nmap] ("Network Mapper") is a free and open source (license) utility for network discovery and security auditing. Many systems and network administrators also find it useful for tasks such as network inventory, managing service upgrade schedules, and monitoring host or service uptime. Nmap uses raw IP packets in novel ways to determine what hosts are available on the network, what services (application name and version) those hosts are offering, what operating systems (and OS versions) they are running, what type of packet filters/firewalls are in use, and dozens of other characteristics. It was designed to rapidly scan large networks, but works fine against single hosts.

For reasons unknown, Hollywood has decided that Nmap is the tool to show whenever hacking scenes are needed.
While Nmap had been used in some previous obscure movies, it was "The Matrix Reloaded" which really turned Nmap into a [https://nmap.org/movies/ movie] star!

There is also a graphical tool, called zenmap. With this I have done a scan in the local exmedialab network.

[[Datei:Ping_scan_KHM_exmedialab.png]]

We can see that 13 hosts are online in the local network.

=== masscan ===

We can scan a whole range relatively quickly with certain tools. One of them is [masscan](https://github.com/robertdavidgraham/masscan)

This is the fastest Internet port scanner. It can scan the entire Internet in under 6 minutes, transmitting 10 million packets per second.

As they write on their github page, '''scanning the entire internet is bad''':

While useful for smaller, internal networks, the program is really designed with the entire Internet in mind. It might look something like this:

<nowiki>
# 0.0.0.0/0 is like scanning adresses from 0.0.0.0 to 255.255.255.255. Thats about 4.294.967.294.
# -p0-65535 means all possible ports, a scan for webservers only would just be port 80 and 443

masscan 0.0.0.0/0 -p0-65535
</nowiki>

''Scanning the entire Internet is bad. For one thing, parts of the Internet react badly to being scanned. For another thing, some sites track scans and add you to a ban list, which will get you firewalled from useful parts of the Internet.''

Fortunately, there is one site that has already done just that for us. Like a normal search engine, you can search there for publicly available hosts on the Internet. For example, they can be filtered by region, open ports, or other metadata.

[https://www.shodan.io/search?query=germany Shodan]

And because the KHM website is just behind another node in the internet, that can be addressed by the IP protocoll, we can find its IP-address on shodan, too.

=== DNS Reconnaissance ===

There are a few tools that try to identify networks of organizations from publicly available information, such as DNS database entries.

A nice website for this is [https://dnsdumpster.com/ DNSdumpster]

As we can see, there are a lot more Addresses that belongs to the KHM network.

[[Datei:Khm_dns_ip.png]]

As we can see, another web server has been identified [http://www1.khm.de www1.khm.de].

'''Oooops...'''

=== Maltego ===

So far, we have only seen the purely technical possibilities of representing networks based on the IP protocol. There are some other tools, that can make more dimensions visible.

[https://www.paterva.com/buy/maltego-clients/maltego-ce.php Maltego] is a OSINT (Open Source Intelligence) tool. You have to register to use the community version.

With maltego you can create graphs from collected and public information relatively quickly and easily.
It can automatically crawl websites to search for links to other sites or email addresses, for example.

[[Datei:Khm_maltego_website.png]]

Now we can see how our network starts to get a new level. Through the email addresses, there are now more or less direct links with individual people.

=== Social Networks ===

There are some tools to visualize social media based networks.

=== Data ===

But what do we need to develop more complex network graphs? For example to see connections in larger organisations?

More Data

And indeed if we like, we can think of almost everything in terms of networks. Every place, institution, being, object, word, concept, cell or atom could be a node and as soon as we find any possible way to connect them with a few other nodes, we’ve got ourselves a network. The network is a very flexible and abstract model and can even allow us to overlay other networks and create super-networks and then run network mathematics on them to further analyse the inner workings of the complex emergent system we just discovered.

It is very likely, that most of the needed information is publicly available.

We can connect individuals with locations for example

[[Datei:Maltego_khm_locations_details.png]]

Although the network graph is now more person-centred, it still assumes that there is one organisation, in our case the KHM.

It becomes even more personal if we assume an Induviduum.

[[Datei:Ubermorgen_google_search.png]]

If you are interested in other tools that automatically search the web for usernames or terms, here are two examples.

[https://github.com/laramies/theHarvester The Harvester]

[https://github.com/sherlock-project/sherlock Sherlock]

=== Code ===

We can also view the whole network graph as data or table.

[[Datei:Graph_table.png]]

Therefore we can write further programs, which link the whole data arbitrarily.

<nowiki>
>>> import pandas as pd
>>> data = pd.read_csv("table.csv")
>>> data.head()
EntityID EntityType title ... fqdn website.ssl-enabled ports
0 2w3tc3dy54uyw Organization Art-related ... NaN NaN NaN
1 2w3tc3dy54uzh Organization Media ... NaN NaN NaN
2 2w3tc3dy54uw2 Organization Social Media ... NaN NaN NaN
3 2w3tc3dy54uvh Organization News ... NaN NaN NaN
4 2w3tc3dy54trt Person NaN ... NaN NaN NaN

[5 rows x 9 columns]
</nowiki>

== Other ==

=== Lightbeam ===

[https://addons.mozilla.org/en-US/firefox/addon/lightbeam-3-0/?src=search Lightbeam] is a browser extension that uses interactive visualizations to show you the relationships between third parties and the sites you visit.

This is a visualisation of some worldwide popular news sites and their connections to ad and tracking services.
Every little triangle is a ad or tracking server.

[[Datei:Khm_lightbeam_worldnews.png]]

A very common example of a user tracking service is analytics.google.com. It's located near the center of this graph, because it's connected to almost every page.

[[Datei:Khm_lightbeam_detail.png]]

=== Spiegel Mining ===

A cool example of reverse engineer social relationships with networks:

[Spiegel Mining](http://www.dkriesel.com/spiegelmining)

== Some sources ==

[Twitter Ego Networks](https://towardsdatascience.com/generating-twitter-ego-networks-detecting-ego-communities-93897883d255)

[YouTube tutorial Maltego twitter](https://www.youtube.com/watch?v=wQV8QZLRO3U)

[Python programming](https://www.analyticsvidhya.com/blog/2018/04/introduction-to-graph-theory-network-analysis-python-codes/)

[Darknet Graph](https://incirtesiw.ga/dark-networks-social-network-analysis-of-dark-web-communities)

[Everything is a Network](https://visualisingadvocacy.org/node/739.html)

[Who follows who celebrities on twitter](https://graphics8.nytimes.com/images/2009/03/27/fashion/29twitter_1200.jpg)

Datei:Khm lightbeam detail.png

2019-11-24T16:02:53Z

Yannick W:

Datei:Khm lightbeam worldnews.png

2019-11-24T16:02:23Z

Yannick W:

Datei:Graph table.png

2019-11-24T16:00:53Z

Yannick W:

Datei:Ubermorgen google search.png

2019-11-24T15:59:27Z

Yannick W:

Datei:Maltego khm locations details.png

2019-11-24T15:58:20Z

Yannick W:

Datei:Khm maltego website.png

2019-11-24T15:57:10Z

Yannick W:

Datei:Khm dns ip.png

2019-11-24T15:54:24Z

Yannick W:

Datei:Ping scan KHM exmedialab.png

2019-11-24T15:50:56Z

Yannick W:

Datei:DFN iprange.png

2019-11-24T15:42:59Z

Yannick W:

Datei:Networks Paul Baran.png

2019-11-24T15:34:55Z

Yannick W:

Datei:Network types.jpg

2019-11-24T15:27:13Z

Yannick W: https://creativecommons.org/licenses/by-nc/2.0/#

https://creativecommons.org/licenses/by-nc/2.0/#

Web Hacking

2019-06-08T10:05:06Z

Yannick W:

by Yannick Westphal
<h1>Allgemeines</h1>
<h3>zum Workshop</h3>
<ul>
<li>Fragen</li>
<li>Allgemeines</li>
<li>Ausprobieren</li>
</ul>

<h1>Hacking</h1>
<h3>Code oder Daten? Der Computer entscheidet</h3>
<ul>
<li>Allgemeines</li>
<li>Einschleusen von Code</li>
</ul>

<h1>Kommunikation im Internet</h1>
<h3>Aus der Sicht der Computer</h3>
<ul>
<li>Wo ist das Internet?</li>
<li>Wo ist mein Gesprächspartner?</li>
<li>Wie heißt unser Kommunikationspartner?</li>
<li>Welche Sprache sprechen wir?</li>
</ul>

<h1>Beispiele</h1>
<h3>Request - Response - Client - Server</h3>
<ul>
<li>Mini nc mit Python</li>
<li>Request aus Sicht des Servers</li>
<li>logdateien</li>
<li>cURL und HTTP Header</li>

</ul>

<h1>Hacking Werkzeug Browser</h1>
<h3>Traue keinem Nutzer-Input. Nirgends!</h3>
<ul>
<li>Response - was wissen wir?</li>
<li>Addresszeile - was können wir noch finden?</li>
<li>Parameter - was können wir eingeben?</li>
</ul>

<h1>Darkweb Shop</h1>
<h3>Everything is broken...</h3>
<ul>
<li>Eine von mir programmierte WebApp</li>
<li>Dort können wir Hacks testen</li>
<li>Die Anwendung ist extra unsicher Programmiert</li>
</ul>

<br><br><br><br><hr style="border:2px solid black;"><hr style="border:2px solid black;"><br><br><br><br>

<h1>Allgemeines</h1>
<h3>zum Workshop</h3>
<h4 style="color: red;">Achtung</h4>

<p style="color: red;">
Ich habe einige Beispiele, die wir im Workshop angeschaut haben Entfernt. <br>
Die Testumgebung war auch nur lokal während des Workshops verfügbar <br>
Falls das Interesse besteht sich die Beispiele nochmal anzuschauen, sagt mir einfach Bescheid
</p>

<h4>Fragen:</h4>
<ul>
<li>
Habt ihr Ideen?
</li>
<li>
Was wollt ihr wissen?
</li>
<li>
Was stellt ihr euch unter "Hacking" vor?
</li>
<li>
Programmiersprachen kenntnisse?
</li>
<li>
Was ist interessant?
</li>
</ul>
<h4>Allgemeines</h4>
<ul>
<li>
Hacken muss nicht immer technisch sein
</li>
<li>
Kreativ mit technologie umgehen ist Hacking. Kunst ist Hacking
</li>
<li>
exMedia an der KHM zu studieren ist meiner Meinung nach auch Hacking
</li>
<li>
Trotzdem ist das unbefugte manipulieren von Computersystemen illegal
</li>
<li>
Hacking hat auch seine Schattenseiten wenn es genutzt wird um Menschen zu schaden
</li>
</ul>

<h4>Workshop</h4>
<ul>
<li>
Kali Linux
</li>
<li>
RDP client - mit Kali System verbinden
</li>
<li>
WebApp - DarkWeb Shop zum testen
</li>
<li>
Seite ist extra unsicher programmiert, aber einiges davon gibt es auch "in echt"
</li>
</ul>

<br><br><br><br><hr style="border:2px solid black;"><br><br>

<h1 id="hacking">Hacking</h1>
<h3>Code oder Daten? Der Computer entscheidet</h3>
<ul>
<li>Einschleusen von Code</li>
<li>

[[Datei:Codendata.jpg|rahmenlos]]
</li>
<li>

[[Datei:Hackiansh.jpg|rahmenlos]]
</li>
<li>

[[Datei:Datacodemix.jpg|rahmenlos]]
</li>
<li>
<p style="font-size: 20em">
<"=/>
</p>
</li>
</ul>

<br><br><hr style="border:2px solid black;"><br><br>

<h1 id="kommunikation">Kommunikation im Internet</h1>
<br><br><h3>Aus der Sicht der Computer</h3>
<ul>

<li>
Wir müssen uns klar machen, dass das was der Computer sieht etwas anderes ist als das was wir sehen
</li>
<li>
Wie baut der Computer eine Verbindung zu einer Webseite auf?
</li>
<br><br><h3>1. Wo ist das Internet?</h3>
<ul>
<li>
Verbinduing zum lokalen Netz über Kabel oder WLAN
</li>
<li>
[[Datei:Lankabel.jpg|rahmenlos]]
</li>
<li>
Router - der Weg nach draußen
</li>
<li>
[[Datei:router.jpg|rahmenlos]]
</li>
<li>
Internet - Ein Netz der Netze
</li>
<li>
[[Datei:Ndn.jpg|rahmenlos]]
</li>
<li>
Kommunikation im lokalen Netz über Mac Addressen und interne IP Addressen
</li>

<br>

<p>Das Tool "arp" liefert uns die MAC Addressen und IPs des internen Netzwerks</p>

<pre style="background-color: black; color: green;">

# apt-get install net-tools
# arp -a
DESKTOP-ABCD123.fritz.box (192.168.178.30) at 10:bf:de:ad:be:ef [ether] on enp0s3
fritz.box (192.168.178.1) at c8:0e:de:ad:be:ef [ether] on enp0s3
kali.fritz.box (192.168.178.103) at 08:00:de:ad:be:ef [ether] on enp0s3
</pre>
</ul>

<br><br><h3>2. Wo sind die Gesprächspartner?</h3>
<ul>
<li>
Unter welcher Addresse findet der Computer seine Kommunikationspartner?
</li>
<br>
<p>Das Tool "ip" zeigt uns die internen IP Addressen unserer Netzwerkinterfaces</p>
<br>
<pre style="background-color: black; color: green;">

# ip a
1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default qlen 1
link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00
inet 127.0.0.1/8 scope host lo
valid_lft forever preferred_lft forever
inet6 ::1/128 scope host
valid_lft forever preferred_lft forever
2: enp0s3: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP group default qlen 1000
link/ether 08:00:de:ad:be:ef brd ff:ff:ff:ff:ff:ff
inet 192.168.178.102/24 brd 192.168.178.255 scope global enp0s3
valid_lft forever preferred_lft forever
inet6 fe80::a00:1234:dead:beef/64 scope link
valid_lft forever preferred_lft forever

</pre>

<p>von der Seite ipconfig.io können wir unsere ausgehende IP abfragen</p>

<pre style="background-color: black; color: green;">

# curl ipconfig.io
xxx.xxx.xxx.xxx

</pre>

<li>
Mit dem Ping Tool können wir prüfen, ob ein Server erreichbar ist
</li><br>
<p>In manchen fällen wird Ping geblockt. Es ist also nicht immer zuverlässig. Mit Ctrl+c unter Linux abbrechen. Alternativ mit dem parameter -c 4</p>

<pre style="background-color: black; color: green;">

# ping khm.de 2 ↵
PING khm.de (194.95.160.32) 56(84) bytes of data.
64 bytes from www.khm.de (194.95.160.32): icmp_seq=1 ttl=56 time=35.5 ms
64 bytes from www.khm.de (194.95.160.32): icmp_seq=2 ttl=56 time=35.5 ms
64 bytes from www.khm.de (194.95.160.32): icmp_seq=3 ttl=56 time=35.2 ms
^C
--- khm.de ping statistics ---
3 packets transmitted, 3 received, 0% packet loss, time 2001ms
rtt min/avg/max/mdev = 35.206/35.435/35.585/0.164 ms

</pre>

<br>
<p>Das Tool Traceroute zeigt wie viele Knoten passiert werden bis zum Ziel</p>

<pre style="background-color: black; color: green;">

# traceroute khm.de
traceroute to khm.de (194.95.160.32), 30 hops max, 60 byte packets
1 fritz.box (192.168.178.1) 0.611 ms 0.584 ms 0.667 ms
2 * * *
3 xxx.x.x.x (xxx.x.x.x) 25.533 ms 25.896 ms 26.826 ms
4 xx.xxx.xx.xx (xx.xxx.xx.xx) 29.668 ms 29.577 ms 29.442 ms
5 xx.xxx.xx.xxx (xx.xxx.xx.xxx) 38.220 ms xx.xxx.xx.xxx (xx.xxx.xx.xxx) 38.470 ms xx.xxx.xx.xxx (xx.xxx.xx.xxx) 38.323 ms
6 cr-fra2-be1.x-win.dfn.de (80.81.192.222) 40.200 ms 32.868 ms 32.887 ms
7 * * *
8 * cr-fra2-be11.x-win.dfn.de (188.1.144.222) 39.582 ms *
9 * * *
10 * * *
[ ... ]

</pre>

<br>

<li>
Domain names sind Menschenlesbare IP Addressen
</li>
<li>
Der Computer schaut einfach in einer Tabelle nach, welche IP zu welchem Namen gehört
</li><br>
<p>Mit dem Tool nslookup können wir manuell die Abfrage vornehmen</p>

<pre style="background-color: black; color: green;">

# nslookup khm.de
Server: 192.168.178.1
Address: 192.168.178.1#53

Non-authoritative answer:
Name: khm.de
Address: 194.95.160.32

</pre>

<li>
Bis hierhin erledigt unser Betriebssystem zum Glück die Arbeit
</li>
</ul>

<br><br><h3>3. Wie heißt unser Kommunikationspartner?</h3>
<ul>
<li>
Ein Webserver ist ein Programm, dass an einem Port auf neue Nachrichten wartet
</li>
<li>

[[Datei:Ports.jpg|rahmenlos]]

</li>
<li>
Um mit dem Webserver zu sprechen brauchen wir die richtige Port-Nummer
</li>
<br>
<p>Mit dem Tool netstat können die offenen Ports unseres Systems anzeigen</p>

<pre style="background-color: black; color: green;">

# netstat -tlpn
Active Internet connections (only servers)
Proto Recv-Q Send-Q Local Address Foreign Address State PID/Program name
tcp 0 0 127.0.0.1:3306 0.0.0.0:* LISTEN 477/mysqld
tcp 0 0 0.0.0.0:22 0.0.0.0:* LISTEN 348/sshd
tcp 0 0 127.0.0.1:25 0.0.0.0:* LISTEN 851/exim4
tcp6 0 0 :::80 :::* LISTEN 17526/apache2
tcp6 0 0 :::22 :::* LISTEN 348/sshd
tcp6 0 0 ::1:25 :::* LISTEN 851/exim4

</pre>

<li>
Die Webserver standard Ports sind <b>80 und 443</b>
</li><br>
<p>Mit dem Tool nc können wir manuell eine verbindung aufbauen. Die Option -v macht das sichtbar</p>

<pre style="background-color: black; color: green;">

# nc -v 194.95.160.32 80
Connection to 194.95.160.32 80 port [tcp/http] succeeded!

</pre>
</ul>

<br><br><h3>4. Welche Sprache sprechen wir?</h3>
<ul>
<li>
Kurzes Resumé:
<ul>
<li>
Physische Verbindung (Kable WLAN)
</li>
<li>
Weg ins Internet (Lokales Netz bis Router)
</li>
<li>
Addresse des Servers (IP-Addresse)
</li>
<li>
Port (Programm wartet dort auf unsere Nachricht)
</li>
</ul>

</li>

<li>
Damit das Programm "Webserver" auf dem Port uns versteht, müssen wir die richtige Sprache sprechen
</li><br>
<p>Wir probieren einfach mal irgenwas aus, indem wir uns mit nc verbinden und "Hello World" eintippen. Mit Enter die Eingabe absenden</p>

<pre style="background-color: black; color: green;">

# nc -v 194.95.160.32 80
Connection to 194.95.160.32 80 port [tcp/http] succeeded!

Hello World
HTTP/1.1 400 Bad Request
Server: nginx
Date: Fri, 31 May 2019 22:46:40 GMT
Content-Type: text/html
Content-Length: 166
Connection: close

[...]

</pre>

<li>
Die Antwort ist "Bad Request". Wir konnten scheinbar nicht verständlich sagen was wir wollen.
</li>
<li>
Die Sprache die der Server versteht ist HTTP
</li>
<li>
Um eine Webseite aufzurufen müssen wir einen sogenannten <b>Request</b> senden.
</li>
<li>
Der Webserver kann dann mit einer <b>Response</b> antrworten. So sieht es das Protokoll vor
</li>
<li>
Ein Request ist wie folgt aufgebaut:
<ul>
<li>
Methode: GET
</li>
<li>
Datei: /index.html
</li>
<li>
Sprache+Version: HTTP/1.0
</li>
</ul>
<b>GET /index.html HTTP/1.0</b>
</li><br>

<p>Mit nc können wir testen ob der Websever nun anders Reagiert. Es ist nötig zwei mal Enter zu drücken um den Request abzuschicken</p>

<pre style="background-color: black; color: green;">

# nc -v 194.95.160.32 80
Connection to 194.95.160.32 80 port [tcp/http] succeeded!

GET /datei HTTP/1.0

HTTP/1.0 200 OK
Server: nginx
Date: Fri, 31 May 2019 22:54:27 GMT
Content-Type: text/html
Content-Length: 612
Last-Modified: Tue, 04 Dec 2018 15:03:06 GMT
Connection: keep-alive
Keep-Alive: timeout=5
ETag: "5c06972a-264"
Accept-Ranges: bytes

[...]

</pre>

<h3>Zusammenfassung</h3>
<pre>
-----------------
| |
| client |
| |
-----------------
| |
==========

Klick in der Anwendung ----->
Request vom Browser ----->
Kommunikations-Schicht ----->
Transportschicht ----->
Vermittlungsschicht ----->
Sicherungsschicht ----->
Physische Übertragung ----->
-----------------------------------------------------------------------
INTERNET
-----------------------------------------------------------------------
<----- Physische Übertragung
<----- Sicherungsschicht
<----- Vermittlungsschicht
<----- Transportschicht
<----- Kommunikations-Schicht
<----- Response vom Server
<----- Verarbeitung vom Request

__________
| |
| |
| Server |
| |
| |
| |
|________|
</pre>

<li>
Ein Blick in tiefere Schichten lohnt sich beim Hacking immer!
</li>

</ul>
</ul>

<br><br><hr style="border:2px solid black;"><br><br>

<h1 id="terminal">Beispiele</h1>
<h3>Request - Response - Client - Server</h3>
<ul>
<br><br><h3>1. Mini nc mit Python</h3>
<ul>
<li>
Die genutzte Funktion von dem Tool nc können wir relativ einfach nachbauen:
</li>
<br>
<p>Wir nutzen die "Socket" Bibliothek von Python</p>

<pre class="prettyprint" style="border: 0px;">

import socket
try:
s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

"""
AF_INET is an address family that is used to designate the type of addresses that your socket can communicate with (in this case, Internet Protocol v4 addresses).
When you create a socket, you have to specify its address family, and then you can only use addresses of that type with the socket.
The Linux kernel, for example, supports 29 other address families such as UNIX (AF_UNIX) sockets and IPX (AF_IPX), and also communications with IRDA and Bluetooth (AF_IRDA and AF_BLUETOOTH, but it is doubtful you'll use these at such a low level).
For the most part, sticking with AF_INET for socket programming over a network is the safest option. There is also AF_INET6 for Internet Protocol v6 addresses.

SOCK_STREAM means that it is a TCP socket.
SOCK_DGRAM means that it is a UDP socket.
"""

except socket.error as err:
print "socket creation failed with error %s" %(err)

port = 80
host_ip = "194.95.160.32"

s.connect((host_ip, port))

s.sendall("GET / HTTP/1.1\r\n\r\n")

"""
\r\n=carriage return (CR) and line feed (LF) (Zeilenumbruch)
HTTP/1.1 defines the sequence CR LF as the end-of-line marker for all protocol elements except the entity-body
https://tools.ietf.org/html/rfc2616
"""

print s.recv(1024)
s.close()

</pre>
</ul>

<br><br> <h3>2. Request aus Sicht des Servers</h3>
<ul>
<li>
Python3 bringt ein Modul für einen sehr kleinen aber funktionalen Webserver mit
</li>
<li>
Wir müssen in ein Verzeichnis wechseln, dass wir "online" stellen wollen
</li>
<li>
Alle Dateien in dem Verzeichnis können nun z.B. über den Browser abgerufen werden
</li>
<li>
So kann jeder im lokalen Netzwerk Dateien teilen. Man braucht nur die IP-Addresse, den Port und den Dateinamen
</li><br>
<p>Simple HTTP Server Modul von Python</p>

<pre style="background-color: black; color: green;">

# python3 -m http.server 1337
Serving HTTP on 0.0.0.0 port 1337 ...

192.168.178.30 - - [05/Jun/2019 23:24:38] "GET / HTTP/1.1" 200 -
192.168.178.30 - - [05/Jun/2019 23:24:38] code 404, message File not found
192.168.178.30 - - [05/Jun/2019 23:24:38] "GET /favicon.ico HTTP/1.1" 404 -

</pre>
</ul>
<br><br><h3>3. Logdateien</h3>
<ul>
<li>
Server speichern alle Anfragen in Logdateien
</li>
<li>
Teilweise "komische" Anfragen
</li>
<li>
Wir können sehen, dass die Seite ständig von Bots aufgerufen wird.
</li>
<li>
Auffällig sind aber vor allem die Anfragen auf /wp-admin.php und /admin/
</li>
<br>
<p>Ein Auszug der Logdaten von meinem gemieteten Webspace</p>

<pre style="background-color: black; color: green;">

111.202.101.0 - - [05/Jun/2019:00:17:54 +0200] "GET /robots.txt HTTP/1.1" 404 289 "-" "Sogou web spider/4.0(+http://www.sogou.com/docs/help/webmasters.htm#07)"
111.202.101.0 - - [05/Jun/2019:00:17:54 +0200] "GET / HTTP/1.1" 200 163 "-" "Sogou web spider/4.0(+http://www.sogou.com/docs/help/webmasters.htm#07)"
193.70.34.0 - - [05/Jun/2019:01:53:01 +0200] "GET /connectors/system/phpthumb.php HTTP/1.1" 404 310 "-" "Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36"
157.55.39.0 - - [05/Jun/2019:02:07:40 +0200] "GET /robots.txt HTTP/1.1" 404 285 "-" "Mozilla/5.0 (compatible; bingbot/2.0; +http://www.bing.com/bingbot.htm)"
207.46.13.0 - - [05/Jun/2019:02:07:42 +0200] "GET / HTTP/1.1" 304 - "-" "Mozilla/5.0 (compatible; bingbot/2.0; +http://www.bing.com/bingbot.htm)"
79.137.20.0 - - [05/Jun/2019:02:24:32 +0200] "GET /wp-login.php HTTP/1.1" 404 287 "-" "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0"
178.32.136.0 - - [05/Jun/2019:04:14:12 +0200] "GET /wp-login.php HTTP/1.1" 404 287 "-" "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0"
157.55.39.0 - - [05/Jun/2019:04:59:02 +0200] "GET /robots.txt HTTP/1.1" 404 285 "-" "Mozilla/5.0 (compatible; bingbot/2.0; +http://www.bing.com/bingbot.htm)"
66.249.76.0 - - [05/Jun/2019:08:20:57 +0200] "GET /robots.txt HTTP/1.1" 404 290 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
66.249.76.0 - - [05/Jun/2019:08:49:26 +0200] "GET /robots.txt HTTP/1.1" 404 285 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
66.249.76.0 - - [05/Jun/2019:08:49:26 +0200] "GET /ads.txt HTTP/1.1" 404 282 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
58.250.125.0 - - [05/Jun/2019:09:12:15 +0200] "GET /robots.txt HTTP/1.1" 404 285 "-" "Sogou web spider/4.0(+http://www.sogou.com/docs/help/webmasters.htm#07)"
58.250.125.0 - - [05/Jun/2019:09:12:16 +0200] "GET / HTTP/1.1" 200 178 "-" "Sogou web spider/4.0(+http://www.sogou.com/docs/help/webmasters.htm#07)"
209.17.96.0 - - [05/Jun/2019:10:18:40 +0200] "GET / HTTP/1.1" 200 163 "-" "Mozilla/5.0 (compatible; Nimbostratus-Bot/v1.3.2; http://cloudsystemnetworks.com)"
209.17.97.0 - - [05/Jun/2019:11:57:04 +0200] "GET / HTTP/1.1" 403 292 "-" "Mozilla/5.0 (compatible; Nimbostratus-Bot/v1.3.2; http://cloudsystemnetworks.com)"
218.30.103.0 - - [05/Jun/2019:12:10:50 +0200] "GET /robots.txt HTTP/1.1" 404 285 "-" "Sogou web spider/4.0(+http://www.sogou.com/docs/help/webmasters.htm#07)"
218.30.103.0 - - [05/Jun/2019:12:10:50 +0200] "GET / HTTP/1.1" 200 178 "-" "Sogou web spider/4.0(+http://www.sogou.com/docs/help/webmasters.htm#07)"
145.239.123.0 - - [05/Jun/2019:14:55:53 +0200] "GET /wp-login.php HTTP/1.1" 404 287 "-" "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0"
185.234.217.0 - - [05/Jun/2019:16:37:16 +0200] "GET /wp-login.php HTTP/1.1" 404 287 "-" "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)"
185.234.217.0 - - [05/Jun/2019:16:37:16 +0200] "GET //wp-login.php HTTP/1.1" 404 287 "-" "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)"
34.221.67.0 - - [05/Jun/2019:18:40:57 +0200] "GET / HTTP/1.1" 200 178 "-" "Go-http-client/1.1"
123.126.113.0 - - [05/Jun/2019:20:16:08 +0200] "GET /robots.txt HTTP/1.1" 404 289 "-" "Sogou web spider/4.0(+http://www.sogou.com/docs/help/webmasters.htm#07)"
123.126.113.0 - - [05/Jun/2019:20:16:08 +0200] "GET / HTTP/1.1" 200 163 "-" "Sogou web spider/4.0(+http://www.sogou.com/docs/help/webmasters.htm#07)"

</pre>
</ul>

<br><br><h3>4. cURL und HTTP Header</h3>
<ul>
<li>
Schauen wir uns mal weitere Daten an, die bei der Kommunikation über HTTP gesendet werden
</li>
<li>
Dafür nutzen wir curl
</li>
<li>
Die Option -v ist für den "verbose"-Modus. So können wir einen Detaillierteren Output bekommen
</li>
<br>
<p>Das Tool "cURL" ist ein Tool um Requests zu senden und Responses zu empfangen. Es hat sehr umpfangreiche Funktionen</p>

<pre style="background-color: black; color: green;">

# curl -v khm.de
* Trying 194.95.160.32...
* TCP_NODELAY set
* Expire in 200 ms for 4 (transfer 0x56414fdeddd0)
* Connected to khm.de (194.95.160.32) port 80 (#0)
> GET / HTTP/1.1
> Host: khm.de
> User-Agent: curl/7.64.0
> Accept: */*
>
< HTTP/1.1 301 Moved Permanently
< Server: nginx
< Date: Fri, 31 May 2019 22:59:05 GMT
< Content-Type: text/html
< Content-Length: 178
< Connection: keep-alive
< Keep-Alive: timeout=5
< Location: https://www.khm.de/
<

[...]

* Connection #0 to host khm.de left intact

</pre>
<li>
Die Header mit > sendet curl. Die mit < empfangen wir
</li>
<li>
Eine neue Antwort der Servers: Moved Permanently
</li>
<li>
Wo wurde es hin verschoben? Location:
</li>
<br>
<p>Abfragen der neuen Location "https://www.khm.de" mit curl</p>

<pre style="background-color: black; color: green;">

# curl -v https://www.khm.de
* Rebuilt URL to: https://www.khm.de/
* Trying 194.95.160.32...
* TCP_NODELAY set
* Connected to www.khm.de (194.95.160.32) port 443 (#0)
* ALPN, offering h2
* ALPN, offering http/1.1
* Cipher selection: ALL:!EXPORT:!EXPORT40:!EXPORT56:!aNULL:!LOW:!RC4:@STRENGTH
* successfully set certificate verify locations:
* CAfile: /etc/ssl/certs/ca-certificates.crt
CApath: /etc/ssl/certs
* TLSv1.2 (OUT), TLS header, Certificate Status (22):
* TLSv1.2 (OUT), TLS handshake, Client hello (1):
* TLSv1.2 (IN), TLS handshake, Server hello (2):
* TLSv1.2 (IN), TLS handshake, Certificate (11):
* TLSv1.2 (IN), TLS handshake, Server key exchange (12):
* TLSv1.2 (IN), TLS handshake, Server finished (14):
* TLSv1.2 (OUT), TLS handshake, Client key exchange (16):
* TLSv1.2 (OUT), TLS change cipher, Client hello (1):
* TLSv1.2 (OUT), TLS handshake, Finished (20):
* TLSv1.2 (IN), TLS change cipher, Client hello (1):
* TLSv1.2 (IN), TLS handshake, Finished (20):
* SSL connection using TLSv1.2 / ECDHE-RSA-AES256-GCM-SHA384
* ALPN, server accepted to use http/1.1
* Server certificate:
* subject: CN=www.khm.de
* start date: Jun 1 02:32:22 2019 GMT
* expire date: Aug 30 02:32:22 2019 GMT
* subjectAltName: host "www.khm.de" matched cert's "www.khm.de"
* issuer: C=US; O=Let's Encrypt; CN=Let's Encrypt Authority X3
* SSL certificate verify ok.
> GET / HTTP/1.1
> Host: www.khm.de
> User-Agent: curl/7.52.1
> Accept: */*
>
< HTTP/1.1 302 Found
< Server: nginx
< Date: Wed, 05 Jun 2019 21:43:47 GMT
< Content-Type: text/html; charset=UTF-8
< Content-Length: 0
< Connection: keep-alive
< Keep-Alive: timeout=5
< X-Powered-By: PHP/5.6.40
< Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0
< X-Accel-Expires: 3600
< Last-Modified: Wed, 05 Jun 2019 23:00:36 GMT
< Location: /home/
< X-XSS-Protection: 1; mode=block
< X-Content-Type-Options: nosniff
< X-Frame-Options: DENY
< X-Download-Options: noopen
< Access-Control-Allow-Origin: *
< Access-Control-Allow-Methods: GET,POST,OPTIONS
< X-Cache-Status: HIT
<
* Curl_http_done: called premature == 0
* Connection #0 to host www.khm.de left intact

</pre>
<li>
Der Server schläggt uns erneut vor an einer anderen Stelle zu suchen: /home/
</li>
<br>
<p>Abfragen der neuen Location "https://www.khm.de/home/" mit curl</p>

<pre style="background-color: black; color: green;">

# curl -v https://www.khm.de/home/
* Trying 194.95.160.32...
* TCP_NODELAY set
* Connected to www.khm.de (194.95.160.32) port 443 (#0)
* ALPN, offering h2
* ALPN, offering http/1.1
* Cipher selection: ALL:!EXPORT:!EXPORT40:!EXPORT56:!aNULL:!LOW:!RC4:@STRENGTH
* successfully set certificate verify locations:
* CAfile: /etc/ssl/certs/ca-certificates.crt
CApath: /etc/ssl/certs
* TLSv1.2 (OUT), TLS header, Certificate Status (22):
* TLSv1.2 (OUT), TLS handshake, Client hello (1):
* TLSv1.2 (IN), TLS handshake, Server hello (2):
* TLSv1.2 (IN), TLS handshake, Certificate (11):
* TLSv1.2 (IN), TLS handshake, Server key exchange (12):
* TLSv1.2 (IN), TLS handshake, Server finished (14):
* TLSv1.2 (OUT), TLS handshake, Client key exchange (16):
* TLSv1.2 (OUT), TLS change cipher, Client hello (1):
* TLSv1.2 (OUT), TLS handshake, Finished (20):
* TLSv1.2 (IN), TLS change cipher, Client hello (1):
* TLSv1.2 (IN), TLS handshake, Finished (20):
* SSL connection using TLSv1.2 / ECDHE-RSA-AES256-GCM-SHA384
* ALPN, server accepted to use http/1.1
* Server certificate:
* subject: CN=www.khm.de
* start date: Jun 1 02:32:22 2019 GMT
* expire date: Aug 30 02:32:22 2019 GMT
* subjectAltName: host "www.khm.de" matched cert's "www.khm.de"
* issuer: C=US; O=Let's Encrypt; CN=Let's Encrypt Authority X3
* SSL certificate verify ok.
> GET /home/ HTTP/1.1
> Host: www.khm.de
> User-Agent: curl/7.52.1
> Accept: */*
>
< HTTP/1.1 200 OK
< Server: nginx
< Date: Wed, 05 Jun 2019 21:47:48 GMT
< Content-Type: text/html; charset=utf-8
< Transfer-Encoding: chunked
< Connection: keep-alive
< Keep-Alive: timeout=5
< X-Powered-By: PHP/5.6.40
< Cache-Control: public, max-age=1800
< X-Accel-Expires: 86400
< Last-Modified: Wed, 05 Jun 2019 23:00:36 GMT
< X-cellms-content-version: 226
< X-XSS-Protection: 1; mode=block
< X-Content-Type-Options: nosniff
< X-Frame-Options: DENY
< X-Download-Options: noopen
< Access-Control-Allow-Origin: *
< Access-Control-Allow-Methods: GET,POST,OPTIONS
< X-Cache-Status: HIT
<

[...]

</pre>
<li>
200 OK - und jede Menge Quellcode der Website...
</li>
</ul>
</ul>

<br><br><hr style="border:2px solid black;"><br><br>

<h1 id="browser">Hacking Werkzeug Browser</h1>
<h3>Traue keinem Nutzer-Input. Nirgends!</h3>
<ul>
<br><br><h3>1. Response - was wissen wir?</h3>
<ul>
<li>
Schauen wir uns mal eine Seite im Browser an
</li>
<li>
Im Browser rufen wir die Seiten prinzipiell genau sp auf, wie wir es eben mit den tools gemacht haben
</li>
<li>
Es gibt eine Addresszeile wo wir den Namen und die gewünschte Datei eingeben können
</li>
<li>
Nur weil die Seiten uns gerne auf den vorgegebnenen Pfaden halten wollen heißt das nciht, dass wir uns daran halten müssen.
</li>
<li>
Manchmal bekommen wir auch unerwartete Anworten, wenn wir etwas unerwartetes fragen
</li>
<pre>

khm.de
https://www.khm.de/home/asd

exmediawiki.khm.de
https://exmediawiki.khm.de/exmediawiki/asd

</pre>
<li>
Im 2. Fall liefert uns der Error gleich Informationen zum Webserver und Betriebssystem
</li>
<li>
Die Infos können für echte Hacker durchaus interessant sein. Einfach mal googlen evtl. zusammen mit dem Wort "exploit"
</li>
<li>
es lohnt sich allerdings nicht nur den Pfad zur Datei zu manipulieren sondern auch alle anderen Möglichkeiten.
Das allseits beliebte "www" vor einer Seite ist eine sogenannte Subdomain und wir können ja mal schauen,
ob es noch andere gibt "exmediawiki" ist ja schon mal eine. Oder wir lassen es einfach ganz weg:
</li>
<pre>

https://khm.de/home/

</pre>
<li>
Es gibt eine Zertifikatswarnung, da der Name im Zertifikat nicht mit der vollständigen Domain übereinstimmt
Das ist ein potentielles risiko, da in anderen Fällen eine Verbindung dadurch angreifbar werden könnte.
Angriffe auf die Kryptographie sind jedoch eher selten und erfordern sehr spezielle Umstände

</li>
<li>
Aber schauen wir uns erstmal weiter um
</li>
<li>
Was wir nicht vernachlässigen sollten ist ein Blick in den HTML Code
</li>
<p>HTML - HEAD definiert Regeln wie der Body dargestellt wird. Body - zeigt den Inhalt</p>

<pre>

<!DOCTYPE html>

<head>
<style>
a {
color: red;
}
</stlye>
<meta>
</head>

<body>
<div>
<p></p>
<a></a>
<img>
<a><a/>
<ul>
<li></li>
<li></li>
</ul>
</div>
</body>

</hmtl>

</pre>

<li>
HTML Attribute geben dem Code etwas dynamik
</li>
<pre>

alt Specifies an alternative text for an image, when the image cannot be displayed
disabled Specifies that an input element should be disabled
href Specifies the URL (web address) for a link
id Specifies a unique id for an element
src Specifies the URL (web address) for an image
style Specifies an inline CSS style for an element
title Specifies extra information about an element (displayed as a tool tip)

</pre>

<pre class="prettyprint" style="border: 0px;">

<body>
<div id="test">
<p style="color:red">red?</p>
<a href="https://khm.de"></a>
<img src="cool.jpg" alt="cool" width="50%">
<ul>
<li title="I'm a tooltip">hello</li>
<li id="li2">test</li>
</ul>
</div>
</body>

</pre>

<li>
Javascript wird in unserem Browser ausgeführt
</li>
<li>
Das bedeutet: wir haben die volle Kontrolle, was das Javascript macht. Wir müssen es nicht das tun lassen, was die Programmiererin will
</li>
<li>
Wir können den Sourcecode komplett sehen
</li>

<pre class="prettyprint" style="border: 0px;">

<script>
let beispiel = "yellow";
document.body.style.backgroundColor = beispiel;
</script>

<button onclick="myFunction()">Click me</button>

<script>
function myFunction()
{
let beispiel = "red";
document.body.style.backgroundColor = beispiel;
}
</script>

</pre>

<br>
<li>
Firefox und Chrome bieten "Entwicklertools" zum untersuchen von Webseiten an (F12)
</li>
<li>
Der Head Bereich ist besonders interessant, wenn eigenes Javascript geladen wird
</li>
<li>
Im Body Bereich lohnt es sich nach Kommentaren oder versteckten Feldern zu suchen
</li>

<br><br><h3>2. Addresszeile - was können noch finden?</h3>
<ul>

<li>
Wir können sehr viel an der Addresse manipulieren und probieren, aber dass wir so zufällig etwas finden ist eher unwahrscheinlich.
Zum Glück gibt es dafür auch entsprechende Tools, die einfach der Reihe nach bekannte Dateien ausprobieren
</li>
<li>
Wenn der Sever den Status 200 OK zurückgibt wissen wir, dass es die Datei geben muss. So kann zu Beispiel folgendes gefunden werden
</li>
<li>
Manchmal ist es aber auch viel einfacher, da ein Hacker erstmal manuell die "Low hanging Fruits" ausprobiert.
</li>
<li>
Ein Beipsiel wäre "/admin" an die Addresse zu hängen. Das kann sogar in meinen Logdateien beobachtet werden. Mit etwas glück kommen wir auf eine Login-Seite...
</li>

<li>
An diesem Punkt müssen wir aber stoppen. Aus ethischen und rechtlichen Gründen
</li>
<li>
Wir können aber mit dem login der Testumgebung weitermachen
</li>
</ul>

<br><br><h3>3. Parameter - was können wir eingeben?</h3>
<ul>
<li>
Der nächste Schritt ist sich die Funktionalittäten genauer anzuschauen.
</li>
<li>
Wir sollten uns ungefähr vorstellen können, was die Webanwendung überhaupt kann.
Ein Onlinebanking wird sich in seiner Funktionalität von einem Blog zumindest
in einigen Punkten unterscheiden
</li>
<li>
Zuerst sollten wir uns also einen Überblick üpber die Funkltionen verschaffen, indem wir einfach
mal ausprobielen, können wir etwas eingeben? Gibt es buttons usw.?
</li>
<li>
Was genau können wir eingeben? Was passiert mit unserer Eingabe?
</li>
<li>
Da wir leider oft nicht genau sagen können, was genau der Server mit unseren Daten macht, müssen wir
durch sogenanntes Reverse egineering versuchen die Funktionen möglichst umfassend zu rekonstruieren.
</li>
<li>
Reverse Engineering bedeutet durch die Eingabe von vielen Test-Daten das Verhalten eines Programms herauszufinden
</li>
<li>
Hacker versuchen an allen möglichen Punkten Code einzuschleusen
</li>
<li>
Die Vermischung von Code und Daten
</li>

</ul>
<br><br><h3>4. Cookies</h3>
<ul>
<li>
Cookies sind kleine Text-Dateien, die eine Seite auf unserem Computer ablegt
</li>
<li>
In der Regel werden sie vom Browser gespeichert und verwaltet.
</li>
<li>
Sie gehören jeweils zu einer bestimmten Website und werden bei einem Request an die Seite mitgeschickt
</li>
<li>
Durch Session-Cookies kann die Webapp den Nutzer über verschiedene Seiten hinweg verfolgen
</li>
<li>
Andere Daten wie z.B. die Einkäufe im Einkaufswagen können ebenfalls in Cookies beim Nutzer gespeicher werden
</li>
<li>
Wenn der Server die Cookies verarbeitet können wir versuchen das verhalten durch manipulierte Cookies zu ändern
</li>

<br><br><hr style="border:2px solid black;"><br><br>

<h1 id="shop">Darkweb Shop</h1>
<h3>Everything is broken...</h3>
<ul>
<br><br><h3>1. Ersten login überwinden</h3>
<ul>
<li>
Javascript Source Code
</li>
</ul>

<br><br><h3>2. Zweiten login überwinden</h3>
<ul>
<li>
User Enumeration
</li>
</ul>

<br><br><h3>3. Open Redirect Vulnerability</h3>
<ul>
<li>
Redirect nach dem Login
</li>
<li>
Beispiel Redirect auf: http://<meine ip>/rdr/login.php
</li>
</ul>

<br><br><h3>4. Cross Site Scripting</h3>
<ul>
<li>
Führe Code im Browser deiner Opfer aus
</li>
<li>
Beispiel XSS Angriff
</li>
</ul>

<br><br><h3>5. Debug Parameter</h3>
<ul>
<li>
debug=true
</li>
</ul>

<br><br><h3>6. Hidden Directorys</h3>
<ul>
<li>
Debug? Admin? WTF?
</li>
</ul>

<br><br><h3>7. Ping Tool</h3>
<ul>
<li>
Jede seriöse Seite braucht ein Ping-Tool
</li>
<li>
Beispiel RCE Angriff
</li>
</ul>

<br><br><h3>8. Session Stealing</h3>
<ul>
<li>
Gib dich als anderer User aus
</li>
</ul>

<br><br><h3>9. Upload Shell</h3>
<ul>
<li>
PHP Code hochladen
</li>
</ul>

<br><br><h3>10. File Inclusion</h3>
<ul>
<li>
RFI & LFI
</li>
</ul>

<br><br><br><br>

<h1>DANKE!</h1>

<br><br><br><br>

[[Category:HowTo]]
[[Category:GNU/Linux]]
[[Category:Programmierung]]
[[Category:FLOSS]]
[[Category:Command Line]]
[[Category:Hacking]]
[[Category:Workshop]]

Open Lab

2019-06-07T16:34:17Z

Yannick W: /* Web-Hacking */

Fachseminar Hauptstudium und weiterqualifizierendes Studium

Freitag wöchentlich 11:00 – 14:00

Erster Termin 03.05.2019

Filzengraben 8 - 10, Labor für Experimentelle Informatik

Das "Open Lab" versteht sich als offenes Forum und Treffpunkt
zur Diskussion aktueller Interessen und gemeinsamer Forschungs-
schwerpunkte innerhalb der Fächergruppe exMedia und darüber
hinaus. Im Zentrum des Open Labs stehen Workshops zu
experimentellen Methoden, Arbeitsweisen und Techniken, die sowohl
von Euch Studierenden selbstorganisiert, als auch von uns Lehrenden
sowie eingeladenen Gästen angeboten werden. Die jeweilige Form
ist frei gestaltbar. Es kann sich hierbei um einen Kurz-Workshop
in der Entstehungsphase handeln, oder aber auch um ein bereits
ausgereiftes Workshopformat. Auch Vorträge, Projektpräsentationen,
Diskussionsrunden, Exkursionen o.ä. sind ergänzend möglich.

Themenschwerpunkte sind u.a.:
* DIY-Elektronik und Prototyping
* Künstliche Intelligenz & Maschinelles Sehen
* Code | Art & Politics
* VR
* Biologische Medien
* Duft bzw. Geruch als Medium
* Food & Fermentation
* Permakultur & Hochbeetebau
* Drucktechniken

Wer Interesse hat eine Session zu gestalten (mit uns oder auch
alleine) meldet sich bitte bis 03.05. bei Jacqueline, Christian oder
Verena oder kommt zur ersten Sitzung. In dieser organisieren
wir die jeweiligen Termine und geben eine gemeinsame Einführung.

=Termine=
* '''03.05''' organisatorisches...
----
* '''10.05.'''
** Präsentation Soo Yeun << Präsentation »Clock-Hands«
** Camilo
** Präsentation Tae jin << Präsentation »Installation«
** Dawid << kurze Beschreibung der Projektideen [[Neigungsgruppe Medienfassade]]
** 12.30 Uhr – Präsentation und Orga-Treffen des Projekts [[KHM-Garten|KHM-Garten]]; danach kleiner Rundgang durch den Hof und gemeinsame Weiterarbeit
----
* '''17.05.'''
** Workshop [[#DIY_Interfaces|DIY Interfaces]]
** Danach ggf. gemeinsame Bepflanzung der Baumscheiben am Peter-Welter-Platz; siehe [[KHM-Garten|KHM-Garten]]
----
* '''24.05.'''
** Workshop [[#Gender & Sound|Gender & Sound]] (Anmeldung bis 22. Mai bei Franziska Windisch)
----
* '''31.05.''' (Brückentag)
----
* '''07.06.'''
** Workshop [[#Web-Hacking|Web-Hacking]]
----
* '''14.06'''
** Workshop in der Pfalz im Rahmen des Seminars [[Kunst & KI]]
----
* '''21.06.'''
** Workshop [[#Processing|Einführung in Processing]] & [[Neigungsgruppe Medienfassade]]
** ggf. Workshop [[#Arbeiten auf der Kommandozeile|Arbeiten auf der Kommandozeile]]
----
* '''28.06'''
** Workshop [[#Sound Live-streaming|Sound Live-streaming]]
** Workshop [[#DIY_Interfaces|DIY Interfaces#2]]
----
* '''05.07'''
** Feedback

=TeilnemerInnen=
{| class="wikitable"
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Yue|Yue]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Jhen|Jacqueline]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Florian|Florian]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Rimma|Rimma]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Sophia|Sophia]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Priska|Priska]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Jiyun.P|Jiyun]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Yannick_W|Yannick]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Soojin|Soojin]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Soo_yeun|Soo Yeun]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:camillo|Camilo]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:C.heck|Christian]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Verena|Verena_F]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Dawid|Dawid]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Taejin|Taejin]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Katharina|Katharina]]
| style="height:100px; width:150px; text-align:center;" |
| style="height:100px; width:150px; text-align:center;" |
|}

=Workshops=
==[[Neigungsgruppe Medienfassade]]==
[[Datei:NGMF Logo.gif|rahmenlos|right]]
[http://dawidliftinger.com/ Dawid Liftinger] organisiert eine kleine Kooperation mit dem Ars Electronica Center in Linz / Österreich. Studierende der KHM sind eingeladen im September die Medienfassade des Centers in Linz zu bespielen, vielleicht auch während des Festivals vom 5.9. - 9.9.

'''Projektseite: [[Neigungsgruppe Medienfassade]]'''

----

==[https://www.khm.de/termine/news.4694.workshop-gender-sound/ Gender & Sound]==

Workshop mit der Musikerin und Kuratorin [http://www.q-o2.be/en/artist/julia-eckhardt/ Julia Eckhardt].
[[File: Julia_eckhardt_sokolowsko_detail.jpg|400px|right]]
Bitte bis 22. Mai anmelden bei Franziska Windisch: [mailto:windisch@khm.de windisch@khm.de]

In der Umfrage, die der Publikation "The Second Sound" vorausging, wurden Musiker*innen und Klangkünstler*innen zur Rolle befragt, die Gender in einem breiten Sinne auf ihre künstlerische Praxis und ihr Werk hat. Obwohl einhellig bestätigt wurde, dass Persönlichkeit und Lebensumstände Einfluss haben, löste die gleiche Frage zum Teil großen Widerstand aus.

In diesem Workshop soll dieser Frage auf den Grund gegangen werden. Es werden gemeinsam Beispiele von Sound-Werken angehört und in dieser Hinsicht besprochen. Was für eine Person ist der/die Autor*in möglicherweise? Unter welchen Umständen wurde das Werk geschaffen? In welchem es umgebenden kulturellen Kontext? Was sollte bezweckt oder ausgedrückt werden? Auch Werke der Teilnehmer*innen selbst sollen am eigenen Hören der Workshop-Gruppe getestet.

'''Projektseite: [https://www.khm.de/termine/news.4694.workshop-gender-sound/ Gender & Sound @ khm.de]'''

----

==DIY Interfaces==
[[File: Controlador_hiroshigue_small.jpg|400px|right]]

Workshop with [http://camilosandoval.de/ Camilo Sandoval] in '''DIY Interfaces for sound, image or interactive installations'''

# a fly-over starting by arduino and serial comunication
# then cellphone as MIDI controller and
# in then end multiple objects on a network like for example raspberries + laptops synchronized through OSC.

OPTIONAL: It will end up in using the body as interface by using the motion tracking suit.

'''IMPORTANT:'''

* Bring your laptop, your cellphone and the data cable to connect the phone to the computer.
* On phones Android and IOS are supported.
* On computers Windows and IOS.

Please download and install the following programs:

* on your laptop
# [https://processing.org/download/ Processing], for programming visuals and more.
# [https://puredata.info/downloads/pure-data PureData], for programming sound and more.
# [https://www.arduino.cc/en/Main/Software Arduino], for conneting with physical interfaces.
# [http://danieliglesia.com/mobmuplat/MobMuPlatDistribution_1.82iOS_0.34Android.zip MobMuPlat], for designing the interfaces for phone/tablet.

* on your phone download the MobMuPlat App (Android or IOS).

One week before the Lab I will upload some examples that you should also download.

----

==[[Web-Hacking]]==

Yannick Westphal
[[Datei:Hack KHM.gif|miniatur]]
----

==KHM-Garten==

''' siehe Projektseite: [[KHM-Garten]]'''

verschiedene Aktivitäten über das Semester verteilt...
* Workshop/Treffen um ein Bewässerungssystem für den Hof Filzengraben 8-10 zu entwickeln
* Bepflanzung der Baumbeete/Baumscheiben am Peter-Welter-Platz
* Wasserspeicher ("Ollas") mit dem 3D-Ton-Drucker herstellen?
** Bewässerung mit Ollas [http://oekopieper.de/bewaesserung-mit-ollas/ >> Link 1] [https://www.hauptstadtgarten.de/ollas-selber-machen/ >> Link 2]
* Insektennisthilfen mit der CNC-Fräse herstellen (Idee C. Sievers)?

----

==Sound Live-streaming==
[[Datei:Streaming_box.jpg|thumb|400px|right|Streaming Box]]

Workshop with [http://www.jiyunportfolio.com/index.html Jiyun Park]

Technical guide to start sound streaming with mobile equipment and application.

Put each of streaming equipments at different locations.

Programming setting to get all sound streaming and control separately.
* [http://locusonus.org/ Locus Sonus]
* [https://aporee.org/ Aporee Radio]

# Mobile phone (IOS/Android) - download LIVESHOUT
# Microphones and pre-amp equipment (not necessary)
# Pure data

----

==Arbeiten auf der Kommandozeile==
[[Datei:Debian-desktop.png|400üx|right]]
'''''Free Libre Open Source Software''''' (FLOSS) wird stets wichtiger für KulturarbeiterInnen, nicht nur wegen der Popularität freier Lizenzen und Webtechnologien.
Künstlerisch-experimentell zu arbeiten jedoch, auf der Kommandozeile, sowie auch Programmierung als Modis digitaler Produktion und Distribution zu wählen
erfordert eine andere, kurz gesagt, eine kritischere Medienarbeit als es bei der Verwendung sogenannter Standardwerkzeuge von Adobe/Macromedia und Apple noch der Fall ist.

<br>Diese Arbeitsweise bedeutet nicht einfach, Standardtools durch Gimp oder Kdenlive zu ersetzen, nein, besonders die kleinen und esoterischen Tools geben KünstlerInnen Bausteine für die Kreation eigener Medien, statt der vorgefertigten Medienkonzepte industrieller Softwaregestaltungswerkzeuge.

<br>'''Die UNIX-Kommandozeile wurde eine in unserem Arbeitsalltag allgegenwärtige Schnittstelle, die jedem Computer aus der UNIX-Betriebssystemfamilie gemeinsam ist - ob Webserver, Wireless Router, autonome Robotics, Raspberry Pi, OS X oder GNU/Linux-Laptops.'''

'''''In diesem Workshop führt Christian elementar in die Arbeitsweisen unter der Oberfläche und jenseits von Graphical User Interfaces ein.'''''

----

==Processing==
[http://dawidliftinger.com/ Dawid Liftinger]
[[Datei: Processing2.png|center]]

----

=File-Sharing=
Link zur Open Lab Cloud: https://noparts.org/nextcloud/index.php/s/SbCzXTj2TWZcZBK

----



[[Category:Seminar]]
[[Category:exMedia Lab]]
[[Category:Workshop]]
[[Category:Programmierung]]
[[Kategorie:Arduino]]
[[Kategorie:PureData]]

Open Lab

2019-06-07T16:34:02Z

Yannick W: /* Web-Hacking */

Fachseminar Hauptstudium und weiterqualifizierendes Studium

Freitag wöchentlich 11:00 – 14:00

Erster Termin 03.05.2019

Filzengraben 8 - 10, Labor für Experimentelle Informatik

Das "Open Lab" versteht sich als offenes Forum und Treffpunkt
zur Diskussion aktueller Interessen und gemeinsamer Forschungs-
schwerpunkte innerhalb der Fächergruppe exMedia und darüber
hinaus. Im Zentrum des Open Labs stehen Workshops zu
experimentellen Methoden, Arbeitsweisen und Techniken, die sowohl
von Euch Studierenden selbstorganisiert, als auch von uns Lehrenden
sowie eingeladenen Gästen angeboten werden. Die jeweilige Form
ist frei gestaltbar. Es kann sich hierbei um einen Kurz-Workshop
in der Entstehungsphase handeln, oder aber auch um ein bereits
ausgereiftes Workshopformat. Auch Vorträge, Projektpräsentationen,
Diskussionsrunden, Exkursionen o.ä. sind ergänzend möglich.

Themenschwerpunkte sind u.a.:
* DIY-Elektronik und Prototyping
* Künstliche Intelligenz & Maschinelles Sehen
* Code | Art & Politics
* VR
* Biologische Medien
* Duft bzw. Geruch als Medium
* Food & Fermentation
* Permakultur & Hochbeetebau
* Drucktechniken

Wer Interesse hat eine Session zu gestalten (mit uns oder auch
alleine) meldet sich bitte bis 03.05. bei Jacqueline, Christian oder
Verena oder kommt zur ersten Sitzung. In dieser organisieren
wir die jeweiligen Termine und geben eine gemeinsame Einführung.

=Termine=
* '''03.05''' organisatorisches...
----
* '''10.05.'''
** Präsentation Soo Yeun << Präsentation »Clock-Hands«
** Camilo
** Präsentation Tae jin << Präsentation »Installation«
** Dawid << kurze Beschreibung der Projektideen [[Neigungsgruppe Medienfassade]]
** 12.30 Uhr – Präsentation und Orga-Treffen des Projekts [[KHM-Garten|KHM-Garten]]; danach kleiner Rundgang durch den Hof und gemeinsame Weiterarbeit
----
* '''17.05.'''
** Workshop [[#DIY_Interfaces|DIY Interfaces]]
** Danach ggf. gemeinsame Bepflanzung der Baumscheiben am Peter-Welter-Platz; siehe [[KHM-Garten|KHM-Garten]]
----
* '''24.05.'''
** Workshop [[#Gender & Sound|Gender & Sound]] (Anmeldung bis 22. Mai bei Franziska Windisch)
----
* '''31.05.''' (Brückentag)
----
* '''07.06.'''
** Workshop [[#Web-Hacking|Web-Hacking]]
----
* '''14.06'''
** Workshop in der Pfalz im Rahmen des Seminars [[Kunst & KI]]
----
* '''21.06.'''
** Workshop [[#Processing|Einführung in Processing]] & [[Neigungsgruppe Medienfassade]]
** ggf. Workshop [[#Arbeiten auf der Kommandozeile|Arbeiten auf der Kommandozeile]]
----
* '''28.06'''
** Workshop [[#Sound Live-streaming|Sound Live-streaming]]
** Workshop [[#DIY_Interfaces|DIY Interfaces#2]]
----
* '''05.07'''
** Feedback

=TeilnemerInnen=
{| class="wikitable"
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Yue|Yue]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Jhen|Jacqueline]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Florian|Florian]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Rimma|Rimma]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Sophia|Sophia]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Priska|Priska]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Jiyun.P|Jiyun]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Yannick_W|Yannick]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Soojin|Soojin]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Soo_yeun|Soo Yeun]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:camillo|Camilo]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:C.heck|Christian]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Verena|Verena_F]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Dawid|Dawid]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Taejin|Taejin]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Katharina|Katharina]]
| style="height:100px; width:150px; text-align:center;" |
| style="height:100px; width:150px; text-align:center;" |
|}

=Workshops=
==[[Neigungsgruppe Medienfassade]]==
[[Datei:NGMF Logo.gif|rahmenlos|right]]
[http://dawidliftinger.com/ Dawid Liftinger] organisiert eine kleine Kooperation mit dem Ars Electronica Center in Linz / Österreich. Studierende der KHM sind eingeladen im September die Medienfassade des Centers in Linz zu bespielen, vielleicht auch während des Festivals vom 5.9. - 9.9.

'''Projektseite: [[Neigungsgruppe Medienfassade]]'''

----

==[https://www.khm.de/termine/news.4694.workshop-gender-sound/ Gender & Sound]==

Workshop mit der Musikerin und Kuratorin [http://www.q-o2.be/en/artist/julia-eckhardt/ Julia Eckhardt].
[[File: Julia_eckhardt_sokolowsko_detail.jpg|400px|right]]
Bitte bis 22. Mai anmelden bei Franziska Windisch: [mailto:windisch@khm.de windisch@khm.de]

In der Umfrage, die der Publikation "The Second Sound" vorausging, wurden Musiker*innen und Klangkünstler*innen zur Rolle befragt, die Gender in einem breiten Sinne auf ihre künstlerische Praxis und ihr Werk hat. Obwohl einhellig bestätigt wurde, dass Persönlichkeit und Lebensumstände Einfluss haben, löste die gleiche Frage zum Teil großen Widerstand aus.

In diesem Workshop soll dieser Frage auf den Grund gegangen werden. Es werden gemeinsam Beispiele von Sound-Werken angehört und in dieser Hinsicht besprochen. Was für eine Person ist der/die Autor*in möglicherweise? Unter welchen Umständen wurde das Werk geschaffen? In welchem es umgebenden kulturellen Kontext? Was sollte bezweckt oder ausgedrückt werden? Auch Werke der Teilnehmer*innen selbst sollen am eigenen Hören der Workshop-Gruppe getestet.

'''Projektseite: [https://www.khm.de/termine/news.4694.workshop-gender-sound/ Gender & Sound @ khm.de]'''

----

==DIY Interfaces==
[[File: Controlador_hiroshigue_small.jpg|400px|right]]

Workshop with [http://camilosandoval.de/ Camilo Sandoval] in '''DIY Interfaces for sound, image or interactive installations'''

# a fly-over starting by arduino and serial comunication
# then cellphone as MIDI controller and
# in then end multiple objects on a network like for example raspberries + laptops synchronized through OSC.

OPTIONAL: It will end up in using the body as interface by using the motion tracking suit.

'''IMPORTANT:'''

* Bring your laptop, your cellphone and the data cable to connect the phone to the computer.
* On phones Android and IOS are supported.
* On computers Windows and IOS.

Please download and install the following programs:

* on your laptop
# [https://processing.org/download/ Processing], for programming visuals and more.
# [https://puredata.info/downloads/pure-data PureData], for programming sound and more.
# [https://www.arduino.cc/en/Main/Software Arduino], for conneting with physical interfaces.
# [http://danieliglesia.com/mobmuplat/MobMuPlatDistribution_1.82iOS_0.34Android.zip MobMuPlat], for designing the interfaces for phone/tablet.

* on your phone download the MobMuPlat App (Android or IOS).

One week before the Lab I will upload some examples that you should also download.

----

==[[Web-Hacking]]==

Yannick Westphal

----

[[Datei:Hack KHM.gif|miniatur]]

==KHM-Garten==

''' siehe Projektseite: [[KHM-Garten]]'''

verschiedene Aktivitäten über das Semester verteilt...
* Workshop/Treffen um ein Bewässerungssystem für den Hof Filzengraben 8-10 zu entwickeln
* Bepflanzung der Baumbeete/Baumscheiben am Peter-Welter-Platz
* Wasserspeicher ("Ollas") mit dem 3D-Ton-Drucker herstellen?
** Bewässerung mit Ollas [http://oekopieper.de/bewaesserung-mit-ollas/ >> Link 1] [https://www.hauptstadtgarten.de/ollas-selber-machen/ >> Link 2]
* Insektennisthilfen mit der CNC-Fräse herstellen (Idee C. Sievers)?

----

==Sound Live-streaming==
[[Datei:Streaming_box.jpg|thumb|400px|right|Streaming Box]]

Workshop with [http://www.jiyunportfolio.com/index.html Jiyun Park]

Technical guide to start sound streaming with mobile equipment and application.

Put each of streaming equipments at different locations.

Programming setting to get all sound streaming and control separately.
* [http://locusonus.org/ Locus Sonus]
* [https://aporee.org/ Aporee Radio]

# Mobile phone (IOS/Android) - download LIVESHOUT
# Microphones and pre-amp equipment (not necessary)
# Pure data

----

==Arbeiten auf der Kommandozeile==
[[Datei:Debian-desktop.png|400üx|right]]
'''''Free Libre Open Source Software''''' (FLOSS) wird stets wichtiger für KulturarbeiterInnen, nicht nur wegen der Popularität freier Lizenzen und Webtechnologien.
Künstlerisch-experimentell zu arbeiten jedoch, auf der Kommandozeile, sowie auch Programmierung als Modis digitaler Produktion und Distribution zu wählen
erfordert eine andere, kurz gesagt, eine kritischere Medienarbeit als es bei der Verwendung sogenannter Standardwerkzeuge von Adobe/Macromedia und Apple noch der Fall ist.

<br>Diese Arbeitsweise bedeutet nicht einfach, Standardtools durch Gimp oder Kdenlive zu ersetzen, nein, besonders die kleinen und esoterischen Tools geben KünstlerInnen Bausteine für die Kreation eigener Medien, statt der vorgefertigten Medienkonzepte industrieller Softwaregestaltungswerkzeuge.

<br>'''Die UNIX-Kommandozeile wurde eine in unserem Arbeitsalltag allgegenwärtige Schnittstelle, die jedem Computer aus der UNIX-Betriebssystemfamilie gemeinsam ist - ob Webserver, Wireless Router, autonome Robotics, Raspberry Pi, OS X oder GNU/Linux-Laptops.'''

'''''In diesem Workshop führt Christian elementar in die Arbeitsweisen unter der Oberfläche und jenseits von Graphical User Interfaces ein.'''''

----

==Processing==
[http://dawidliftinger.com/ Dawid Liftinger]
[[Datei: Processing2.png|center]]

----

=File-Sharing=
Link zur Open Lab Cloud: https://noparts.org/nextcloud/index.php/s/SbCzXTj2TWZcZBK

----



[[Category:Seminar]]
[[Category:exMedia Lab]]
[[Category:Workshop]]
[[Category:Programmierung]]
[[Kategorie:Arduino]]
[[Kategorie:PureData]]

Datei:Hack KHM.gif

2019-06-07T16:33:44Z

Yannick W:

hack khm

Open Lab

2019-06-07T15:57:37Z

Yannick W: /* Web-Hacking */

Fachseminar Hauptstudium und weiterqualifizierendes Studium

Freitag wöchentlich 11:00 – 14:00

Erster Termin 03.05.2019

Filzengraben 8 - 10, Labor für Experimentelle Informatik

Das "Open Lab" versteht sich als offenes Forum und Treffpunkt
zur Diskussion aktueller Interessen und gemeinsamer Forschungs-
schwerpunkte innerhalb der Fächergruppe exMedia und darüber
hinaus. Im Zentrum des Open Labs stehen Workshops zu
experimentellen Methoden, Arbeitsweisen und Techniken, die sowohl
von Euch Studierenden selbstorganisiert, als auch von uns Lehrenden
sowie eingeladenen Gästen angeboten werden. Die jeweilige Form
ist frei gestaltbar. Es kann sich hierbei um einen Kurz-Workshop
in der Entstehungsphase handeln, oder aber auch um ein bereits
ausgereiftes Workshopformat. Auch Vorträge, Projektpräsentationen,
Diskussionsrunden, Exkursionen o.ä. sind ergänzend möglich.

Themenschwerpunkte sind u.a.:
* DIY-Elektronik und Prototyping
* Künstliche Intelligenz & Maschinelles Sehen
* Code | Art & Politics
* VR
* Biologische Medien
* Duft bzw. Geruch als Medium
* Food & Fermentation
* Permakultur & Hochbeetebau
* Drucktechniken

Wer Interesse hat eine Session zu gestalten (mit uns oder auch
alleine) meldet sich bitte bis 03.05. bei Jacqueline, Christian oder
Verena oder kommt zur ersten Sitzung. In dieser organisieren
wir die jeweiligen Termine und geben eine gemeinsame Einführung.

=Termine=
* '''03.05''' organisatorisches...
----
* '''10.05.'''
** Präsentation Soo Yeun << Präsentation »Clock-Hands«
** Camilo
** Präsentation Tae jin << Präsentation »Installation«
** Dawid << kurze Beschreibung der Projektideen [[Neigungsgruppe Medienfassade]]
** 12.30 Uhr – Präsentation und Orga-Treffen des Projekts [[KHM-Garten|KHM-Garten]]; danach kleiner Rundgang durch den Hof und gemeinsame Weiterarbeit
----
* '''17.05.'''
** Workshop [[#DIY_Interfaces|DIY Interfaces]]
** Danach ggf. gemeinsame Bepflanzung der Baumscheiben am Peter-Welter-Platz; siehe [[KHM-Garten|KHM-Garten]]
----
* '''24.05.'''
** Workshop [[#Gender & Sound|Gender & Sound]] (Anmeldung bis 22. Mai bei Franziska Windisch)
----
* '''31.05.''' (Brückentag)
----
* '''07.06.'''
** Workshop [[#Web-Hacking|Web-Hacking]]
----
* '''14.06'''
** Workshop in der Pfalz im Rahmen des Seminars [[Kunst & KI]]
----
* '''21.06.'''
** Workshop [[#Processing|Einführung in Processing]] & [[Neigungsgruppe Medienfassade]]
** ggf. Workshop [[#Arbeiten auf der Kommandozeile|Arbeiten auf der Kommandozeile]]
----
* '''28.06'''
** Workshop [[#Sound Live-streaming|Sound Live-streaming]]
** Workshop [[#DIY_Interfaces|DIY Interfaces#2]]
----
* '''05.07'''
** Feedback

=TeilnemerInnen=
{| class="wikitable"
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Yue|Yue]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Jhen|Jacqueline]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Florian|Florian]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Rimma|Rimma]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Sophia|Sophia]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Priska|Priska]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Jiyun.P|Jiyun]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Yannick_W|Yannick]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Soojin|Soojin]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Soo_yeun|Soo Yeun]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:camillo|Camilo]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:C.heck|Christian]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Verena|Verena_F]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Dawid|Dawid]]
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Taejin|Taejin]]
|- style="vertical-align:middle;"
| style="height:100px; width:150px; text-align:center;" | [[Benutzer:Katharina|Katharina]]
| style="height:100px; width:150px; text-align:center;" |
| style="height:100px; width:150px; text-align:center;" |
|}

=Workshops=
==[[Neigungsgruppe Medienfassade]]==
[[Datei:NGMF Logo.gif|rahmenlos|right]]
[http://dawidliftinger.com/ Dawid Liftinger] organisiert eine kleine Kooperation mit dem Ars Electronica Center in Linz / Österreich. Studierende der KHM sind eingeladen im September die Medienfassade des Centers in Linz zu bespielen, vielleicht auch während des Festivals vom 5.9. - 9.9.

'''Projektseite: [[Neigungsgruppe Medienfassade]]'''

----

==[https://www.khm.de/termine/news.4694.workshop-gender-sound/ Gender & Sound]==

Workshop mit der Musikerin und Kuratorin [http://www.q-o2.be/en/artist/julia-eckhardt/ Julia Eckhardt].
[[File: Julia_eckhardt_sokolowsko_detail.jpg|400px|right]]
Bitte bis 22. Mai anmelden bei Franziska Windisch: [mailto:windisch@khm.de windisch@khm.de]

In der Umfrage, die der Publikation "The Second Sound" vorausging, wurden Musiker*innen und Klangkünstler*innen zur Rolle befragt, die Gender in einem breiten Sinne auf ihre künstlerische Praxis und ihr Werk hat. Obwohl einhellig bestätigt wurde, dass Persönlichkeit und Lebensumstände Einfluss haben, löste die gleiche Frage zum Teil großen Widerstand aus.

In diesem Workshop soll dieser Frage auf den Grund gegangen werden. Es werden gemeinsam Beispiele von Sound-Werken angehört und in dieser Hinsicht besprochen. Was für eine Person ist der/die Autor*in möglicherweise? Unter welchen Umständen wurde das Werk geschaffen? In welchem es umgebenden kulturellen Kontext? Was sollte bezweckt oder ausgedrückt werden? Auch Werke der Teilnehmer*innen selbst sollen am eigenen Hören der Workshop-Gruppe getestet.

'''Projektseite: [https://www.khm.de/termine/news.4694.workshop-gender-sound/ Gender & Sound @ khm.de]'''

----

==DIY Interfaces==
[[File: Controlador_hiroshigue_small.jpg|400px|right]]

Workshop with [http://camilosandoval.de/ Camilo Sandoval] in '''DIY Interfaces for sound, image or interactive installations'''

# a fly-over starting by arduino and serial comunication
# then cellphone as MIDI controller and
# in then end multiple objects on a network like for example raspberries + laptops synchronized through OSC.

OPTIONAL: It will end up in using the body as interface by using the motion tracking suit.

'''IMPORTANT:'''

* Bring your laptop, your cellphone and the data cable to connect the phone to the computer.
* On phones Android and IOS are supported.
* On computers Windows and IOS.

Please download and install the following programs:

* on your laptop
# [https://processing.org/download/ Processing], for programming visuals and more.
# [https://puredata.info/downloads/pure-data PureData], for programming sound and more.
# [https://www.arduino.cc/en/Main/Software Arduino], for conneting with physical interfaces.
# [http://danieliglesia.com/mobmuplat/MobMuPlatDistribution_1.82iOS_0.34Android.zip MobMuPlat], for designing the interfaces for phone/tablet.

* on your phone download the MobMuPlat App (Android or IOS).

One week before the Lab I will upload some examples that you should also download.

----

==[[Web-Hacking]]==

Yannick Westphal

----

==KHM-Garten==

''' siehe Projektseite: [[KHM-Garten]]'''

verschiedene Aktivitäten über das Semester verteilt...
* Workshop/Treffen um ein Bewässerungssystem für den Hof Filzengraben 8-10 zu entwickeln
* Bepflanzung der Baumbeete/Baumscheiben am Peter-Welter-Platz
* Wasserspeicher ("Ollas") mit dem 3D-Ton-Drucker herstellen?
** Bewässerung mit Ollas [http://oekopieper.de/bewaesserung-mit-ollas/ >> Link 1] [https://www.hauptstadtgarten.de/ollas-selber-machen/ >> Link 2]
* Insektennisthilfen mit der CNC-Fräse herstellen (Idee C. Sievers)?

----

==Sound Live-streaming==
[[Datei:Streaming_box.jpg|thumb|400px|right|Streaming Box]]

Workshop with [http://www.jiyunportfolio.com/index.html Jiyun Park]

Technical guide to start sound streaming with mobile equipment and application.

Put each of streaming equipments at different locations.

Programming setting to get all sound streaming and control separately.
* [http://locusonus.org/ Locus Sonus]
* [https://aporee.org/ Aporee Radio]

# Mobile phone (IOS/Android) - download LIVESHOUT
# Microphones and pre-amp equipment (not necessary)
# Pure data

----

==Arbeiten auf der Kommandozeile==
[[Datei:Debian-desktop.png|400üx|right]]
'''''Free Libre Open Source Software''''' (FLOSS) wird stets wichtiger für KulturarbeiterInnen, nicht nur wegen der Popularität freier Lizenzen und Webtechnologien.
Künstlerisch-experimentell zu arbeiten jedoch, auf der Kommandozeile, sowie auch Programmierung als Modis digitaler Produktion und Distribution zu wählen
erfordert eine andere, kurz gesagt, eine kritischere Medienarbeit als es bei der Verwendung sogenannter Standardwerkzeuge von Adobe/Macromedia und Apple noch der Fall ist.

<br>Diese Arbeitsweise bedeutet nicht einfach, Standardtools durch Gimp oder Kdenlive zu ersetzen, nein, besonders die kleinen und esoterischen Tools geben KünstlerInnen Bausteine für die Kreation eigener Medien, statt der vorgefertigten Medienkonzepte industrieller Softwaregestaltungswerkzeuge.

<br>'''Die UNIX-Kommandozeile wurde eine in unserem Arbeitsalltag allgegenwärtige Schnittstelle, die jedem Computer aus der UNIX-Betriebssystemfamilie gemeinsam ist - ob Webserver, Wireless Router, autonome Robotics, Raspberry Pi, OS X oder GNU/Linux-Laptops.'''

'''''In diesem Workshop führt Christian elementar in die Arbeitsweisen unter der Oberfläche und jenseits von Graphical User Interfaces ein.'''''

----

==Processing==
[http://dawidliftinger.com/ Dawid Liftinger]
[[Datei: Processing2.png|center]]

----

=File-Sharing=
Link zur Open Lab Cloud: https://noparts.org/nextcloud/index.php/s/SbCzXTj2TWZcZBK

----



[[Category:Seminar]]
[[Category:exMedia Lab]]
[[Category:Workshop]]
[[Category:Programmierung]]
[[Kategorie:Arduino]]
[[Kategorie:PureData]]

Datei:Ndn.jpg

2019-06-07T15:32:28Z

Yannick W:

Datei:Lankabel.jpg

2019-06-07T15:29:54Z

Yannick W:

Datei:Ports.jpg

2019-06-07T15:28:04Z

Yannick W:

Datei:Datacodemix.jpg

2019-06-07T15:25:34Z

Yannick W:

Datei:Hackiansh.jpg

2019-06-07T15:25:22Z

Yannick W:

Datei:Codendata.jpg

2019-06-07T15:23:38Z

Yannick W: