Web-Programmierung: PHP, MySQL, HTML5, CSS3, JavaScript. CMS: Joomla, WordPress
Aktualisiert am 18.03.2024
Profil
Freiberufler / Selbstständiger
Remote-Arbeit
Verfügbar ab: 18.03.2024
Verfügbar zu: 80%
davon vor Ort: 50%
HTML(5)
CSS(3)
JavaScript
Deutsch
Muttersprache
Englisch
Verhandlungssicher
Französisch
Verhandlungssicher

Einsatzorte

Einsatzorte

Zürich (+100km)
Schweiz
möglich

Projekte

Projekte

1 Monat
2020-05 - 2020-05

Erstellung eines Falzflyers in Deutsch, Französisch, Italienisch und Englisch

Textkorrektur und -redaktion InDesign Photoshop ...

Der dreiteilige Falzflyer informiert über die ökologische Bedeutung von Flechten und Moosen und den Verein Bryolich. Auf jeder Einzelseite erscheint ein Bild ? die Bildreihe zeigt möglichst faszinierende Eindrücke und wir haben farblich unterschiedliche Motive ausgewählt. Die Texte sind kurz und informativ; die Broschüre ist in den Sprachen Deutsch, Französisch, Italienisch und Englisch erschienen.

Textkorrektur und -redaktion InDesign Photoshop MS Office DTP Druckvorstufe
Bryolich ? Schweizerische Vereinigung für Bryologie und Lichenologie
3 Monate
2020-01 - 2020-03

Erstellung einer Webseite

Wordpress

Der Kunde publiziert Beiträge zur Vermittlung und Veranschaulichung von Wahrnehmung im Zusammenhang mit Kunst und Architektur. Er arbeitet an verschiedenen Projekten, die ausführlich dokumentiert werden; insbesondere die Ausstellungsreihe in den Kunstkästen der Stadt Schaffhausen, die er von 2016 bis Ende 2019 kuratiert hatte. Die Webseite ist mit dem CMS Wordpress im Seiten-Modus aufgebaut, die News-Seite ist als Blog konfiguriert. Das gewählte Template ist sehr schlicht, hingegen haben wir uns für ein ausdruckstarkes Hintergrundbild entschieden.

Wordpress
5 Monate
2019-08 - 2019-12

Erstellung einer Webseite

Wordpress Exportieren und Importieren von Daten mit Wordpress

Das Architektur-Forum thematisiert und diskutiert verschiedene Planungs- und Bauvorhaben in der Region Schaffhausen. Die Webseite ist mit dem CMS Wordpress im Seiten-Modus aufgebaut, die News-Seite ist als Blog konfiguriert. Das gewählte Template ist sehr schlicht, jeder Blog-Beitrag wird auf der Übersichts-Seite mit einem Bild und einem ?Weiterlesen-Button? gezeigt. Auf den Einzelseiten erscheint rechts eine Liste mit älteren Beiträgen, die bis ins Jahr 2007 zurückreichen. Ich konnte bei dem Auftrag auch Erfahrungen mit dem Exportieren und Importieren von Daten mit Wordpress sammeln.

Wordpress Exportieren und Importieren von Daten mit Wordpress
1 Monat
2016-06 - 2016-06

Search Interface https://db.ridim.org/search.php

Software-Entwickler PHP 5.6 MySQL jQuery
Software-Entwickler

Die Organisation RIdIM (Répertoire International d’Iconographie Musicale) beschäftigt sich mit der Geschichte von Musik-Instrumenten. In einer Datenbank werden Kunstwerke (mehrheitlich Bilder) katalogisiert, auf denen Instrumente abgebildet sind. Ein neu zu entwickelndes Search-Interface sollte es ermöglichen, die Datenbank möglichst vollständig und genau zu durchsuchen.

 

 

Die Katalogeinträge (in der Folge Records genannt) werden mit einem Übersichts-Layout dargestellt. Für jeden Record wird eine Kurzübersicht (mit Record Id, Titel, Künstler, Institution und, wenn vorhanden, einem Vorschaubild) ausgegeben. Pro Seite werden 20 Records angezeigt. Mit einem Blätter-Modul (Pagination) können die einzelnen Seiten durchgesehen werden. Der Link auf der Record Id öffnet ein neues Browser-Fenster mit dem Detail-Eintrag.

 

