Fachlicher Schwerpunkt dieses Freiberuflers

Web-Programmierung: PHP, MySQL, HTML5, CSS3, JavaScript. CMS: Joomla, WordPress

verfügbar ab
13.06.2019
verfügbar zu
80 %
davon vor Ort
50 %
PLZ-Gebiet, Land

Schweiz

Städte
Zürich
100 km
Kontaktwunsch

Ich möchte bevorzugt für Projekte in diesen Einsatzorten kontaktiert werden.

Projekte

06/2016 - 06/2016

1 Monat

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

Rolle
Software-Entwickler
Projektinhalte

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.

Kenntnisse

PHP 5.6

MySQL

jQuery

Produkte

bootstrap

Handlebars.js

04/2016 - 04/2016

1 Monat

Javascript-Web-App

Rolle
Software-Entwickler
Kunde
Projekt in eigener Regie
Projektinhalte

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.

Kenntnisse

JavaScript

HTML5

CSS3

eBook-Formatierung nach ePub 3 Standard

01/2016 - 01/2016

1 Monat

Erstellung einer Webseite

Kunde
Andreas Bachofner (Berge Bilder Spirit)
Projektinhalte

Die Webseite ist mit Joomla aufgebaut. Andreas Bachofner 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 vermittle den Kunden die Benutzung der verwendeten Module in kurzen Einführungen auf einer lokalen Installation der Webseite.

Kenntnisse

Joomla

Phoca-Gallery

11/2015 - 11/2015

1 Monat

Erstellung einer Webseite

Projektinhalte

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.

Kenntnisse

Wordpress

08/2015 - 08/2015

1 Monat

Erstellung einer Webseite

Kunde
[Name auf Anfrage]
Projektinhalte

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.

Kenntnisse

HTML5

CSS3

Javascript

Kompetenzen

Design / Entwicklung / Konstruktion
Gestaltung

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

Produkte / Standards / Erfahrungen
CSS3
HTML5
Joomla
Phoca-Gallery
Wordpress

Datenbanken
MySQL

×
×