0%

Webdesign. Layout. Projekte.
Coderwelsch

< Über-mich />

Avatar Photo
{ "name": "Joseph Ribbe", "birth": "Oct, 1993", "location": "Potsdam, Germany", "business": [ "Web-Designer", "Web-Developer", "Front-End Developer @Bild.de" ], "study": { "name": "FH Potsdam", "course": "Interface-Design", "start": "Spring 2014", "end": "undefined" } }
Hey Leute, kurz zu mir: Ich heiße {{Joseph Ribbe}} und liebe es {{Web-Designer}}, {{Web-Developer}} und {{Front-End Developer @Bild.de}} zu sein. Seit {{2014}} studiere ich an der {{FH Potsdam }} {{Interface-Design}}.

< Websites />

Seit einigen Jahren programmiere ich nun schon maßgeschneiderte Webseiten für Privatpersonen, Unternehmen und bla. Hierbei lege ich Wert auf die Benutzung aktuellster Webstandards, responsives Layout und die Umsetzung ohne Zuhilfe von schnöden Website-Baukästen oder ähnliches. [ mehr ]

Fertigkeiten / Skills

JavaScript (ES5 / ES6)
CSS (CSS3 / SCSS)
HTML5
PHP 5
Actionscript 3
Swift 2
weniger anzeigen

Friseur Bohm

www.jeannettebohm.de

Parkhotel Neustadt

www.park-hotel-neustadt.de

Steuerberatung Sobania

www.sobania.de

Villa Meehr

www.villa-meehr.de

Schlosshotel Kampehl

www.schlosshotel-kampehl.de

Tannen Jung

www.tannen-jung.de

kULTich - werkstatt für text & bild

www.kultich.de

< Design & Layout />

Zwischen dem Webdesign,- und Developement erstelle ich auch Flyer und Designs jeglicher Art.

Brennerei Party

die Brennerei auf Facebook

Schlosshotel Kampehl Flyer

www.schlosshotel-kampehl.de

Hotel am Hafen Flyer

www.hotel-havelberg.de

Kunst am Holz Flyer

Mitten ins Mark Flyer

www.villa-meehr.de/mitten-ins-mark

kULTich Gutschein

www.kultich.de

Geburtstags­karte

Babyparty Einladung

Villa Meehr Postkarte #1

www.villa-meehr.de

Villa Meehr Postkarte #2

www.villa-meehr.de

< Projekte />

Während meines Schaffens in der Uni und auf der Arbeit fallen oft coole Projekte ab, die ich gern mit Anderen teile und dessen Quellcode und Projektdateien auf Github.com und Co. veröffentliche.

Fachhochschule Potsdam
Bild.de: info.BILD Storytelling

BI-Sound-Mario

Sound Mario

projects.coderwelsch.com/sound-mario

Sound Visualisierung des Super Mario Bros Main Theme. Mario wird vom Hintergrundsound des Spiels gesteuert.

IO-Zombie-Mould

Zombie Mould Did you ever thinking about what would happend if a zombie mould forage the a whole country? Here you can see a simulation about a very bad slime mould that infect the population of germany!

To see the full storytelling click this link: Link to the storytelling

Background

In the second project of Input / Output at the FH Potsdam we exposed with slime moulds. Slime Moulds are very tiny organism with very interesting behaviors. Learning more about moulds here

In the first test with these little smart moulds we got a small petri dish and built a small environment to take pictures every hour of them. Mould Culture

I needed 2-3 times to got some good footage. This is one of the failed tries. Very aesthetically: First Shots

This was shot at the beginning: First Shots

And that at the end: Last Shot

This was the small box to took the pictures with a small raspberry pi and a cam installed on the top: Installation

At this point we had some nice footage to proceed and to process these. In my case i wanted to tell a small story about an failed scientific experiment. In fact that i love apocalyptical stories my smart moulds got angry, mutate and raided the human kind ;)

To see the full storytelling click this link: Link to the storytelling

Zombie Mould

projects.coderwelsch.com/zombie-mould

Storytelling Projekt über Zeitrafferaufnahmen des Wachstum eines Schleimpilzes.

Gedankenspinner

Doku zum Kurs

Konzept einer Gedanken-Findungs-App.

Celebration Crackers

Marktanalyse des Kartofelchips-Marktes & Konzeption einer neuen Edelchips-Marke.

Motor Fader

In the last project of the Input / Output course of the FH Potsdam we had to build an animated wallpaper / picture with the use of Arduino Boards in the #IoT style.

Building Process

Version 1

At first, my idea was to animate an analogue wallpaper in relation to a very old basic school education film about the behavior in the case of a nuclear disaster. In fact that I am a fan of South Park I chose a south park styled wallpaper. This is a small extract of the educational film:

Duck And Cover

And this is my first mockup (video): Duck And Cover

After the second consultation with the prof I decided to rethink about my last mockup and do something more interesting.

Version 2

So my second idea was to create a parallax wallpaper. A wallpaper splitted into 3 different layers overlapping each other and moving relatively to the viewers head to gain a 3D looking wallpaper.

Mockup Video on Vimeo: Slenderman

Or check out the interactive version: Click here

Building the wallpaper / picture "frame"

While building... Building Process

In the next step I built the case for the wallpaper: Case

Black like the slenderman... Case

Building the flap: Flap

The finished case: Flap

Writing the face detection on a raspberry pi

Face Detection

Recognizing a face and send the face position via usb serial to the arduino: Face Detection

Building the motor "fader"

It's just a stepper motor on a gear rack held with nails :smile: Face Detection


The building is still in progress... See you soon :bowtie:

Slender Man

projects.coderwelsch.com/slender-man

Konzept zu einem parallaxen Bewegt-Bild Poster. Umsetzung folgt.

Bierkasten PC

Doku zum Kurs / Projekt

Materialstudie über eine Schraubenmutter. Endresultat ist ein selbstgebauter Bierkasten PC.

Red Jack

Doku zum Kurs / Projekt

Materialstudie über Pokerkarten. Endresultat ist eine Art Präsentationstisch mit präparierten Telefonhörer mit Bluetooth Soundwiedergabe.

Full Turn

Doku zum Kurs / Projekt

Auseinandersetzung mit dem Künstler Benjamin Muzzin. Resultat ist ein sich rotierender LED Kreis + iOS App.

Raspduino - Knock Knock

Doku zum Kurs / Projekt

In unserer Uni gibt es ein Dongle-System für Türen. Dieses haben wir versuchten zu verbessern indem wir ein Authentifizierungssystem fürs Smartphone herumgebaut haben.

< Kontakt />

Ihr habt gefallen gefunden? Habt Kritik? Oder einfach nur gute Laune und wollt mir schreiben? Dann macht das jetzt und hier! :)

Von:
An:
Cc:
Betreff:
Eingaben erforderlich
Senden
Warten
Gesendet
Fehler

< Impressum />

Angaben gemäß § 5 TMG:

Joseph Ribbe
Coderwelsch - Coding & Design
Heinrich-Mann-Allee 23
14473 Potsdam

Kontakt:

Telefon: 01746620405
E-Mail: social@coderwelsch.com

Hinweis auf EU-Streitschlichtung

Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: http://ec.europa.eu/consumers/odr
Unsere E-Mail-Adresse finden sie oben im Impressum.

Haftungsausschluss (Disclaimer)

Haftung für Inhalte

Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.


Haftung für Links

Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.


Urheberrecht

Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.