Technische Features (1):

Das Grundlayout basiert auf der CSS-Library „Bootstrap“ (MIT-lizensiert) und ist auch für mobile Geräte geeignet. Das Layout mit den einzelnen Records wird mittels jquery und der Javascript-Library „Handlebars“ (MIT-lizensiert) ausgegeben. Für die Pagination wurde das jquery-Modul „Bootpag“ (MIT-lizensiert) eingesetzt.

 

 

Die Suchfunktionen sind in eine „simple“ und eine „advanced“ Search aufgeteilt. Sie haben gemeinsame Optionen zum Sortieren und zwei gemeinsame Felder, mit denen der zeitliche Rahmen (nach Jahr) eingeschränkt werden kann. Die Suchfelder werden begleitet von Info-Buttons, die Hilfstexte zu den Feldern einblenden.

Die advanced Search verfügt über einen linearen Algorithmus, indem mit jedem ausgefüllten Feld die Menge der Resultate eingeschränkt wird. Dem gegenüber kann mit der simple Search nicht nur mit einem Begriff sondern auch mit zwei Begriffen vergleichend gesucht werden. Somit ist es möglich, insbesondere nach Kombinationen von Instrumenten zu suchen, die auf einem Bild dargestellt werden.

 

Technische Features (2):

PHP-Datenbankabfrage mit PDO-Connect und prepared Statements. Komplexe SQL-Syntax mit Union- und Subqueries. Übergabe der Resultate an das Javascript-Templating mittels eines JSON-Objects.

bootstrap Handlebars.js
PHP 5.6 MySQL jQuery
1 Monat
2016-04 - 2016-04

Javascript-Web-App

Software-Entwickler JavaScript HTML5 CSS3 ...
Software-Entwickler

Entwicklung einer Javascript-Web-App (nach ECMAscript 6 Standard). Die Web-App ist in ein eBook (nach ePub 3 Standard) integriert und als Wanderbuch umgesetzt [URL auf Anfrage]
Die objektorientierte Programmierung mit Javascript erlaubt die dynamische Integration von Konfigurationsdateien. Diese enthalten Anweisungen für umfangreiche interaktive Bildpräsentationen. Nach rund 2 Jahren Entwicklungszeit habe ich das eBook im April 2016 im Selbstverlag auf iBooks veröffentlicht.

JavaScript HTML5 CSS3 eBook-Formatierung nach ePub 3 Standard
Projekt in eigener Regie
1 Monat
2016-01 - 2016-01

Erstellung einer Webseite

Joomla Phoca-Gallery

Die Webseite ist mit Joomla aufgebaut. Der Kunde führt Wandertouren durch, die er auf diesem Internetauftritt bewirbt. Auf Anregung des Kunden habe ich aktuelle Features wie News- und Titelslider als Module eingebaut und konfiguriert. Sie stellen von der Kommunikation her Anreize dar, einen Artikel zu lesen. Beworben wird mit vielen Bildern, die mit kurzen Texten versehen sind. Die Wanderungen (geführte Touren) und Bestellangebote
(Bücher und Grusskarten) können über mehrstufige Formulare gebucht und bestellt werden. Die Bilder werden mit einem Galerie-Modul (Phoca-Gallery) präsentiert. Ich vermittelte dem Kunden die Benutzung der verwendeten Module in kurzen Einführungen auf einer lokalen Installation der Webseite.

Joomla Phoca-Gallery
1 Monat
2015-11 - 2015-11

Erstellung einer Webseite

Wordpress

Die Webseite ist mit Wordpress im Seiten-Modus aufgebaut. Der Verein präsentiert verschiedene Aktivitäten im Zusammenhang mit der Jagd. Der Inhalt kann durch die einfache Struktur von den Kunden selbst erneuert werden. Die News-Seite ist als Blog
konfiguriert. Die einzelnen Nachrichten können so auch als RSS-Feed publiziert und verbreitet werden. Die Bilder auf der Galerie-Seite können ebenfalls von den Kunden selbst erneuert werden.

