Code Kiste
Bau Dir Dein Web        
  • Home
  • Repository
Code Kiste
Bau Dir Dein Web        
 

Web, Mobile, PHP, Drupal, Symfony, Typo3, Theming, Javascript und mehr

REST, Drupal und NetBeans

Von Wolfgang Hauertmann am 16.08.2015 - 14:56
Drupal
Tools
Tipps und Tricks

Web-Services als Architektur-Prinzip, z.B. für eine komplette IT-Infrastruktur in vielen Unternehmen, sind schon lange ein Thema unter dem Stichwort SOAP (Simple Object Access Protocol). Am stärksten durchgesetzt hat sich das Prinzip in der Java-Welt, auch wenn selbstverständlich in den beiden anderen großen IT-System-Welten (OpenSource/PHP und Microsoft .NET) ebenfalls Technologien hierfür zur Verfügung standen.

In der einfacheren Version als REST-Service (REpresentational State Transfer) erleben wir zur Zeit geradezu einen Hype dieses Ansatzes, der es ermöglicht, innerhalb einer IT-Infrastruktur, z.B. eines Unternehmens, die Anwendungsebene konsequent von der Daten-Ebene und deren Verwaltung zu trennen (vgl. Abb. 1) und zwar über das HTTP-Protokoll.

Abb. 1: REST-API trennt in einer IT-Infrastruktur die Anwendungen von den Daten

Zu den Unterschieden zwischen SOAP und REST verweise ich auf diesen guten Artikel, ohne selbst näher darauf einzugehen.

  • Mehr ... about REST, Drupal und NetBeans
  • Blog von Wolfgang Hauertmann

Eine Gui für Grunt mit NodeJS

Von Wolfgang Hauertmann am 21.04.2015 - 23:04
Javascript
Workflow
Projekt

In diesem Beitrag wird eine sinnvolle Anwendung für Node.js auf dem lokalen Rechner dargestellt: eine Web-Browser gestützte Console mit GUI für die Steuerung von Automatisierungsaufgaben, wie sie beispielsweise im Zusammenhang mit Staging & Deployment, Maintenance und Continous Integration für die Web-Portal-Entwicklung typisch sind.

Viele weitere Anwendungsbereiche sind denkbar: Node.js-GUI's für

  • Staging & Deployment, Continous Integration, Maintenance für die Webentwicklung (hatten wir schon, der Vollständigkeit halber hier nochmal),
  • Medien (Heimkino, Media-Center),
  • Synchronisation von Daten (lokal, LAN, WLAN, remote, Cloud, Firma, Kunden, Arbeitsplatz),
  • Steuerung von Hardware, z.B. Arduino (Schule, Ausbildung, Hobby, CNC-Werkzeug-Steuerung),
  • Steuerung von Haustechnik bzw. Internet der Dinge (Heizung, Strom, Energiemanagement, Licht, Alarm, Überwachung, Garten-/Balkonbewässerung).

In Folgenden wird nur eine Lösung für den ersten Punkt oben (Staging & Deployment, Continous Integration, ...) vorgestellt. Dieser wird zudem nicht vollständig ausgebaut, sondern so ausführlich beschrieben, dass jeder leicht seine eigenen Grunt-Aufgaben hinzufügen kann. Material als Anregung hierfür gibt es in diesem Weblog mittlerweile reichlich.

  • Mehr ... about Eine Gui für Grunt mit NodeJS
  • Blog von Wolfgang Hauertmann

Functional Testing: Der IE ist dein Feind

Von admin am 19.04.2015 - 10:43
Javascript
Testing
Workflow

Unter Unit-Testing versteht man das Testen von Methoden und Modulen, während man unter Functional-Testing die Überprüfung der Anwendung als Ganzes oder Teilen davon versteht.

Als grober Anhaltspunkt für eine Unterscheidung wird häufig im Zusammenhang mit agilen Entwicklungsmethoden die Test-Pyramide verwendet (s. Bild links).

Die Basis bilden dort die Unit-Tests (Methoden und Module). Auf diesen bauen dann automatisierte Tests von Komponenten und APIs (Services) auf. Die Spitze bilden die Tests des User-Interface (UI bzw. GUI), teils automatisiert, teils auf Basis weitergehender Designs bis hin zum Einbezug realer Testpersonen.

  • Mehr ... about Functional Testing: Der IE ist dein Feind
  • Blog von admin

Unit-Testing mit Jasmine und Grunt

Von admin am 11.04.2015 - 14:31
Javascript
Testing
Workflow

Test-Driven-Design (TDD) ist ein heißes Thema und kaum ein Entwickler kommt mehr daran vorbei. War dieses Feld zunächst nur von Bedeutung in Projekten, die hoch-kritische Prozesse zum Gegenstand hatten, wie sie für Banken, Kernkraftwerke oder gar den Start einer Ariane-Rakete typisch sind, führte die Integration von TDD-Tools in populäre Entwicklungssysteme bald zu einer teilweise auch modischen Verbreitung.

