Login
Inhalt
    #entwicklung
    #programmieren
    #html
    #php
    Die Technik hinter fogaco.de
    Von marius am 21.06.2017

    Wie funktioniert diese Website? Wie ist sie entstanden? Welche Technologien kommen zu Einsatz? Diese Fragen werde ich beantworten und die Entstehungsgeschichte von fogaco.de erzählen.

    Zum Ausprobieren...

    Wie auf der Startseite bereits erwähnt, ist fogaco für mich ein Versuchsprojekt, um Webtechnologien auszuprobieren und zu erlernen. Die Idee dahinter habe ich schon lange im Kopf. Angefangen zu programmieren habe ich im Januar 2014.
    Zu Beginn war es eine einfache Seite mit HTML und der PHP-Template-Engine 'Tiny but Strong' (TBS). TBS hat meiner Meinung nach einen zu großen Overhead an Dateien, da man ja für jede einzelne Seite zwei Dateien rumliegen hat. Daher ist TBS wieder rausgeflogen und ich habe mein eigenes Layout implementiert: -- Grafik Layout --

    Technologien

    Im Grunde basiert fogaco auf simplem HTML und PHP. Für einige Effekte und Funktionen kommt JavaScript und jQuery zum Einsatz. Ohne jQuery geht heutzutage nicht mehr viel... Die normale Fotogalerie und die Galerieansicht laden die Daten der Fotos asynchron durch AJAX vom Server. Hier wollte ich eine losere Kopplung. Daher befindet sich auf diesen Seiten selbst kaum PHP-Code. Das Backend, das die AJAX-Requests entgegennimmt und auf die Datenbank zufreift, ist dann wieder PHP.
    Die Benutzer-Authentifizierung und das Artikelsystem sind synchron mit PHP programmiert. Das Artikelsystem ist ein selbstgebaute Möglichkeit um Blogbeiträge und normale Artikel zu verfassen. Ein kleiner WYSIWYG-Editor ist ebenfalls enthalten, damit auch Leute ohne HTML-Kenntnisse Artikel schreiben können. Der Editor ist ebenfalls selbstgebaut.
    Warum PHP? Im Lauf der Entwicklung habe ich mit vielen Leuten gesprochen, was wohl die 'beste' Programmiersprache für so ein Webprojekt ist. Zusammenfassend lässt sich sagen: PHP hat keinen guten Ruf. PHP wäre nicht so 'schön' und unorganisiert. Manche Funktionen wären redundant oder inkonsequent abgelöst worden. Objektorientierung ist halb umgesetzt und für große Projekte unübersichtlich. So die allgemeine Stimmung. Dennoch wird sie für für abertausende, wenn nicht sogar Millionen Webseiten verwendet. Vielleicht liegt das daran, dass PHP sehr einfach zu erlernen ist. Man erzielt schnell Ergebnisse.
    Außerdem ist PHP bei fast jedem Webhoster verfügbar. Das macht es zu einer schnellen und günstigen Methode ein Webprojekt zu realisieren. Aus diesem einfachen Grund habe ich mich für PHP entschieden. Der Webhoster bietet PHP von Haus aus an.

    Technik

    Die Architektur

    Oft wird HTML mit PHP-Code gespickt, was meiner Meinung nach sehr unübersichtlich wird. Zur besseren Übersicht und Wiedervewendbarkeit der Komponenten habe ich mit der Umsetzung der Galerie eine Architektur eingeführt. Dadurch werden die eigentlichen 'HTML'-Seiten von der Anwendungslogik und dem Datenbankzugriff getrennt. In der Galerie gibt es die galery.php, die die eigentliche Seite darstellt und Hauptsächlich HTML und Javascript enthält. Über einen AJAX-Call wird die galery.action.php aufgerufen, die die Daten aus der Anfrage bearbeitet und den Datenbankzugriff realisiert. Die Daten werden über JSON zurück zur Seite übertragen und angezeigt.
    Somit gibt es auf der Seite keine Anwendungslogik und der Code wird übersichtlicher.
    Nach oben

    Kommentare

    Kommentar schreiben



    fogaco.de   2014 - 2024 | Impressum | Login | |