Wordpress
1 Monat
2015-08 - 2015-08

Erstellung einer Webseite

HTML5 CSS3 Javascript

Das von mir 2008 entworfene und eingeführte Firmenerscheinungsbild wurde mit einem Responsive-Layout erweitert. Das Layout hat drei Spalten, die sich je nach vorhandenem Platz auf eine Spalte reduzieren. Das Menu-Element wird auf mobilen Geräten eingeklappt. Die Seiten sind in HTML5, CSS3 und Javascript programmiert. Auf den Startseiten erscheint jeweils ein scrollbarer Bereich mit Bildern und Links, die einen direkteren Zugriff auf die wichtigen Arbeiten des Kunden ermöglichen. Oben rechts gibt es eine Bildmarke, welche die
zwei Webseiten des Kunden miteinander verbindet. Die Texte zu den neueren Arbeiten sind mehrheitlich von mir verfasst.

HTML5 CSS3 Javascript
[Name auf Anfrage]

Aus- und Weiterbildung

Aus- und Weiterbildung

3 Jahre
1997-08 - 2000-07

Nachdiplomstudium am Studienbereich Theorie der Gestaltung und Kunst

Bachelor of Arts ZFH in Visueller Kommunikation mit Vertiefung in Visuelle Gestaltung, Zürcher Hochschule der Künste
Bachelor of Arts ZFH in Visueller Kommunikation mit Vertiefung in Visuelle Gestaltung
Zürcher Hochschule der Künste
4 Jahre
1991-08 - 1995-07

Fachklasse für Grafik

EFZ Grafiker, Schule für Gestaltung Zürich
EFZ Grafiker
Schule für Gestaltung Zürich

Kompetenzen

Kompetenzen

Top-Skills

HTML(5) CSS(3) JavaScript

Produkte / Standards / Erfahrungen / Methoden

CSS3
HTML5
Joomla
Phoca-Gallery
Wordpress

Programmiersprachen

eBook-Formatierung nach ePub 3 Standard
Handlebars.js
JavaScript
jQuery
PHP

Datenbanken

MySQL
Maria DB

Design / Entwicklung / Konstruktion

Gestaltung

Einsatzorte

Einsatzorte

Zürich (+100km)
Schweiz
möglich

Projekte

Projekte

1 Monat
2020-05 - 2020-05

Erstellung eines Falzflyers in Deutsch, Französisch, Italienisch und Englisch

Textkorrektur und -redaktion InDesign Photoshop ...

Der dreiteilige Falzflyer informiert über die ökologische Bedeutung von Flechten und Moosen und den Verein Bryolich. Auf jeder Einzelseite erscheint ein Bild ? die Bildreihe zeigt möglichst faszinierende Eindrücke und wir haben farblich unterschiedliche Motive ausgewählt. Die Texte sind kurz und informativ; die Broschüre ist in den Sprachen Deutsch, Französisch, Italienisch und Englisch erschienen.

Textkorrektur und -redaktion InDesign Photoshop MS Office DTP Druckvorstufe
Bryolich ? Schweizerische Vereinigung für Bryologie und Lichenologie
3 Monate
2020-01 - 2020-03

Erstellung einer Webseite

Wordpress

Der Kunde publiziert Beiträge zur Vermittlung und Veranschaulichung von Wahrnehmung im Zusammenhang mit Kunst und Architektur. Er arbeitet an verschiedenen Projekten, die ausführlich dokumentiert werden; insbesondere die Ausstellungsreihe in den Kunstkästen der Stadt Schaffhausen, die er von 2016 bis Ende 2019 kuratiert hatte. Die Webseite ist mit dem CMS Wordpress im Seiten-Modus aufgebaut, die News-Seite ist als Blog konfiguriert. Das gewählte Template ist sehr schlicht, hingegen haben wir uns für ein ausdruckstarkes Hintergrundbild entschieden.

Wordpress
5 Monate
2019-08 - 2019-12

Erstellung einer Webseite

Wordpress Exportieren und Importieren von Daten mit Wordpress