TDD-Tools müssen nicht wirklich in jedem Projekt eingesetzt werden. Vor allem die reine Lehre führt schnell zu einem zusätzlichen Aufwand für das Schreiben von Tests, der nicht immer wirtschaftlich ist.

Die Theorie verlangt, dass vor jeder Funktion, die geschrieben werden soll, erst die zugehörigen Tests entwickelt werden. Dies erfordert viel Disziplin vom Entwickler, die Kenntnis hochentwickelter Testverfahren (Mocking) und das Vorhandensein von sehr viel zusätzlicher Entwicklerzeit. Der Ansatz verspricht, dass dieses Mehr an Entwickleraufwand später wieder hereingeholt wird durch sehr viel weniger Aufwand beim Debuggen.

In der Praxis wird heute aber auch ein weniger fundamentalistischer Ansatz akzeptiert, natürlich nur dann, wenn es nicht um hochkritische Projekte, wie einen Raketenstart, geht. Viele Entwickler haben sich zudem Gedanken gemacht, wie man entsprechende Tools komfortabel in den eigenen Workflow integrieren kann.

Nach einigem Probieren habe ich für mich für die Frontend-Entwicklung das Jasmine-Framework (Behavior driven Javascript) als Unit-Testing-Tool  entdeckt, das per Grunt sehr einfach in den eigenen Workflow integrierbar ist.

  • Mehr ... about Unit-Testing mit Jasmine und Grunt
  • Blog von admin

3 Purpose Grid - Dokumentation und Download

Von Wolfgang Hauertmann am 23.03.2015 - 12:09
Theming
Entwicklung
Projekt

Nach den ersten 5 Teilen dieser Reihe, die für Leser sicherlich nicht sehr komfortabel waren, hier nun die Dokumentation zum 3 Purpose Grid.

Dort gibt es jetzt endlich eine Download-Möglichkeit und natürlich jede Menge Kontext-Links auf die schon bekannte Demo.

Das responsive Dokumentationsportal wurde selbstverständlich auf Basis des 3 Purpose Grid (oder in Zukunft kurz P3-Grid) entwickelt und ist damit auch eine Demonstration des ersten Zwecks unseres Grid-Layout-Systems, nämlich die Entwicklung von responsiven Webportalen.

Als CMS für den Einsatz habe ich phpSQLiteCMS gewählt, ein schlankes aber durchaus respektables System, das ich sehr effizient mit meinem Grid-System einrichten konnte.

  • Mehr ... about 3 Purpose Grid - Dokumentation und Download
  • Blog von Wolfgang Hauertmann

3 Purpose Grid - Theming - Teil 5

Von Wolfgang Hauertmann am 11.03.2015 - 13:42
Theming
Entwicklung
Projekt

Es gehört zur Philosophie des 3 Purpose Grids (Demo), dass nur wenige rudimentäre GUI- und Design-Elemente zur Verfügung gestellte werden, damit der Desinger bzw. Entwickler Freiraum für eine individuelle Gestaltung behält. Dies ist bei vielen CSS-Frameworks, wie z.B. Bootstrap anders. Dort werden viele ausgefeilte GUI-Elemente wie Tabulatoren, Buttons, Sliders, etc. implementiert, deren Verwendung dann allerdings dazu führt, dass ein damit erstelltes Produkt am Ende erkennbar auf einem Bootstrap-Framework aufsetzt. Wer also ein individualisiertes Produkt realisieren möchte, der muss entweder auf diese Elemente verzichten, was zu einem Overhead in den Sourcen führt oder aber z.B. mittels aufwändiger SASS-Modifikationen einen eigenen GUI-Style generieren, was allerdings sehr spezifische Skills erfordert und nicht ganz einfach sein dürfte. Dies soll aber mit unserem Grid-System nicht passieren.

Trotzdem können wir auf die Unterstützung weniger GUI- und Design-Komponenten nicht verzichten. Wir beschränken uns auf CSS-Unterstützung für:

  • Menus,
  • Medien,
  • Info-Boxen,
  • Formulare,
  • Tabellen und
  • Karten.

Andere machen daraus 6 Artikel. Ich packe hier alles in einen. Schließlich will ich ja auch mal fertig werden mit dieser Reihe.

Damit hätten wir dann den ersten Zweck unseres 3 Purpose Grid erreicht, nämlich die Verwendung als ganz normales CSS-Framework für Portale. Wir werden noch einige weitere Teile benötigen, um alle unsere Ziele zu erreichen.

  • Mehr ... about 3 Purpose Grid - Theming - Teil 5
  • Blog von Wolfgang Hauertmann

3 Purpose Grid - Navigation und Paginierung - Teil 4

Von Wolfgang Hauertmann am 10.03.2015 - 10:43
Theming
Entwicklung
Projekt

