IFD:Server side technologies for web-development WS 13/Dokumentationen/Dirk W.: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
= Dokumentation = | = Dokumentation = | ||
'''Dirk Wäsch'''<br> | '''Dirk Wäsch'''<br> | ||
| Line 5: | Line 6: | ||
Wir haben über den Kursablauf geredet und über die Inhalte entschieden. | Wir haben über den Kursablauf geredet und über die Inhalte entschieden. | ||
== 28.10.2013 – PHP Snappy Session – Basics und OOP, Toolchain Emailhandler == | == 28.10.2013 – PHP Snappy Session – Basics und OOP, Toolchain Emailhandler == | ||
| Line 12: | Line 14: | ||
[[File: email-handler-1.JPG|left|thumb|Extension: Screen Shot - Email-Handler]] | [[File: email-handler-1.JPG|left|thumb|Extension: Screen Shot - Email-Handler]] | ||
[[File: email-handler-2.JPG|left|thumb|Extension: Quellcode - MyToolset.php]]<br clear="all" /> | [[File: email-handler-2.JPG|left|thumb|Extension: Quellcode - MyToolset.php]] | ||
<br clear="all" /> | |||
| Line 20: | Line 23: | ||
[[File: php-weiche-1.JPG|left|thumb|Extension: Screen Shot - PHP-Weiche]] | [[File: php-weiche-1.JPG|left|thumb|Extension: Screen Shot - PHP-Weiche]] | ||
[[File: php-weiche -2.JPG|left|thumb|Extension: Quellcode - imageHandler-php]]<br clear="all" /> | [[File: php-weiche -2.JPG|left|thumb|Extension: Quellcode - imageHandler-php]] | ||
<br clear="all" /> | |||
| Line 28: | Line 32: | ||
Unter anderem: .txt, .xml, .json, und .sql-Tabellen | Unter anderem: .txt, .xml, .json, und .sql-Tabellen | ||
JSON-Tabellen haben sich dabei als am schnellsten heraus gestellt. | JSON-Tabellen haben sich dabei als am schnellsten heraus gestellt. | ||
[[File: time-tracker.JPG|left|thumb|Extension: Quellcode - Time-Tracker]]<br clear="all" /> | [[File: time-tracker.JPG|left|thumb|Extension: Quellcode - Time-Tracker]] | ||
<br clear="all" /> | |||
| Line 37: | Line 42: | ||
[[File: typo3-1.JPG|left|thumb|Extension: TYPO3 - Bildergallerie]] | [[File: typo3-1.JPG|left|thumb|Extension: TYPO3 - Bildergallerie]] | ||
[[File: typo3-2.JPG|left|thumb|Extension: Quellcode - Glossar]] | [[File: typo3-2.JPG|left|thumb|Extension: Quellcode - Glossar]] | ||
[[File: typo3-3.JPG|left|thumb|Extension: Quellcode - Gästebuch]]<br | [[File: typo3-3.JPG|left|thumb|Extension: Quellcode - Gästebuch]] | ||
<br clear="all" /> | |||
| Line 44: | Line 50: | ||
Bei diesem Kurs haben wir die Interaktion zwischen Client und Server anhand eines Adressbuches getestet. Zunächst „Server-seitig“, dann „Client-seitig“ und darauf „Client-Server-seitig“. Daraufhin gab es eine Einführung in AngularJS. | Bei diesem Kurs haben wir die Interaktion zwischen Client und Server anhand eines Adressbuches getestet. Zunächst „Server-seitig“, dann „Client-seitig“ und darauf „Client-Server-seitig“. Daraufhin gab es eine Einführung in AngularJS. | ||
[[File: adressbuch.JPG|left|thumb|Extension: Adressbuch - Client-seitige Interaktion]]<br | [[File: adressbuch.JPG|left|thumb|Extension: Adressbuch - Client-seitige Interaktion]] | ||
<br clear="all" /> | |||
| Line 51: | Line 58: | ||
Hier haben wir das Adressbuch aus dem voran gegangen Kurs mittels AngularJS implementiert. Daraufhin sollten wir ein eigenes Konstrukt mit AngularJS erstellen. Hierfür habe ich eine „to-do-list“entworfen, mit dem man seine Aufgaben ab arbeiten kann. | Hier haben wir das Adressbuch aus dem voran gegangen Kurs mittels AngularJS implementiert. Daraufhin sollten wir ein eigenes Konstrukt mit AngularJS erstellen. Hierfür habe ich eine „to-do-list“entworfen, mit dem man seine Aufgaben ab arbeiten kann. | ||
[[File: todolist.JPG|left|thumb|Extension: Screenshot - to-do-list]]<br | [[File: todolist.JPG|left|thumb|Extension: Screenshot - to-do-list]] | ||
<br clear="all" /> | |||
| Line 58: | Line 66: | ||
In diesem Kurs bekamen wir eine Einführung in Grunt und NodeJS. Wobei wir bei letzterem auf Express, Jade und Sockets eingegangen sind. | In diesem Kurs bekamen wir eine Einführung in Grunt und NodeJS. Wobei wir bei letzterem auf Express, Jade und Sockets eingegangen sind. | ||
[[File: nodejs.JPG|left|thumb|Extension: „Hello World“ in NodeJS]]<br | [[File: nodejs.JPG|left|thumb|Extension: „Hello World“ in NodeJS]] | ||
<br clear="all" /> | |||
| Line 64: | Line 73: | ||
Die Aufgabe bestand darin, eine Konzeptidee für ein Multiplayer Spiel zu entwerfen, dass mittels NodeJS-Sockets erstellt wird. Meine Idee war ein „Paint Contest“-Spiel, bei dem zwei Personen gegeneinander eine Fläche bemalen müssen. Wer mehr Fläche (auch die des Gegners eigenommene) innerhalb 60 Sekunden bemalt, gewinnt. | Die Aufgabe bestand darin, eine Konzeptidee für ein Multiplayer Spiel zu entwerfen, dass mittels NodeJS-Sockets erstellt wird. Meine Idee war ein „Paint Contest“-Spiel, bei dem zwei Personen gegeneinander eine Fläche bemalen müssen. Wer mehr Fläche (auch die des Gegners eigenommene) innerhalb 60 Sekunden bemalt, gewinnt. | ||
<br clear="all" /> | |||
== 20.01.2014 – NodeJS III - Multiplayer Game-Development II (Frontend Draft) == | == 20.01.2014 – NodeJS III - Multiplayer Game-Development II (Frontend Draft) == | ||
| Line 69: | Line 80: | ||
Das Screen-Design sollte präsentiert und das Konzept erklärt werden. | Das Screen-Design sollte präsentiert und das Konzept erklärt werden. | ||
[[File: app-screendesign.jpg|left|thumb|Extension: Screen Design der Multiplayer-App]]<br | [[File: app-screendesign.jpg|left|thumb|Extension: Screen Design der Multiplayer-App]] | ||
<br clear="all" /> | |||
| Line 77: | Line 89: | ||
[[File: app-screenshot-1.JPG|left|thumb|Extension: Screenshot - Spieler 1]] | [[File: app-screenshot-1.JPG|left|thumb|Extension: Screenshot - Spieler 1]] | ||
[[File: app-screenshot-1.JPG|left|thumb|Extension: Screenshot - Spieler 2]]<br | [[File: app-screenshot-1.JPG|left|thumb|Extension: Screenshot - Spieler 2]] | ||
<br clear="all" /> | |||
Dirk Wäsch - 24.03.2013 | Dirk Wäsch - 24.03.2013 | ||
Revision as of 01:20, 24 March 2014
Dokumentation
Dirk Wäsch
21.10.2013 – Einführung in Server side technologies for web-development
Wir haben über den Kursablauf geredet und über die Inhalte entschieden.
28.10.2013 – PHP Snappy Session – Basics und OOP, Toolchain Emailhandler
Zunächst bekamen wir eine kurze Einfühung in PHP. Dort haben wir uns mit Schleifen, Arrays, Funktionen und Klassen beschäftigt. Bei der Aufgabe „Email-Handler“ ging es um Feedbacks nach der Absendung, Logging und die Limitierungen des Sendens von Emails. (zum Beispiel als Spam-Schutz) Meine Aufgabe bestamd darin, die Nachricht in Groß- und Kleinschreibung auszugeben.
04.11.2013 – PHP Snappy Session – Responsive Design (Server/Client)
Hier haben wir die Möglichkeiten des Responsive Design zwischen dem Server und dem Client erforscht. Getestet wurden Weichen mittels CSS3, Javascript, PHP und Adaptiven JS (mittels Cookie).
11.11.2013 – PHP und Storages – Verarbeitung rationaler Datenbanken
In diesem Kurs haben wir anhand eines Adressbuches mit verschiedener Dateiformaten die Zugriffsgeschwindigkeit einer Datenbank getestet. Unter anderem: .txt, .xml, .json, und .sql-Tabellen JSON-Tabellen haben sich dabei als am schnellsten heraus gestellt.
18.11.2013 – CMS und TYPO3
Zunächst erhielten wie eine Einführung in das Content-Management-Stytem (CMS) TYPO3. Wir haben dazu eine Website mittels Vorlage in Typo umgesetzt und verändert.
09.12.2013 – Client-Server Interaktion I – MVC Frameworks I – AngularJs Einführung
Bei diesem Kurs haben wir die Interaktion zwischen Client und Server anhand eines Adressbuches getestet. Zunächst „Server-seitig“, dann „Client-seitig“ und darauf „Client-Server-seitig“. Daraufhin gab es eine Einführung in AngularJS.
16.12.2013 – Client-Server Interaktion II – MVC Frameworks II – AngularJs Http
Hier haben wir das Adressbuch aus dem voran gegangen Kurs mittels AngularJS implementiert. Daraufhin sollten wir ein eigenes Konstrukt mit AngularJS erstellen. Hierfür habe ich eine „to-do-list“entworfen, mit dem man seine Aufgaben ab arbeiten kann.
06.01.2014 – NodeJS I - Einstieg
In diesem Kurs bekamen wir eine Einführung in Grunt und NodeJS. Wobei wir bei letzterem auf Express, Jade und Sockets eingegangen sind.
13.01.2014 – NodeJS II - Clientinteraktion I (Multiplayer Game-Development)
Die Aufgabe bestand darin, eine Konzeptidee für ein Multiplayer Spiel zu entwerfen, dass mittels NodeJS-Sockets erstellt wird. Meine Idee war ein „Paint Contest“-Spiel, bei dem zwei Personen gegeneinander eine Fläche bemalen müssen. Wer mehr Fläche (auch die des Gegners eigenommene) innerhalb 60 Sekunden bemalt, gewinnt.
20.01.2014 – NodeJS III - Multiplayer Game-Development II (Frontend Draft)
Das Screen-Design sollte präsentiert und das Konzept erklärt werden.
03.02.2014 – NodeJS IV - Multiplayer Game-Development III (Backend Logic)
Uns wurde die Backend-Logik erklärt, welche ich daraufhin für das „Paint Contest”-Spiel angewendet habe.
Dirk Wäsch - 24.03.2013