Das Architektur-Forum thematisiert und diskutiert verschiedene Planungs- und Bauvorhaben in der Region Schaffhausen. Die Webseite ist mit dem CMS Wordpress im Seiten-Modus aufgebaut, die News-Seite ist als Blog konfiguriert. Das gewählte Template ist sehr schlicht, jeder Blog-Beitrag wird auf der Übersichts-Seite mit einem Bild und einem ?Weiterlesen-Button? gezeigt. Auf den Einzelseiten erscheint rechts eine Liste mit älteren Beiträgen, die bis ins Jahr 2007 zurückreichen. Ich konnte bei dem Auftrag auch Erfahrungen mit dem Exportieren und Importieren von Daten mit Wordpress sammeln.

Wordpress Exportieren und Importieren von Daten mit Wordpress
1 Monat
2016-06 - 2016-06

Search Interface https://db.ridim.org/search.php

Software-Entwickler PHP 5.6 MySQL jQuery
Software-Entwickler

Die Organisation RIdIM (Répertoire International d’Iconographie Musicale) beschäftigt sich mit der Geschichte von Musik-Instrumenten. In einer Datenbank werden Kunstwerke (mehrheitlich Bilder) katalogisiert, auf denen Instrumente abgebildet sind. Ein neu zu entwickelndes Search-Interface sollte es ermöglichen, die Datenbank möglichst vollständig und genau zu durchsuchen.

 

 

Die Katalogeinträge (in der Folge Records genannt) werden mit einem Übersichts-Layout dargestellt. Für jeden Record wird eine Kurzübersicht (mit Record Id, Titel, Künstler, Institution und, wenn vorhanden, einem Vorschaubild) ausgegeben. Pro Seite werden 20 Records angezeigt. Mit einem Blätter-Modul (Pagination) können die einzelnen Seiten durchgesehen werden. Der Link auf der Record Id öffnet ein neues Browser-Fenster mit dem Detail-Eintrag.

 

Technische Features (1):

Das Grundlayout basiert auf der CSS-Library „Bootstrap“ (MIT-lizensiert) und ist auch für mobile Geräte geeignet. Das Layout mit den einzelnen Records wird mittels jquery und der Javascript-Library „Handlebars“ (MIT-lizensiert) ausgegeben. Für die Pagination wurde das jquery-Modul „Bootpag“ (MIT-lizensiert) eingesetzt.

 

 

Die Suchfunktionen sind in eine „simple“ und eine „advanced“ Search aufgeteilt. Sie haben gemeinsame Optionen zum Sortieren und zwei gemeinsame Felder, mit denen der zeitliche Rahmen (nach Jahr) eingeschränkt werden kann. Die Suchfelder werden begleitet von Info-Buttons, die Hilfstexte zu den Feldern einblenden.

Die advanced Search verfügt über einen linearen Algorithmus, indem mit jedem ausgefüllten Feld die Menge der Resultate eingeschränkt wird. Dem gegenüber kann mit der simple Search nicht nur mit einem Begriff sondern auch mit zwei Begriffen vergleichend gesucht werden. Somit ist es möglich, insbesondere nach Kombinationen von Instrumenten zu suchen, die auf einem Bild dargestellt werden.

 

Technische Features (2):

PHP-Datenbankabfrage mit PDO-Connect und prepared Statements. Komplexe SQL-Syntax mit Union- und Subqueries. Übergabe der Resultate an das Javascript-Templating mittels eines JSON-Objects.

bootstrap Handlebars.js
PHP 5.6 MySQL jQuery
1 Monat
2016-04 - 2016-04

Javascript-Web-App

Software-Entwickler JavaScript HTML5 CSS3 ...
Software-Entwickler

Entwicklung einer Javascript-Web-App (nach ECMAscript 6 Standard). Die Web-App ist in ein eBook (nach ePub 3 Standard) integriert und als Wanderbuch umgesetzt [URL auf Anfrage]
Die objektorientierte Programmierung mit Javascript erlaubt die dynamische Integration von Konfigurationsdateien. Diese enthalten Anweisungen für umfangreiche interaktive Bildpräsentationen. Nach rund 2 Jahren Entwicklungszeit habe ich das eBook im April 2016 im Selbstverlag auf iBooks veröffentlicht.