Das 3 Purpose Grid soll weniger durch viele Gui-Elemente glänzen, von denen man in der Praxis meist nur einen Bruchteil benötigt. Vielmehr soll es vor allem schlank und vielseitig sein und den  Entwickler-Workflow unterstützen.

Auf zwei GUI-Elemente kann man aber nicht verzichten, wenn man schnell ein funktionsfähiges System als Ausgangspunkt für ein größeres Projekt aufsetzen möchte, auf:

  • Navigationsmenus und
  • Paginierung.

Unser System (Demo) wird deshalb im Folgenden um diese Ressourcen erweitert.

  • Mehr ... about 3 Purpose Grid - Navigation und Paginierung - Teil 4
  • Blog von Wolfgang Hauertmann

3 Purpose Grid - Header und Footer - Teil 3

Von Wolfgang Hauertmann am 02.03.2015 - 10:34
Theming
Entwicklung
Projekt

Unser 3-Purpose-Grid soll Ausgangspunkt sein für eine Vielzahl kleinerer Projekte in diesem Weblog. Ziel ist es, sich dieses Grid (Demo) inklusive aller Ressourcen (Bash-, Grunt-Skripte, Cordova-Vorbereitung, vielleicht Testing, falls ich dazu komme, etc.) herunterzuladen, um dann sofort mit der Implementierung des eigentlichen Entwicklungsziels beginnen zu können. Es ist somit wichtiger Teil des hier praktizierten Workflows.

Deshalb stelle ich hier drei Header- und zwei Footersysteme vor, die man sich je nach Zielsetzung eines Projekts oder persönlichem Geschmack auswählen kann.

  • Mehr ... about 3 Purpose Grid - Header und Footer - Teil 3
  • Blog von Wolfgang Hauertmann

3 Purpose Grid - Responsive Design - Teil 2

Von Wolfgang Hauertmann am 28.02.2015 - 16:22
Theming
Entwicklung
Projekt

Unser 3 Purpose Grid hatten wir in Teil 1 dieser Reihe rein statisch entwickelt. Wir werden es in diesem Beitrag durch Hinzufügen einer einzigen CSS-Datei responsive machen.

Außerdem werden wir bei dieser Gelegenheit ein kleines Javascript hinzufügen, mit dem wir unser Responsive-Layout ganz gut testen können.

Das Ergebnis kann man in dieser Demo bewundern.

  • Mehr ... about 3 Purpose Grid - Responsive Design - Teil 2
  • Blog von Wolfgang Hauertmann

3 Purpose Grid - Das Spalten-Layout - Teil 1

Von Wolfgang Hauertmann am 27.02.2015 - 17:03
Theming
Entwicklung
Projekt

In der Einleitung zu dieser Reihe habe ich Grundsätzliches zum 3-Purpose-Theme geschrieben. Vor allem die Ziele des Systems standen dort im Vordergrund.

Hier, im ersten Teil der Projekt-Reihe zum 3-Purpose-Grid, wird das Layout entwickelt. Es wird dabei keine bestimmte Breite vorgegeben wie etwa bei dem bekannten 960er-Grid, sondern es lassen sich viele verschiedene Breiten und Anzahlen von Spalten miteinander kombinieren. Entscheidend ist, inwieweit die Breite durch die Anzahl der gewünschten Spalten teilbar ist.

  • Mehr ... about 3 Purpose Grid - Das Spalten-Layout - Teil 1
  • Blog von Wolfgang Hauertmann

Seiten

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • ›
  • »

Neueste Kommentare

  • tobias.kirsch@kochan.de vor 7 Jahre 2 Monate
  • Problem behoben: Fehlerhafter Run aus NetBeans 8.0.2 vor 7 Jahre 9 Monate
  • Fehlerhafter Run aus NetBeans 8.0.2 vor 7 Jahre 9 Monate
  • Gerne! vor 8 Jahre 2 Monate
  • Danke für diese schöne Anleitung vor 8 Jahre 2 Monate
  • Freut mich vor 8 Jahre 2 Monate
  • Läuft! vor 8 Jahre 2 Monate
  • Vielen Dank für die Korrektur vor 8 Jahre 4 Monate
  • scp.exe statt sco.exe! vor 8 Jahre 4 Monate
  • Danke für den Hinweis vor 8 Jahre 10 Monate
RSS icon
GitHub

Archiv

  • December 2013 (1)
  • January 2014 (7)
  • March 2014 (7)
  • April 2014 (3)
  • May 2014 (4)
  • June 2014 (1)
  • July 2014 (1)
  • August 2014 (1)
  • September 2014 (4)
  • October 2014 (1)
  • November 2014 (8)
  • December 2014 (12)
  • January 2015 (4)
  • February 2015 (4)
  • March 2015 (4)
  • April 2015 (3)
  • August 2015 (1)
Impressum
Subscribe to Front page feed Login
2023 © Code Kiste

Datenschutzhinweis

Der Besuch dieser Webseite wird mit dem Webanalyse-Tool Piwik erfasst. Hier können Sie der Erfassung widersprechen.