JavaScript HTML5 CSS3 eBook-Formatierung nach ePub 3 Standard
Projekt in eigener Regie
1 Monat
2016-01 - 2016-01

Erstellung einer Webseite

Joomla Phoca-Gallery

Die Webseite ist mit Joomla aufgebaut. Der Kunde führt Wandertouren durch, die er auf diesem Internetauftritt bewirbt. Auf Anregung des Kunden habe ich aktuelle Features wie News- und Titelslider als Module eingebaut und konfiguriert. Sie stellen von der Kommunikation her Anreize dar, einen Artikel zu lesen. Beworben wird mit vielen Bildern, die mit kurzen Texten versehen sind. Die Wanderungen (geführte Touren) und Bestellangebote
(Bücher und Grusskarten) können über mehrstufige Formulare gebucht und bestellt werden. Die Bilder werden mit einem Galerie-Modul (Phoca-Gallery) präsentiert. Ich vermittelte dem Kunden die Benutzung der verwendeten Module in kurzen Einführungen auf einer lokalen Installation der Webseite.

Joomla Phoca-Gallery
1 Monat
2015-11 - 2015-11

Erstellung einer Webseite

Wordpress

Die Webseite ist mit Wordpress im Seiten-Modus aufgebaut. Der Verein präsentiert verschiedene Aktivitäten im Zusammenhang mit der Jagd. Der Inhalt kann durch die einfache Struktur von den Kunden selbst erneuert werden. Die News-Seite ist als Blog
konfiguriert. Die einzelnen Nachrichten können so auch als RSS-Feed publiziert und verbreitet werden. Die Bilder auf der Galerie-Seite können ebenfalls von den Kunden selbst erneuert werden.

Wordpress
1 Monat
2015-08 - 2015-08

Erstellung einer Webseite

HTML5 CSS3 Javascript

Das von mir 2008 entworfene und eingeführte Firmenerscheinungsbild wurde mit einem Responsive-Layout erweitert. Das Layout hat drei Spalten, die sich je nach vorhandenem Platz auf eine Spalte reduzieren. Das Menu-Element wird auf mobilen Geräten eingeklappt. Die Seiten sind in HTML5, CSS3 und Javascript programmiert. Auf den Startseiten erscheint jeweils ein scrollbarer Bereich mit Bildern und Links, die einen direkteren Zugriff auf die wichtigen Arbeiten des Kunden ermöglichen. Oben rechts gibt es eine Bildmarke, welche die
zwei Webseiten des Kunden miteinander verbindet. Die Texte zu den neueren Arbeiten sind mehrheitlich von mir verfasst.

HTML5 CSS3 Javascript
[Name auf Anfrage]

Aus- und Weiterbildung

Aus- und Weiterbildung

3 Jahre
1997-08 - 2000-07

Nachdiplomstudium am Studienbereich Theorie der Gestaltung und Kunst

Bachelor of Arts ZFH in Visueller Kommunikation mit Vertiefung in Visuelle Gestaltung, Zürcher Hochschule der Künste
Bachelor of Arts ZFH in Visueller Kommunikation mit Vertiefung in Visuelle Gestaltung
Zürcher Hochschule der Künste
4 Jahre
1991-08 - 1995-07

Fachklasse für Grafik

EFZ Grafiker, Schule für Gestaltung Zürich
EFZ Grafiker
Schule für Gestaltung Zürich

Kompetenzen

Kompetenzen

Top-Skills

HTML(5) CSS(3) JavaScript

Produkte / Standards / Erfahrungen / Methoden

CSS3
HTML5
Joomla
Phoca-Gallery
Wordpress

Programmiersprachen

eBook-Formatierung nach ePub 3 Standard
Handlebars.js
JavaScript
jQuery
PHP

Datenbanken

MySQL
Maria DB

Design / Entwicklung / Konstruktion

Gestaltung

Vertrauen Sie auf GULP

Im Bereich Freelancing
Im Bereich Arbeitnehmerüberlassung / Personalvermittlung

Fragen?

Rufen Sie uns an +49 89 500316-300 oder schreiben Sie uns:

Das GULP Freelancer-Portal

Direktester geht's nicht! Ganz einfach Freelancer finden und direkt Kontakt aufnehmen.