Blog - Hannes Pries - Webdeveloper Blog - Entwicklung mit Shopware, Java, PHP, HTML5 und JavaScript

Shopware: Eine Static-Content/Seiten Gruppe anlegen

Eine neue Seiten-Gruppe im Backend anlegen und dabei einen Key wie "myGroup" vergeben.

Der Key, den man dort verwendet, findet man in $sMenu wieder.

<ul class="group--mygroup">
{for $sMenu.myGroup as $item}
<li>
<a href="{if $item.link}{$item.link}{else}{url controller='custom' sCustom=$item.id title=$item.description}{/if}">
{$item.description}
</a>
</li>
{/for}
</ul>

Damit ist es auch schon erledigt und man kann anfangen Seiten der Gruppe zu zuordnen und sie werden entsprechend gerendert. Unterseiten und ähnliches sind auch möglich, wie frontend/index/footer-navigation.tpl zeigt. Die Gruppen findet man in der Datenbank in der Table s_cms_static_groups.

Optionale Parameter in Spring Controllern

An sich ist das hier vollkommen logisch und man wundert sich warum man diesen Fehler überhaupt gemacht hat.. weil man den vorher nicht gemacht hat. Deswegen sollte man im Kopf behalten, dass wenn man optionale Parameter im Methodenaufruf im REST-Controller in Spring hat, diese null als Wert haben können müssen.

Einfach gesagt Integer verwenden und nicht int, weil das natürlich Probleme geben würde, wenn Spring null in einen int füllen möchte.

getList(@RequestParam(value = "typeId", required = false) Integer typeId){}

Ein Docker-Image CI-Script für GitLab

Die Scripts basieren auf dieser Anleitung von DigitalOcean.

Mit diesem Script werden der Master und alle Tags als Docker-Image gebaut, wobei der Master dann auch als latest-Tag abgelegt wird. D.h. der Master muss immer stable sein.. bei jedem Commit.

image: docker:latest
services:
- docker:dind

stages:
- build
- release

variables:
BUILD_IMAGE: gitlab.example.com:5555/sammy/hello_hapi:$CI_COMMIT_REF_NAME
RELEASE_IMAGE: gitlab.example.com:5555/sammy/hello_hapi:latest

before_script:
- docker login -u gitlab-ci-token -p $CI_JOB_TOKEN gitlab.example.com:5555

build_master_and_tags:
stage: build
script:
- docker build --pull -t $BUILD_IMAGE .
- docker push $BUILD_IMAGE
only:
- master
- tags

release_latest:
stage: release
script:
- docker pull $BUILD_IMAGE
- docker tag $BUILD_IMAGE $RELEASE_IMAGE
- docker push $RELEASE_IMAGE
only:
- master

Alternative kann man auch sich auf verschiedene Tags-Notationen einigen, wobei nur die Tags als latest getaggt werden, wenn diese ein release-Tag sind. Hier muss man aufpassen, falls man eine alte Version
nachträglich einpflegen will.

image: docker:latest
services:
- docker:dind

stages:
- build
- release

variables:
BUILD_IMAGE: gitlab.example.com:5555/sammy/hello_hapi:$CI_COMMIT_REF_NAME
RELEASE_IMAGE: gitlab.example.com:5555/sammy/hello_hapi:latest

before_script:
- docker login -u gitlab-ci-token -p $CI_JOB_TOKEN gitlab.example.com:5555

build_tags:
stage: build
script:
- docker build --pull -t $BUILD_IMAGE .
- docker push $BUILD_IMAGE
only:
- tags

release_latest:
stage: release
script:
- docker pull $BUILD_IMAGE
- docker tag $BUILD_IMAGE $RELEASE_IMAGE
- docker push $RELEASE_IMAGE
only:
- /^release-.*$/
except:
- branches

Create + Update vs Merge

Ich komme ja aus der Hibernate/JPA Ecke was ORMs angeht und habe auch als eines der ersten Plugins, das die Shopware-API betraf, mir ein Plugin geschrieben das POST und PUT gleichsetzt. Am Ende sehe ich nicht nur bei ORMs sondern auch bei REST-APIs keinen Vorteil darin zwischen CREATE und UPDATE beim Aufruf zu unterscheiden. Intern kann immer noch geprüft werden, ob eine Id gesetzt ist oder NULL/0 ist. Ich wurde CRUD eher durch ein RSD (READ SAVE DELETE) ersetzen. Welche Art von SAVE dann API intern ausgeführt wird, muss den Benutzer der API nicht interessieren.

Wenn die verwendete ID ein Business-Key ist hat es auch den Vorteil, dass man nicht bestimmen muss, ob man beim Speichern CREATE oder UPDATE aufrufen muss. Bei einem einheitlichen SAVE funktioniert es einfach und erspart viel Kommunikation mit dem Server.

Das ganze nur mal so zwischen durch... wollte ich nur mal sagen und nicht immer nur denken.

Spring Boot: Profiles wählen

Wenn man verschiedene application.properties Dateien für verschiedene Spring Boot Anwendungen vorhält kann man diese übe einen VM Parameter auswählen. Wenn wir z.B. ein Profil für "local" haben, wo eine DB auf Localhost verwendet werden soll, geht es so:

-Dspring.profiles.active=local

Damit wird dann die application-local.properties verwendet.

Scrum: Userstories und Impactmaps

"Das steht da nirgends drin", "Das ist viel zu ungenau", "ich kann da nicht raus lesen, dass da so etwas gefordert wird"... Userstories. In einer Userstory beschreib ein User was er mit dem Produkt machen will oder wie er das Produkt bedienen will. Jeden Falls kommt die Definition von Userstory oft so rüber. Aber jeder der mal mit einem Anwender zusammen Prozesse aufgenommen hat und sich dabei beschreiben lies, was der Benutzer eigentlich immer macht um zum Ziel zu kommen, weiß dass Benutzer nicht immer die zuverlässigste Quelle für korrekte oder vollständige Informationen ist. Was da manchmal raus kam.. damit will niemand einen Sprint planen. Ich halte Userstories für eine wichtige Sache, aber würde nie eine Userstory 1:1 in Tasks transferieren.

Mir gefällt diese Interpretation der Userstory als Hypothese sehr gut, weil mehr kann eine Userstory nicht sein. Eine Userstory ist der Lösungsweg einer Interpretation eines Problems oder Ziels. Niemand kann bei einer Userstory sicher sein, dass das Ziel richtig verstanden und seine Position im übergreifenden Gesamtbild richtig verstanden worden ist. Ist der Weg im gesamten Prozessablauf sinnvoll und schlank umgesetzt?
Wenn ich eine Userstory direkt von einem Benutzer bekomme, muss diese einfach nochmal gegen geprüft werden. Es gibt immer ein Problem, das zu lösen ist oder ein Ziel, das zu erreichen ist. Gerade wenn es um die Verbesserung eines vorhandenen Produkts geht, wo mehr zu tun ist, als ein paar GUI-Elemente neu zu ordnen, ist bis zur wirklichen Verwendung durch die Benutzer nie klar, ob die erhoffte Verbesserung wirklich eintritt. Oft ist nicht einmal klar, ob es nicht auch ungewollte Nebeneffekte gibt, die nicht bedacht wurden (die aber eingeplant werden müssen).

Man kennt es ja sicher, dass eine Abteilung mit neuen Anforderungen kommt, die alles besser machen sollen und man Tätigkeiten, die man gar nicht bräuchte, entfernt hat. Oft gucken, die dann sehr doof, wenn man denen erklärt, dass diese Tätigkeiten, aber für die nach gelagerten Prozesse in einer anderen Abteilung echt wichtige Daten liefern, die auch nur da her kommen können. Die Userstory war also eine Hypothese der Abteilung, die sich als falsch heraus stellte. Zum Glück noch bevor etwas umgesetzt wurde und es sich im Test oder gar im Produktivbetrieb herausstellen konnte.

Die im Artikel beschriebene Impact-Map bringt genau diese Übersicht mit und zwängt die Userstories in einen direkten Kontext in dem sie viel besser zu beurteilen und zu interpretieren sind sind, als wenn diese allein stehen würden.

- Welches Ziel soll insgesamt erreicht werden?
- Wer ist von diesen Änderungen betroffen? (Abteilungen, Kunden, etc)
- Welche einzelnen Änderungen sollen zum Gesamtziel führen? (Wo gibt es also momentan Probleme und Verbesserungspotential)

Erst dann kommen Epics und Userstories.

So steht über jeder Userstory ein Problem, dass zu lösen ist. Wenn eine Userstory eindeutig, dass Problem nicht löst, setzt man diese nicht um. Ähnliches gilt für Dinge die eindeutig fehlen um ein Problem zu lösen. "Da steht aber nirgends, dass man eine Benutzerverwaltung mit Rollen und Hierarchie will!".. aber es steht da, dass die Bereichsleiter Reports über die Tätigkeiten ihrer Abteilungen sehen wollen. Da würde einfach der wieder der Blick auf die Übergreifenden Prozesse vergessen und nur die Prozesse in den Abteilungen betrachtet. Also fängt man damit an eine Umgebung zu schaffen, bei der man sich Anmelden kann und ein Benutzer-Objekt mit Berechtigungen erhält, bevor man anfängt sensible Ansichten zu bauen, die diese Benutzer-Daten brauchen, um die richtigen Daten anzeigen zu können (und nicht zu viele Daten, die der Benutzer nicht sehen dürfte).

Und am Ende darf man nie vergessen, zu prüfen, ob eine Userstory auch wenn sie logisch klang, den gewünschten Effekt hatte. Dabei muss man schnell prüfen und messen, damit man schnell reagieren kann, um dann wieder rum schnell nachbessern zu können.

Userstories helfen also dabei den Kontext zu verstehen, aber nehmen einen nicht die Hauptaufgabe ab, nämlich als Entwickler eine Lösung für ein Problem zu entwickeln. Der Begriff Softwareentwickler beschreibt nicht was man entwickelt, sondern mit welchen Werkzeug man entwickelt!

Lifelong Learning: ABAP

Ich habe gestern angefangen mein Geburtstagsgeschenk "Schrödinger programmiert ABAP" zu lesen. Bis jetzt kann ich sagen, dass man schon mal ein gutes Gefühl bekommt wie man sich ein Dev-System einrichten kann und welche Teile bei den Anfängen elementar sind (z.B. das Logon-Tool mit seinen Load-Balancing Fähigkeiten).

In der nächsten Zeit werde ich mal gucken, ob ich es schaffe mir selbst ein SAP zu installieren (gibt es das auch für Docker?) und auch viel weiter lesen.

Auf die Art des Buches muss man sich aber erst einmal einlassen.. zum Glück sind nur die ersten Seiten etwas wirr und man findet sich schnell in die Struktur ein.

Apache Meecrowave: REST-API + Docker schnell und einfach

Wer sich sonst immer für Wildfly/Tomcat und JAX-RS für seine REST-API Lösungen entschieden hat wird sich mit Apache Meecrowave sehr schnell zu Hause fühlen. Im Grunde ist es auch nichts anderes als ein Tomcat mit JAX-RS nur dass die Setup-Phase fast komplett entfällt. Für Microservices und schnelle Lösungen hat man in wenigen Minuten eine funktionsfähige REST-API.

Für eine einfache REST-API braucht man die pom.xml, eine Klasse mit einer Main-Methode und einen REST-Endpoint.

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>

<groupId>TestMeecrowave</groupId>
<artifactId>TestMeecrowave</artifactId>
<version>1.0-SNAPSHOT</version>

<plugins>
<plugin>
<groupId>org.apache.meecrowave</groupId>
<artifactId>meecrowave-maven-plugin</artifactId>
<version>1.2.1</version>
</plugin>
</plugins>

<properties>
<meecrowave.version>1.2.3</meecrowave.version>
</properties>

<dependencies>
<dependency>
<groupId>org.apache.meecrowave</groupId>
<artifactId>meecrowave-core</artifactId>
<version>${meecrowave.version}</version>
</dependency>

<dependency>
<groupId>javax.xml.bind</groupId>
<artifactId>jaxb-api</artifactId>
<version>2.1</version>
</dependency>
</dependencies>
</project>

Startet mit Port 8080. Mehr Starteinstellungen sind möglich aber nicht nötig:

public class MainClass {
public static void main(String[] args) {
try{
Meecrowave.Builder builder = new Meecrowave.Builder();
builder.setHttpPort(8080);
builder.setJaxrsMapping("/api/*");
try (Meecrowave meecrowave = new Meecrowave(builder)) {
meecrowave.bake().await();
}
}
catch(Exception e){
e.printStackTrace();
}
}
}

Ein einfacher Endpoint als Beispiel:

import javax.enterprise.context.ApplicationScoped;
import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.Produces;
import javax.ws.rs.core.MediaType;

@Path("test")
@ApplicationScoped
public class TestController {
@GET
@Produces(MediaType.APPLICATION_JSON)
public TestModel action(){
TestModel model = new TestModel();
model.setId(23);
model.setName("Test");

return model;
}
}

Der Endpoint ist jetzt erreichbar:

http://localhost:8080/test

Der Vorteil bei dieser Lösung ist, dass man sehr einfach ein Docker-Image mit dieser Anwendung erstellen kann, das man dann direkt deployen kann.
Durch das Meecrowave-Maven-Plugin wird eine meecrowave-meecrowave-distribution.zip im Target-Verzeichnis erstellt.

Ein passendes Docker-Image könnte so aussehen:

FROM openjdk:8-alpine3.8
WORKDIR /app

ADD target/meecrowave-meecrowave-distribution.zip .

RUN apk --no-cache add bash
EXPOSE 8080
ENTRYPOINT["sh /app/meecrowave.sh start"]

Auch für Test gibt fertige Meecrowave-Packages, die man nutzen kann. Sonst geht natürlich auch einfach JUnit.

Wer sich jetzt fragt ob Spring Boot besser oder schlechter ist.. ich hatte jetzt mit beiden zu tun und am Ende ist beides an sich das Selbe mit ein jeweils anderen Libs. Beides ist für Microservices sehr gut geeignet.

Github und Composer

Irgendwann fängt man an aus seinem großen Framework einzelne kleine Module heraus lösen zu wollen. Die will man dann als Composer-Requirements wieder einbinden. Zum Glück geht das sehr einfach, indem man einfach ein Repository zu seiner composer.json hinzufügt:

"repositories": [
{"type": "vcs", "url": "https://github.com/annonyme/events"}
],

und dann kann man einfach das Module hinzufügen:

php composer.phar require annonyme/events
php composer update

Damit kann man dann anfangen, sein Framework in einzelne Module zu zerlegen.

15 EUR IP-Kamera mit ONVIF

Eine 15 Euro 720p Kamera über ONVIF mit iSpy verbunden. Ein ausführliches Review der Kamera folgt demnächst.

Dateien nachträglich in die gitignore aufnehmen

Manchmal will man später Dateien oder Verzeichnisse in die .gitignore aufnehmen, die man vorher nicht drin hatte und mit versioniert hatte. Das Hinzufügen zur gitignore reicht aber nicht, um die Dateien aus dem Repository verschwinden zu lassen.

Da muss man zuerst

git rm -r --cached .

ausführen und dann wieder alle Dateien adden. Dann werden die nun ignorierten Dateien als gelöscht in Git geführt.

Proxies in JavaScript

Was man in Java teilweise mit Javassist gemacht hat und man für die Erkennung von Änderungen an Object-Values in JavaScript dringend braucht sind Proxy-Objekte.

Das geht zum Glück an sich ganz einfach.

<html>
<head>
<script type="text/javascript">
var x = {value: ""};

var xHandler = {
set: function(target, property, value, receiver) {
target[property] = value;
console.log(target);
}
};

var xProxy = new Proxy( x, xHandler );
</script>
</head>
<body>
<input type="text" onkeyup="xProxy.value=this.value;">
</body>
</html>

Damit kann auch bidirektionales Binding zwischen Model und HTML-Element implementieren.

Was man heute unter KI versteht...

Ein sehr guter Wired-Artikel Auch 2029 wird es keine Künstliche Intelligenz geben, die diesen Namen verdient, der endlich mal klarstellt, dass das was man seit kurzen überall als KI verkauft, nichts weiteres ist als klassische Mustererkennung ist, wie man sie seit Anfang der 90er nutzt. Der klassische KI-Begriff, in dem um die Schaffung einer Intelligenz geht, hat damit garnichts zu tun.

Mich stört es wenn Firmen von KI sprechen und man dahinter nur einfache Datenanalyse mit stupiden Bedingungen und Gewichtungen erkennt. Vektoren zum Vergleichen mit bekannten Mustern sind jetzt auch nicht wirklich neu oder irgendwie intelligent.

Klickbar oder Messbar?

Am Ende eines Sprints soll etwas heraus kommen, was man dem Kunden zeigen kann bzw deliverable ist. Kunden an sich können nur sehen was klickbar ist. Dinge die nicht klickbar sind sind für die meisten Kunden einfach nicht existent, weil diese zu meist keine technischen Anforderungen stellen sondern fachliche. Man Klickt etwas an und es passiert was und das ist das was der Kunde sieht und bewertet.

Aber muss es so sein? Es gibt viele Dinge innerhalb eines Sprints, die die Entwicklung und technische Basis voran bringen ohne das ein Anwender sie bemerkt oder sehen kann. Deswegen ist es vielleicht falsch nur den Kunden die Bewertung zu überlassen. Der Kunde muss nur am Ende etwas sehen, das man messen und dann validieren kann.

Angenommen, ich möchte mehr Automatisierung in der UI haben. Formulare sollen sich automatisch erzeugen und nicht mehr per Hand zusammen gebaut werden müssen. Kann ich das in einem Sprint nach der Definition liefern? Ja! Ich baue es ein und liefere dem Kunden am Ende des Sprints einen Mess-Fall. Genau so ob die Änderung die der Kunde sieht er nach dem Spring validiert werden kann, ob der erhoffte Impact eintritt, kann meine technische Änderung genau so zur selben Zeit getestet werden. Zwar nicht durch einen Anwender sondern durch die Daten des nächsten Sprints selbst, aber das Ergebnis ist das Selbe.
Ich liefere etwas und gebe dem Kunden etwas an die Hand, um die Hypothese auf der dieses gelieferte fußt, prüfen zu können. Ich sage, ich kann mit dieser Änderung im nächsten Sprint 6 neue Formulare in der UI liefern und nicht mehr nur 2. Das ist eine gute Annahme, die sich überprüfen lässt. Ob eine andere Userstory, die vom Kunden selbst kommt, am Ende das erhoffte liefert, weis man genau so wenig, wie diese Annahme, mit der ich den Form-Generator eingebaut habe.

Nach dem folgenden Sprint, gehe ich wieder zum Kunden und zeige ihm, was wir an Formularen gebaut haben. Nun prüft er, ob meine Annahme mit 6 Formularen erfüllt wurde. Vielleicht sind es nur 5 geworden oder wir hatten sogar Zeit über, in der wir noch ein Formular mehr hätten machen können... das ist gar nicht ganz so wichtig, weil sich heraus gestellt hat, dass es eine Verbesserung gab und damit meine technische Userstory erfüllt werden konnte und nicht nochmal neu bearbeitet werden oder als Fehlschlag einzustufen ist.

Ob man also klickt oder am Ende Zahlen vorlegt, ist für den Kunden dann egal. Man hat jeweils etwas gebaut, was sich in der Zeit danach bewähren muss und nur das was dann da heraus kommt zählt und nicht was am Ende des Sprint sichtbar war. Deswegen muss ich am ende des Sprints immer nur etwas liefern, was messbar ist. Nicht etwas was direkt sichtbar ist.

Behat + Mink: Selenium und eigene Methoden

Wenn man mit JavaScript zu tun bekommt, führt leider kein Weg an Selenium vorbei. Das erst einmal zum laufen zu bekommen ist dabei auch nicht immer einfach. Ich habe dabei gelernt, dass Firefox nicht wirklich funktioniert und Chrome dagegen ohne Probleme funktioniert. Um Selenium zum Laufen zu bekommen brauchen wir einiges:

- eine aktuelle Version des Selenium Standalone Servers als JAR
- den Chrome-Driver für Selenium
- Java

dann kann man Selenium mit java -Dwebdriver.chrome.driver=/opt/selenium/chromedriver -jar selenium-server-standalone-X.X.X.jar starten. Den Driver kann man natürlich auch in anderen Verzeichnissen ablegen.
https://selenium-release.storage.googleapis.com/index.html

In der Behat-config sieht es dann so aus:

default:
suites:
default:
contexts:
- Behat\MinkExtension\Context\MinkContext
# - TestContext
extensions:
Behat\MinkExtension:
base_url: 'http://www.hannespries.de'
files_path: 'vendor'
browser_name: 'chrome'
selenium2: ~

Um nun auch eigene Methoden wie Warten hinzuzufügen brauchen wir einen eigenen Context. Den legen wir unter features/bootstrap ab.

<?php

class TestContext extends \Behat\MinkExtension\Context\MinkContext {
/**
* @When I wait :arg1 seconds
*/
public function iWaitSeconds($seconds)
{
$this->getSession()->wait($seconds * 1000);
}

/**
* @When I click the :arg1 element accepting the alert
*/
public function iClickTheElementAcceptingTheAlert($selector)
{
$page = $this->getSession()->getPage();
$element = $page->find('css', $selector);

if (empty($element)) {
throw new Exception("No html element found for the selector ('$selector')");
}

$element->click();

$driver = $this->getMink()->getSession()->getDriver();
if($driver instanceof \Behat\Mink\Driver\Selenium2Driver){
/** $driver \Behat\Mink\Driver\Selenium2Driver*/
$driver->getWebDriverSession()->accept_alert();
}
}
}

Jetzt den Context eintragen. Weil wir mit extends arbeiten dürfen nicht beide aktiv sein, weil die sonst die selben Methoden implementieren.

default:
suites:
default:
contexts:
# - Behat\MinkExtension\Context\MinkContext
- TestContext
extensions:
Behat\MinkExtension:
base_url: 'http://www.hannespries.de'
files_path: 'vendor'
browser_name: 'chrome'
selenium2: ~

Nun können wir Warten und sogar Javascript Dialoge bestätigen.

Wenn wir nun mit "bin/behat features/XXX.feature" unser Test Scenario XXX starten öffnet sich der Chrome-Browser und wir können alle Tests visuell mit verfolgen.

Orange Pi One: Ein passendes Netzteil

Leider kann man über den Orange Pi One nicht über den USB-Anschluss mit Strom versorgen sondern braucht ein 5V 2A Netzteil. Ich habe mir dieses Aukru 8 in 1 USB Ladegerät gekauft und mit den Adaptern passte es dann auch und der Adapter sitzt auch so, dass ich erst einmal den Karton als vorläufiges Gehäuse verwenden kann.

Damit stehen den Experimenten mit Motioneye OS nichts mehr im Weg. Wenn das nichts wird, kommt einfach RetroPi rauf :-)

Günstige 2TB HDDs

Wer seinem PC oder NAS zu Weihnachten eine 2TB HDD spendieren möchte bekommt bei notebookswieneu.de gerade sehr günstig für 30 EUR refurbished (mit etwas Glück auch mal eine neue dazwischen) welche. Ich hab ein paar schon mal welche (auch für Kunden) verbaut und bis jetzt lief alles immer super und alle Werte waren super.

HDD 2TB 3.5 - Nr. 1 (weg)
HDD 2TB 3.5 - Nr. 2
HDD 2TB 3.5 - Nr. 3

Shopware: SEO-Urls selbst anlegen

Eigene SEO-Urls kann man mit Shopware relativ einfach hinzufügen, wenn man die technischen Urls kennt. So kann man auch einem Blog-Post eine zweite SEO-Url anlegen, die nicht direkt als Blog-Url erkennbar ist. Diese Urls sind keine Weiterleitungen mit 301 oder 302 sondern echte Urls, die den selben Content liefern, wie die originalen Urls, was bei SEO zu beachten ist.

Java: JUnit Tests mit Mockito vereinfachen

Das Mocking von Services war lange eine sehr komplizierte Sache. Mit Javassist oder speziellen Implementierungen konnte man es lösen, aber es war oft einfach nicht schnell und einfach zu benutzen. Mit Mockito kann man pro Test die Method-Calls einer Klasse überschreiben und so relativ einfach auch Test für Klassen mit Dependency Injection schreiben. Wenn man eine Service-Klasse testen möchte, die auf ein DAO zurückgreift um Daten aus der Datenbank zu laden, kann man nun einfach die DAO-Klasse mit Mockito so manipulieren, dass sie bestimmte Daten liefert ohne auf die Datenbank zu gehen und so hat man die volle Kontrolle über die Input- als auch die Output-Daten.

import org.junit.*;
import org.mockito.Mock;
import org.mockito.junit.MockitoJUnit;
import org.mockito.junit.MockitoRule;

import static org.mockito.Mockito.*; //to use when() without static class

public class ModelTest {

//will always return a model with id = 0 (not existing), simulating an empty/not existing database
@Mock
private TestModelDAO dao;

@Rule
public MockitoRule mockitoRule = MockitoJUnit.rule();

@Before
public void setup(){
//creating an existing dummy for id 23, so 23 will always return a valid model
TestModel dummy = new TestModel();
dummy.setId(23);
dummy.setName("blubb-23");
when(this.dao.getModel(23)).thenReturn(dummy);
}

@Test
public void getModelSimple(){
TestModel model = (new TestModelDAO()).getModel(42);
Assert.assertEquals(0, model.getId());
}

@Test
public void getModelComplexId(){
TestModel model = this.dao.getModel(23);
Assert.assertEquals(23, model.getId());
}

@Test
public void getModelComplexName(){
TestModel model = this.dao.getModel(23);
Assert.assertEquals("blubb-23", model.getName());
}

@Test
public void getModelDIExample(){
//Testing a service with constructor dependency injection
TestService service = new TestService(this.dao);
String upperName = service.getUpperCaseName(23); //name for id 23
Assert.assertEquals("BLUBB-23", upperName);
}
}

An sich sollte man solche Methoden wie getUpperCaseName nie so schreiben und immer die fertig geladene Entität rein reichen. Aber gerade bei älteren Legacy-Code findet man solche Dinge oft. Auch Tests mit fehlenden Request oder ähnlichen kann man so durchführen, ohne direkt eine gesamte HTTP-Umgebung nachbauen zu müssen.

Vue.js: v-for mit Start-Index > 0

Irgendwie scheint das v-for von Vue.js Probleme zu haben, wenn ein Array z.B. von 5-10 geht und nicht von 0-5. Ich musste jeden Falls erst einmal einen Offset berechnen, um im Array wieder alles von 0 beginnen zu lassen. Dann funktionierte wieder alles.

Java SDKs mit SDKMAN installieren

Mit SDKMAN kann man relativ einfach SDKs im System verwalten ohne immer alles selbst per Hand oder aus Repositories installieren zu müssen.

Einmal gucken welche Versionen verfügbar sind:

sdk list java

Dann installieren:

sdk install java 11.0.1-open

Gradle geht damit auch ganz einfach:

sdk install gradle 5.0

Python: Django vs Turbo Gears 2

Ich musste mich damit beschäftigen wie man eine kleine REST-API mit Python erstellt. Django macht dabei an sich bei jeden Pups bei mir Probleme und war doch sehr umständlich, weil man sich noch mit dem gesamten MVC-Pattern darin beschäftigen musste. Nachdem es auch mit dem ORM schwieriger wurde (im Vergleich zu Spring Boot mit JPA/Hibernate) dachte ich mir, es müsse doch auch für Python was modernes geben. So kam ich zu Turbo Gears 2 und das macht schon mal genau was ich wollte. Einfach, schnell und übersichtlich.

from tg import expose, TGController, AppConfig
import jsonpickle

# --

class TestEntity(object):
def __init__(self, id ,name, sub):
self.id = id
self.name = name
self.sub = sub

class TestSubEntity(object):
def __init__(self, value):
self.value = value

# --

class RootController(TGController):
@expose("json")
def index(self):
test = TestEntity(42, 'blubb', TestSubEntity('sub-blubb'))
return jsonpickle.encode(test, unpicklable=False)

@expose("json")
def method2(self):
test = TestEntity(23, 'blubb-2', TestSubEntity('sub-blubb-2'))
return jsonpickle.encode(test, unpicklable=False)

# --

config = AppConfig(minimal=True, root_controller=RootController())

application = config.make_wsgi_app()

from wsgiref.simple_server import make_server

print("Serving on port 8090...")
httpd = make_server('', 8090, application)
httpd.serve_forever()

Mit Turbo Gears 2, Spring Boot und Meecrowave kann wirklich schnell und einfach Microservices erstellen und vieles des Overheads alter Zeiten ist einfach nicht mehr da bzw wurde so gut versteckt, dass man sich rein auf den Code und die Logik konzentrieren kann. Welche Lösung man da nimmt ist Geschmackssache. Von der Codestruktur her sieht alles an sich fast 100% gleich aus.

Bei Python sehen Flask, Bottle und Hug auch interessant aus

Warum Python eine richtige Programmiersprache ist...

und PHP nicht :-)

Der Grund warum man Preise nie als Double berechnet!

Preload-Cache PHP: Wie Java nur eben schlechter.

Ich mag PHP. Ich mochte PHP schon zu PHP4- und PHP5-Zeiten, obwohl da Performance und Typisierung wirklich nicht immer so toll waren. Aber es gab einen großen Vorteil, im Vergleich zu Java (Tomcat + JSP/JSF/Servlets), den man konnte einfach eine Datei ändern und F5 drücken. Dann war die Änderung direkt zu sehen. Das Betraf auch nciht nur einfache Controller und Views sondern auch DB-Connections, Caches und andere Dinge bei denen man normaler Weise den Java Servlet-Controller hätte neustarten müssen. Dieser Luxus wurde sich eben dadurch erkauft, das es keinen Application-Scope oder komplexes Connection-Pooling in PHP gab. Aber dafür ersparte man sich nicht-funktionierende Hot-Deploys und Restart-Zeiten der Serverumgebung.

Nun soll es einen PHP Preload-Cache geben, wobei die Kompilierung des PHP-Codes nur noch beim Serverstart erfolgen soll: A server restart will be required to apply the changes. Damit werden dann einige (die ersten) Seitenaufrufe schneller, weil dann dort das Kompilieren entfällt. Bei Blogs oder one-page Lösungen sehe ich da keinen wirklichen Vorteil. Die Kompilierungszeiten mit PHP 7 sind wirklich schnell geworden, so das auch der erste Aufruf der 90% der Anwendung kompilieren würde bei dem normalen OpCache, gefühlt nur minimal langsamer wäre als die weiteren Aufrufe. Der absolute Nachteil wäre, das man den Server wegen jeder Änderung neustarten müsste. Also würde man sich Scripte schreiben, die das Starten und Kompilieren für einen übernehmen. Dann noch WebPack und man hat einen Workflow, der genau so komplex ist wie bei Java-Projekten (nur dass dort mit Maven alles zentraler geregelt wird).

Was habe ich also am Ende. Komplexität, Deployment-Zeiten, eine immer noch nicht ganz so überzeugende Performance, kein Multithreading, keinen Application-Scope und kein Connection-Pooling für Datenbankverbindungen. Also alles was an Java nicht so toll ist und keinen der Vorteile von Java.

Besonders, wenn man immer mehr in die Richtung geht einen HTML5+JS Client mit einer REST-API/Middleware anstelle klassischer MVC-Modelle zu nutzen, wären die F5-Vorteile von PHP wirklich toll gewesen.

Wer also sehr komplexe Seiten mit vielen vielen verschiedenen Views hat, der kann Vorteile durch einen Preload-Cache haben. Bei allem anderen sollte der OpCache allein noch die Performance bestimmen.

Behat und Mink: Einfach Websites und HTML-UIs testen

Unit-Tests sind ja immer ganz schön, um Berechnungen und andere atomare Logiken zu testen. Berechne ich den Preis richtig? Funktioniert das Regex- oder XPath-Pattern noch? Kann man alles mit Unit-Tests super und zu zuverlässig testen. Wenn es kann aber um Workflows oder Benutzerführung geht wird es schwer. Auch muss ein UX-Spezialist nach jeder neuen Version wieder testen, ob die von ihm festgelegten Wege und Regeln noch genau so funktionieren und der Benutzer auch das zusehen bekommt was er soll und nicht plötzlich in einer falschen Ansicht landet.

Hier kommt Mink ins Spiel. Mink wird verwendet von Behat und das ist ein Behavior Driven Development Framework. Wie auch bei Unit-Tests wird erst formuliert, was wo passieren soll und wie der Besucher sich auf der Seite bewegt und was er wann zu sehen bekommt.

Auf meinem Blog soll ein Besucher mit der Hauptansicht des Blogs starten und wenn er nach "rfid" sucht, den Post mit "POS-Plugin Cashless-Payment Demo" finden. Außerdem soll er beim PoE-Kameras Post Kommentare hinterlassen können.

Behat aufsetzen ist nicht immer ganz einfach, weil es beim Composer teilweise zu Versionsproblemen kommen kann. Deswegen hier mein kleines Grund-Setup.

composer.json

{
"name": "hp/behat_test",
"authors": [
{
"name": "Hannes Pries",
"email": "hp@hannespries.de"
}
],
"require": {
"behat/behat": "*",
"behat/mink-extension": "*",
"behat/mink-browserkit-driver": "*",
"behat/mink-goutte-driver": "*",
"behat/mink-selenium2-driver": "*"
},
"config": {
"bin-dir": "bin/"
}
}

Dazu kommt die behat.yml im Projekt-Root (Behat 3):

default:
suites:
default:
contexts:
- Behat\MinkExtension\Context\MinkContext
extensions:
Behat\MinkExtension:
base_url: 'https://www.hannespries.de'
files_path: 'vendor'
goutte: ~

und jetzt kommt der Test unter features/home.feature:

Feature: Home

Scenario: Starting with blog index page
Given I am on "/"
Then I should see "Latest Entries"

Scenario: Search for RFID
Given I am on "/index.php?page=Blogs&sub=search"
When I fill in "pattern" with "rfid"
And I press "search"
Then I should see "POS-Plugin Cashless-Payment Demo"

Scenario: Display comment-fields in blog-post
Given I am on "/idx-blog--berwachtungskameras-mit-poe-und-nas.html?page=Blogs&sub=viewBlog&blogId=465"
Then I should see "write comment:"

Scenario: Display comment-fields in blog-post 2
Given I am on "/idx-blog--berwachtungskameras-mit-poe-und-nas.html?page=Blogs&sub=viewBlog&blogId=465"
Then I should not see "Not able to write comment"

Und das war es auch schon. Jetzt kann man den Test über bin/behat features/home.feature starten und es wird alles einmal durch getestet.

Eine gute Übersicht über die Syntax findet man hier https://gist.github.com/mnapoli/5848556.

Und eine Beispiel-Projekthier:
https://github.com/jaffamonkey/behat-3-kickstart

Allein mit dem wenigen Syntax den ich dort verwendet habe kommt man schon relativ weit. Wenn man stark JavaScript-basierte WebApps testet gibt entsprechende Erweiterungen, um auch direkt selbst mit JavaScript dinge triggern oder Events abfeuern zu können.

Geo-Distance Berechnung

Vor einiger Zeit hatte ich eine PLZ-Suche implementiert, bei der Locations bis zu einer bestimmten Distanz zu einer 2. per PLZ identifizierten Location als Ergebnismenge heraus gesucht wurden.

Es wurde also Also eine Distanz zwischen 2 per GPS-Koordinaten beschrieben Locations berechnet. Ich habe das in PHP erledigt, weil die Locations der zu findenen Orte in einer JSON-Datei vorlagen und ich mir den Import in die MySQL-DB ersparen wollte. Die Orte per PLZ kamen aber aus der MySQL-DB, wobei immer der erste Ort mit der PLZ die Koordinaten geliefert hat.

/**
* https://www.geodatasource.com/developers/php
*
* @param $lat1
* @param $lon1
* @param $lat2
* @param $lon2
* @param string $unit
* @return float
*/
public function calcDistance($lat1, $lon1, $lat2, $lon2, $unit = 'K'): float
{
$theta = $lon1 - $lon2;
$dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));
$dist = acos($dist);
$dist = rad2deg($dist);
$miles = $dist * 60 * 1.1515;
$unit = strtoupper($unit);

if ($unit == 'K') {
return ($miles * 1.609344);
} else if ($unit == 'N') {
return ($miles * 0.8684);
} else {
return $miles;
}
}

Auf der Seite findet man auch Code für PL/SQL (Oracle), Java und JavaScript. Nur leider für MySQL nicht. Die findet man aber hier. Im Grunde kann man sich das aber für jede Sprache selbst ableiten, weil es normale Mathematische Berechnungen sind ohne dass zusätzliche Libs oder Klassen nötig wären (die es aber auch gibt und diese Logik kapseln).

Jeden Falls sind solche Berechnungen an sich ganz einfach und performant, so dass man sich alles schnell selbst schreiben kann und nicht auf 3rd Party Lösungen angewiesen ist.

Überwachtungskameras mit PoE und NAS

Wenn man ein eigenes Haus hat, ist man dann doch irgendwann immer an dem Punkt, wo man sich über Sicherheit Gedanken macht. Dabei gibt es wie bei der IT zwei Stufen an Sicherheit.
Einmal Einbrüche verhindern und Versuche erkennen und aufzeichnen. Es ist zwar schön, wenn sie die Terrassentür nicht so einfach auf hebeln lässt, aber man will den Versuch ja trotzdem dokumentiert haben. Falls es jemanden doch gelingen sollte, will man auch dann Material haben, um alles nachweisen zu können und vielleicht sogar gutes Bildmaterial für die Strafverfolgung zu haben.

Dann kommen immer Überwachungskameras ins Spiel. Klar muss einem sein, dass so eine Kamera einen Einbruch nicht verhindert, sondern nur bei der Aufklärung helfen kann. Gute Fenster und Türen ersetzt eine Kamera nie. Die Kunst bei Überwachungskameras ist, diese so zu positionieren, dass sie nur Stellen aufzeichnen, die nicht andere Personen und deren Persönlichkeitsfreiraum einschränken und doch genau Raum abdecken, um viele und gute Bilder oder Videos zu machen.

Indoor ist meistens nicht nötig und vielleicht nur in abgetrennten Eingangsbereichen sinnvoll. Abgetrennt ist, wichtig wenn man Katzen oder Hunde hat, weil sonst würden, diese wohl die Kamera zu oft auslösen. Sensible Bereiche will man ja selbst auch gar nicht überwachen.

Die Bilder und Video sollen nicht nur in der Kamera gespeichert werden, sondern in Echtzeit an einen sicheren FTP-Server gesendet werden. Sicher bedeutet hierbei, dass der Server bei einem Einbruch selbst nicht geklaut oder zerstört werden kann. Cloud-Lösungen sind hier teilweise nicht verkehrt. Ein kleines QNAP-NAS lässt sich aber auch gut versteckt im Haus unterbringen. Das Speichern auf einem FTP in Echtzeit ist wichtig, dass auch wenn jemand die Kamera beschädigt oder klaut, hierbei wenigstens so lang wie möglich Bilder oder Videos erstellt und gesichert werden. Eine Kamera nur mit SD-Karte, die geklaut werden kann ist an sich sinnlos.

Es gibt schon gute und günstige Outdoor IP-Kameras. Ob man WLAN braucht oder Netzwerkkabel legen will muss jeder selbst wissen. ABER da Kabel (ausfall-)sicherer sind und man diese gleichzeitig zur Stromversorgung über PoE verwenden kann, habe ich mich bei mir rein für eine LAN-Kabel gestützte Lösungen entschieden, auch wenn eine der Kameras WLAN hat.

Neben einem 1GBit Switch kommt noch ein weiterer 100Mbit PoE Switch aus China zum Einsatz. 1GBit habe ich da hauptsächlich, wegen dem SAT DLNA-Server, der über die selben Leitungen geht, aber allein für Überwachungskameras würde 100MBit ausreichen.

Wichtig ist die Auflösung der Kamera. 720p klingt besser als es ist. 1080p ist schon sehr viel besser und ich würde nur für relativ unwichtige Bereiche oder welche wo die Menschen dicht an der Kamera vorbei gehen müssen noch mit 720p ausstatten. 1080p mit Infrarot bekommt es meistens gut hin auch Nummernschilder gut lesbar abzubilden. 720p hat hier schon schnell Probleme.

Meine 720p Kamera (mit WLAN)

Meine 1080p Kamera (nur LAN)

Bilder und Videos landen bei mir auf meinem kleinen QNAP TS-120 NAS. Eine externe 500GB eSATA HDD kann schon viele viele Tage halten, wenn man wirklich nur bestimmte Bereiche per Motion-Detection überwacht, an denen nicht im Minutentakt Menschen oder Vögel vorbei gehen/fliegen. Wind + Büsche sollten auch nicht in dem Bereich zu finden sein,weil die doch die Motion-Detection sehr effektiv auslösen.
Spinnen direkt vor der Kamera können ein Problem sein. Aber meistens bauen die 2-3 Abende ihr Netz und stören dann nicht weiter.

Bis hier hin ist alles toll und funktioniert super. Aber es gibt immer noch 2 Bereiche, wo ich mir unsicher bin wie ich das weiter handhaben soll. Einmal eine sehr gut versteckte Kamera, die das NAS überwachen soll. FTP + SD-Karte, damit sich Kamera und NAS gegenseitig absichern können. Gut getarnte Kamera mit Motion-Detection und FTP-Upload sind schwer zu finden, wenn man nicht unendlich viel Geld dafür ausgeben will.
Als zweites ist noch ein Fenster nicht überwacht, dass aber direkt zur Straße geht und wo es schwer ist eine Kamera mit Sicht auf das Fenster anzubringen. Ich mag Kamera an Außenwänden nicht besonders, aber da wird es wohl keine andere Lösung geben. Da wäre eine hübsche Kamera wie diese ganz gut, die auch etwas nach einer Lampe aussieht, damit sich niemand davon belästigt fühlt, auch wenn die Kamera gar nicht die Straße und andere Bereiche überwacht.

Komplexität? - Gerne noch etwas mehr davon!

Ich bin über diesen Artikel bei Heise-Developer gestolpert und das Thema hat mich gleich gefesselt. Ich vertrete ja immer die Auffassung, dass Komplexität entweder auflösbar ist oder ein Symptom eines unerkannten Fehlers/Problems. Ich halte es auch für eine sehr deutsche Tugend Komplexität zu verklären. Über die Jahre bin ich bei verschiedenen Firmen, Personen und Situationen über sehr komplexe Probleme gestolpert, die aber meistens von den Verantwortlichen mehr mit Stolz gesehen werden, als ein Problem.

Die Aufgabe der IT wird dann immer darin gesehen, dass sie komplexe Probleme, die zu komplex für Menschen sind, handhabbar und bewältigbar zu machen. Dabei gilt auch in der IT, dass eine komplexe Lösung für ein komplexes Problem eine große Sammlung für Point-of-Failure's sind, bei denen die einzelnen Fehler auch wieder eine hohe Komplexität haben. In den meisten Fällen, wäre die IT besser damit beraten, ein Beispiel zu liefern, wie die IT helfen kann einen simpleren Prozess umzusetzen und damit die Effektivität enorm zu steigern.

Leider aber gibt es immer die typischen Ausreden:
- unser Geschäftsfeld ist eben sehr komplex
- es gibt keine Standard Fälle, die unsere nötigen Abläufe abbilden können
- unsere Firma ist eben etwas Besonders und lässt sich nicht vergleichen
- das ist über die Jahre so gewachsen und unser Erfolg gibt uns recht
- wir sind nicht einfach so eine Firma.. wir machen heben uns ab
- wir sind eben innovativ und den Standardlösungen voraus

Bei manchen sieht man sehr gut das Ursache und Begründung an sich nichts mit einander zu tun haben. Aber eindeutig ist, dass man meint sich durch Komplexität einen Mehrwert gegenüber Mitbewerbern herbei zureden versucht. Es wird so getan als müsse Komplexität mit Innovation, Qualität und Alleinstellung einher gehen. Hoch komplexe Fertigungsmethoden beeindrucken natürlich, aber es wird viel zu selten überlegt, ob es nicht viel beeindrucken würde für eine komplexe Aufgabe eine sehr einfache und kostensparende Lösung bieten zu können.

Automatisierung und Digitalisierung.. momentan große Buzz-Words. Firmen die schon immer versucht haben Komplexität zu bekämpfen und ihre Prozesse schlank und einfach zuhalten, haben kein Problem damit etwas bei sich zu automatisieren bzw sind meistens schon damit durch. Das sind auch Firmen bei denen die Mitarbeiter selbst bestrebt sind, stupide Arbeit loszuwerden und sich wirklich wichtigen Arbeiten mit ausreichend Zeit widmen zu können.

Gerade größere Firmen, die an Komplexität als Vorteil oder Aushängeschild festhalten, wundern sich immer, wenn sie von kleinen innovativen Firmen mit viel weniger Mitarbeitern, Geld und Bürokratie in kurzer Zeit überholt werden. Oft hält man dann dort an der Qualität fest, die mit simpleren Fertigungsmethoden oder Prozessen ja nicht gewährleistet werden könne. Manchmal stimmt es, aber ganz oft ist die höhere Qualität auch nur eingebildet und wird allein an den komplexen Prozessen wiederum fest gemacht. Also führt die Komplexität zu hoher Qualität, die man daran erkennt, dass die Komplexität hoch ist.... man dreht sich im Kreis.

Komplexität ist immer schlecht und es gibt keinen Grund an Komplexität fest zu halten. Wenn man Komplexität an einem Punkt nicht los wird, muss man entweder etwas mehr nachforschen und kann dadurch innovativ sein oder in Betracht ziehen, dass man etwas da einfach falsch macht und denn betroffenen Prozess noch mal auch mit Blick von Außen neu planen sollte.

Unnötig Komplex zu sein und zu denken ist 60er/70er Jahre Mentalität, die man möglichst schnell ablegen sollte. Aber dafür muss man Prozesse erfassen und bewerten, mit den Mitarbeitern vor Ort reden und planen, IT nicht als Problemlöser sehen sondern als neuen Weg, der neue Impulse und Ideen liefert. IT ist ein Werkzeug zur Bekämpfung von Komplexität und nicht eins um Komplexität beherrschbar zu machen.

Shopware: Variablen eines Plugins in eigenen Templates nutzen

Wenn man sich für Shopware ein Plugin kauft, kann es sein, dass man die Daten genau so vorfindet, wie man sie braucht, aber möchte das dort verwendete Template ersetzen oder die Daten in einem Template verwenden, das im Plugin noch gar nicht vorgesehen war.

Dafür kann man sich ein eigenes kleines Plugin schreiben. Das geht in 5 Minuten. Wir schreiben uns das Plugin TESTNotLoggedIn und blenden damit den Newsletter in der Footer Navigation aus.

Ins Verzeichnis TESTNotLoggedIn kommt die Datei TESTNotLoggedIn.php:

namespace TESTNotLoggedIn;

use Shopware\Components\Plugin;

class TESTNotLoggedIn extends Plugin{
public static function getSubscribedEvents()
{
return [
'Enlight_Controller_Action_PostDispatchSecure_Frontend' => 'addTemplateDir',
'Enlight_Controller_Action_PostDispatchSecure_Widgets' => 'addTemplateDir',
];
}

public function addTemplateDir(\Enlight_Controller_ActionEventArgs $args)
{
try {
$args->getSubject()->View()->addTemplateDir($this->getPath() . '/Resources/views/');
}
catch(\Exception $e){
//TODO
}
}
}

jetzt kommt das Verzeichnis Resources/views/ dazu und die Datei plugin.xml:

<?xml version="1.0" encoding="utf-8"?>
<plugin xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="https://raw.githubusercontent.com/shopware/shopware/5.2/engine/Shopware/Components/Plugin/schema/plugin.xsd">
<label lang="de">TEST Not Logged In</label>
<label lang="en">TEST Not Logged In</label>

<version>0.1</version>
<link>https://www.hannespries.de</link>
<author>Hannes Pries</author>
<compatibility minVersion="5.2.0" />

<requiredPlugins>
<requiredPlugin pluginName="HPrGlobalCustomerData" minVersion="1.3"/>
</requiredPlugins>
</plugin>

Hier wird das Plugin, das wir erweitern wollen, angegeben. Ich verwendet das kostenlose "Globale Kunden Smarty-Variablen". Nun können wir einfach unsere Templates im views-Verzeichnis anlegen und vorhandene erweitern.

Als Beispiel kommt hier Resources/views/frontend/index/footer-navigation.tpl

{extends file="parent:frontend/index/footer-navigation.tpl"}

{block name="frontend_index_footer_column_newsletter"}
{if !$customer_loggedIn}
{$smarty.block.parent}
{/if}
{/block}

Damit ist das Plugin schon fertig und kann installiert werden. Der Newsletter Bereich im Footer ist nun nur sichtbar, wenn man eingelogged ist.

Das Plugin "Eigenschaften in Artikel-Listing" bietet z.B. auch an in der Detailseite die Daten nur als Smarty-Variable bereit zu stellen, damit man selbst direkt die Darstellung implementieren kann und nicht noch eine vorhandene unpassende anpassen oder entfernen und ersetzen muss.

Shopware-Plugins: Meine Plugins wechseln den Hersteller

Ich habe jetzt fast genau ein Jahr Shopware-Plugins programmiert und im Community-Store von Shopware angeboten. Es hat mir immer viel Spass gemacht und gerade der Kontakt mit den Kunden war oft sehr interessant. Da es aber über mein Nebengewerbe lief, war die Zeit, die ich dafür verwenden konnte schon sehr eingeschränkt und auch Marketing war nicht so einfach da mit unter zu bringen. Zusätzlich benötigte das eigene Haus immer mehr Zeit. Es ist schon ein riesiger Unterschied, ob man eine Mietwohnung hat oder ein eigenes Haus, was den Zeitbedarf angeht.

Daher hatte ich mich entschiedenen meine Nebentätigkeiten herunter zu fahren. In dem Zuge kam ich an den Punkt, wo mir klar wurde, dass weniger nichts bringt, sondern ich ganz aufhören muss.
Die laufenden Projekt wollte ich aber nicht so einfach wegwerfen, besonders weil ja auch Kunden darauf vertrauen, dass deren Plugins und andere Software weitergepflegt wird und Fixes erstellt werden.

Deswegen wechseln meine Plugins nun zur Windeit Software GmbH, was mir die Möglichkeit gibt, den Plugins auch die Zeit und Investionen zukommen zu lassen, die sie benötigen. Es ist also nur zum Vorteil aller, denn jetzt wird es geben:

- verbesserten Support
- besseres Marketing
- richtige Dokumentation (Videos?)
- Urlaubsvertretung
- alles noch professioneller

In der nächsten Zeit werden also alle Plugins umgestellt. Kunden werden einen neuen Namen und ein neues Logo sehen, aber der Rest bleibt gleich und alle Kaufe und Subscribtions laufenden unverändert weiter.

Und was werde ich jetzt machen? Haus, Garten und im Blog wird es wieder vermehrt um Development, Arbeit, Hardware-Projekte und kleine private Projekte gehen. Weniger Content, aber dafür etwas persönlicher wieder mit mehr Inhalt.
Wenn man ein eigenes Haus hat, hat man auch genug mit IT und Infrastruktur Themen zu tun.

Tipp: GitKraken

Das Programm was ich wirklich täglich sowohl bei der Arbeit als auch privat nutze ist GitKraken (und es ist kostenlos!). Es hat bei mir Sourcetree abgelöst und selbst einige CLI-Verfechter bei der Arbeit nutzen GitKraken nebenbei, weil das Mergen durch die gute Darstellung sehr viel sicherer wird. Wer sich schon mal ver-merged hat, sollte mal überlegen GitKraken dafür zu nutzen.

Axosoft an sich ist auch toll.. besser als JIRA!

Der 30 Euro PC - Wieviel Leistung für so wenig Geld

Wenn man heutzutage einen neuen PC kaufen will, merkt man schnell, dass die Zeit der großen PC-Verkäufe und Angebote vorbei sind. Das was man momentan bei den üblichen Verdächtigen Geschäften vor Ort findet, kann man oft an zwei Händen abzählen. Im Internet gibt natürlich alles, aber auch da sind die Modelle mit denen geworben wird, eher extremer Einheitsbrei. Man hat oft die Wahl zwischen einem Allrounder und einem Gamer-PC. Der normale PC hat einen kleinen schwarzen Tower mit i3 oder i5 und onboard Grafik. Der Gamer-PC hat einen größeren Tower mit viel Licht, i7 und einer mittleren Gaming-Grafikkarte und ist dabei immer viel zu teuer.

Oft braucht man aber gar keinen so leistungsfähigen PC. Alles was man neu kaufen kann ist überdimensioniert und viel zu teuer. Bei mir kam die Anforderung einen kleinen PC für das Schlafzimmer zu organisieren, damit man dort vernünftig Youtube gucken kann.
Warum ein PC und keinen Fire TV Stick oder ein andere Android-Gerät oder direkt einen Smart-TV? Ganz einfach: kleinere HDMI-Sticks sind langsam, Android-Geräte sind meistens wirklich umständlich zu bedienen und deren Apps langsam und unübersichtlich, ein neues TV-Gerät ist unnötig teuer.

Zum Glück gibt es im Internet ja noch Ebay und dort gibt es kleine, unscheinbare PCs für sehr geringe Preise. Einen relativ kompakten PC bekommt man dort schon für 30 Euro. Ich habe mich für einen Fujitsu Futro s900n entschieden.

Natürlich ist die Hardware-Ausstattung jetzt nicht die Beste aber klang erst einmal brauchbar:

- AMD G-T44R 1,2 Ghz CPU
- 2GB DDR3 (max. 8GB)
- AMD/ATI Radeon HD 6250
- 1GB SSD (mSATA)
- 1x DVI + 1x DP
- USB 2.0 und 3.0 Anschlüsse
- 1GBit Ethernet

Was auffällt ist die sehr winzige SSD und das fehlende WLAN. Für den Einsatz als Media-Player muss also noch dazu bekommen:

- 32GB mSATA SSD
- USB WLan Stick

Was beides zum Glück sehr günstige Komponenten sind. Eine normale SATA SSD kann man in den PC sogar aus einbauen, wenn man sich ein passendes Adapterkabel für den Strom organisiert und bei der Halterung mit Klebeband behilft. Damit oder mit einem ESATA/USB3.0 HDD Gehäuse würde einem kleinen NAS auch nichts im Weg stehen und von der Leistung her würde der PC mit den kleinen bis mittleren Geräten von QNAP sicher noch mithalten können.
Als einen ThinClient kann man den PC natürlich auch verwenden... wenn man einen Terminal-Server hat. Ist ja der eigentliche Verwendungszweck und alles andere eigentlich die Ausnahme.

Unterstützt werden auf dem PC sowohl Linux als auf Windows. Beides ganz offiziell und an sich hängt es nur von der SSD ab, was man installieren kann. Ich würde wohl eines kleinen Linux gehen, da es dort alles gibt was ich brauche. Firefox oder Chrome für Youtube ist keine Problem. VLC für Sat-TV und DLNA ist auch bei beiden Systemen verfügbar. Es waren noch einfache Zeiten, als das OS noch irgendwie eine Rolle spielte. Heute ist es an sich egal ob man Windows oder Linux verwendet, wenn man nicht gerade Gamer ist.. oder Adobe-Software braucht.

Da ich leider keinen WLAN-Stick habe, bzw einen relativ alten nicht mehr finde, nehme ich erst einmal einen WLAN-Accesspoint. Der ist nicht schnellste aber für Youtube reicht der erst einmal.
Eine 32GB mSATA SSD habe ich noch von einem anderen gescheiterten Projekt (die SSD war dabei nicht das Problem, wie sich beim Test mit einem SATA-Adapter heraus stellte!).

Das vorinstallierte eLux-Linux auf der 1GB SSD hat zwar einen Firefox, aber der war nur in einer ESR 33 Version vorhanden und lies sich nicht wirklich einfach updaten. Die Version hatte noch keinen passenden Video-Codec für HTML5-Video dabei und Flash ist jetzt wirklich heutzutage keine Option mehr und auch das hätte ich erst einmal installieren müssen.

Also schnell die 32GB SSD rein und einen Ubuntu 18.04 LTS Installations USB-Stick fertig gemacht.

1GB SSD

32GB SSD

Der PC bootet direkt das Bootmenü vom USB-Stick und startete Ubuntu. Die Installation lief langsam aber stabil durch und nach ca. 30 Minuten war ein sauberes Ubuntu 18.04 installiert.

Youtube mit 720p lief jetzt nicht direkt flüssig. Mit 480p lief alles super und sah auch wirklich noch ganz ok aus. Der Unterschied zu 720p war minimal, bei dem was ich getestet habe. Wobei ich mir nicht sicher bin, ob es vielleicht am Grafikkartentreiber liegen könnte, dass der die Videobeschleuningung für den verwendeten Codec von Youtube nicht liefern konnte.

Mit einem DVI auf HDMI-Adapter ist der PC für seine Aufgabe als Media-Player für das Schlafzimmer gut gerüstet.

Zur Not kann man die USB3.0 Karte noch gegen eine Lowprofile NVidia Quadro austauschen, da der 2x PCIe Slot nach hinten hin offen ist und so auch PCIe 16x Karten passen, die dann zwar nur mit 2-Lanes laufen, aber damit immer noch ausreichend schnell sind für Media-Player.

Fazit

1,2GHz klingt wenig und ist auch wirklich nicht viel, aber für einfache Aufgaben reicht es und der Grafikchip holt doch einiges raus. Mit einer SSD sind Datenzugriffe ausreichend schnell und werden nur durch die langsame CPU limitiert.
Die 2GB RAM reichen für ein einfaches Linux + Firefox auch aus. Eingebautes WLAN wäre nett aber wäre limitierend, weil Ethernet + WLAN-Accesspoint sind einfacher an schnelle WLAN-Standards anpassbar und man bleibt nicht auf einem alten Standard hängen.

Update: Chromium läuft sehr viel performanter auf dem System als Firefox. Während Firefox auf Youtube öftersmal ruckelt, laufen die selben Videos in der gewählten Auflösung im Chromium vollkommen flüssig.

SSD: Alienware Notebook Resurrection

Man kennt ja das Problem, dass das ältere Notebook an sich noch ganz gut läuft, aber so bald irgendwie viele Daten gelesen oder geschrieben werden müssen, alles doch sehr langsam wird. 500 Fotos kopieren dauert ewig. Windows nach einem Update neustarten dauert ewig. Ein Spiel starten und dann die Ladebildschirme.. dauert alles ewig. Alles andere ist aber normal schnell. Wenn z. B. das Spiel erst geladen hat, läuft es auch ohne Probleme und sogar mit höheren Grafikeinstellungen.. nur die langen Ladezeiten nerven einfach nur.

Das Alienware Notebook trotzt mit seiner Abwärme jedem Regen!

Ganz konkret geht es um das Alienware M17x R3 meiner Frau und das neue WoW-Addon. Die Ladezeiten von WoW sind schon auf ihrem doch ziemlich aktuellen PC (AMD Ryzen 1800, 512GB SSD M.2) erstaunlich hoch und das ältere Alienware Notebook wird sich da nicht ganz so gut schlagen wie der PC, weil es mit zwei älteren Notebook Festplatten ausgerüstet ist. Wobei eine davon eine SSHD ist, aber man deren theoretischen Vorteil jetzt gerade bei Anwenderprogrammen und Spielen weniger bis gar nicht merkt.

Benchmark SSHD

Die Benchmark Ergebnis der beiden Festplatten, sehen daher auch nicht ganz so gut aus. Ok über konstante 100MByte/s beim lesen konnte man um 2005 herum noch freuen, aber die Zeit schreitet eben voran und mit SSDs ist man >200MByte/s oder eher 400MByte/s schon gewohnt. Gute über PCIe angebundene SSDs schaffen da noch mal einiges mehr.

Also werden beim Notebook die HDDs gegen eine SSD ausgetauscht. Später kann wenn nötig die 500GB HDD wieder mit eingebaut werden, aber bis jetzt sehe ich da keinen Bedarf. Dass man überhaupt 2 Massenspeicher-Geräte einbauen kann, ist bei Notebooks eher selten, aber jeder der mal so ein Notebook wie das Alienware in der Hand hatte, weiß, dass man sich diese Flexibilität mit einem alles andere als leichten Notebook erkauft, dass mit der Größe auch in keine Standard Notebook-Tasche passt.

Bei der SSD viel die Wahl auf eine refurbished S2500er von Intel mit 360GB. Es gibt zwar schon 500GB für unter 100 Euro, aber die Intel SSD ist sehr gut und der Preis bei notebookswieneu.de stimmte einfach. Wirklich spannend werden wohl die Intel 660p, wenn der Preis wirklich wie angekündigt wird und vielleicht noch etwas fällt.

refurbished bestellt komplett neuwertig bekommen.. schön glänzend

Die SSD ist genau so schnell und einfach wieder eingebaut wie die Festplatten ausgebaut waren waren. Dafür waren nur 2 Schrauben für den Bodendeckel zu lösen und die Festplatten Schlitten ließen sich nach dem Lösen der Schrauben einfach nach oben raus ziehen. SSD anstelle der HDD ein den Schlitten und wieder von oben einfach rauf stecken. Das ist ein Vorteil der größeren Notebooks, denn bei anderen müsste man sehr viel mehr dafür umbauen.

noch mit beiden HDDs

Slot 0 mit SATA Winkeladapter

SSD installiert

Den Windows 10 USB-Stick zum installieren habe ich auf meinem PC mit dem Tool von Microsoft erzeugt. Geht schnell und einfach und die Installation hat nichts mehr von den Installationsorgien zu Win98 oder NT4.0 Zeiten. Alle Treiber sind direkt dabei und funktionieren sogar besser als die Treiber von Dell Homepage.

ja... mein PC ist dreckig, ich weiß

in wenigen Minuten zum fertigen USB-STick

Was man eben so alles braucht

Die beiden alten Festplatten, die sogar hätten im RAID laufen können in dem Notebook, lege ich mir zur Seite und werde sie mal in externe Gehäuse verbauen. Die 250GB SSHD könnte ich vielleicht in einem meiner Lenovo T500 verbauen und deren echt langsame 160GB HDD ersetzen.
Eingebaut und wurde direkt ohne Probleme erkannt.

Jetzt sehen die Benchmark Ergebnisse auch schon direkt viel besser aus und auch die Ladezeiten bei WoW sind spürbar kürzer.

schon viel besser!

Theoretisch würde der Akku nun auch etwas länger halten, weil eben auch ein Laufwerk weniger verbaut ist. Aber bei so einem Notebook ist Akku Laufzeit sowie so relativ. Wenn der Strom weg ist ist, kommt eine Warnung, dass man diesen doch bitte sehr zügig wieder
einschalten sollte und das Notebook jetzt erst einmal die NVidia Quadro deaktiviert und auf die interne Intel-Grafikkarte zurück fallen wird.

Der Einbau ist wirklich einfach und von jedem der einen Schraubenzieher halten kann ohne sich selbst oder andere dabei schwer zu verletzen ohne Probleme durch zu führen. Windows klonen ist mit den richtigen Tools wie EaseUS genau so einfach und an sich sogar noch einfacher als eine Neuinstallation.

Ich habe hier eine Neuinstallation gewählt, um auch alle alten Reste und Programme aus Windows 7 Zeiten mal los zu werden. 360GB istgerade mit modernen Spielen zwar ausreichend aber doch auch nicht unendlich viel. Deswegen kann ich gut auf alle möglichen alten Dell-Programm und veralteten Treiber-Zusätze verzichten und spare etwas Speicher auf der SSD.

An sich zeigt sich mal wieder, dass man heute eine SSD einfach braucht. Zwar sind neue HDDS auch nicht langsam, aber sie müssen erst einmal anlaufen und in der Zeit hat die SSD schon lange die Daten geliefert. Mit einer SSD wird dann auch ein 8 Jahre altes Notebook wieder so schnell, das man viel Geld investieren müsste um ein Notebook mit mehr Leistung zu bekommen.

Shopware-Plugin: B2B und Preise

Oft ist es B2B-Bereich gewollt, dass mögliche neue Kunden das gesamte Sortiment einsehen können, aber noch nicht direkt die Preise angezeigt bekommen.
Nur die registrierten und vom Händler freigegebenen Kunden sollen, dann die Preise sehen können.

Das hat damit zu tun, dass verschiedene Kunden sehr verschiedene Preise sehen können (abhängig von Kundengruppen in die die Kunden einsortiert werden) und ein default-Preis könnte diese Kunden verschrecken oder es soll nicht erkennbar sein, wie viel Rabatt wirklich gegeben wurde oder gegeben werden kann.
Deswegen sollen diese erst eine Anfrage durchführen und sie werden dann in die passende Gruppe einsortiert, die vielleicht 15% weniger Zahlen als die default-Preise.

Mein Shopware-Plugin Kunden-Registrierung blockieren hilft dabei, in dem es Preise für nicht angemeldete Besucher komplett ausblendet und auch verhindert, dass sich Kunden ohne Freigabe oder Anfrage registrieren können.

Kostenpflichtiger Support? Ja? Nein?

Momentan ändert sich bei mir Nebengewerblich einiges und ich überlege wie ich meine Shopware Projekte weiter pflegen kann und vielleicht sogar richtig mit Marketing pushen könnte. Das Problem dabei ist, dass ich gerne kleine Dinge für meine Kunden tue ohne direkt Geld zu verlagen. Damit aber sich eine Zukunft ergibt, müssen, die etwas mehr Geld generieren. Dabei wäre wohl der erste Schritt für die Erstellung von XSLT-Templates Geld zu verlangen. Bei JTL oder anderen Anbietern, dachte ich mir bis jetzt, dass es ja von Vorteil wäre einfach die zu bauen und dann ins Plugin zu integrieren. Damit wäre das Plugin von sich aus irgendwann mehr Wert und es wäre vertrettbar den Preis zu erhöhen.

Ich werde wohl bis Dezember dann das Schreiben von neuen XSLT-Templates kostenpflichtig machen. Pro Template brauche ich so 1-2h, wenn ich dann normale Zeiten wie bei meinem Job hätte wohl eher 1h. Das sind Preise dann die niemanden Weh-tun würden.

Das XML-Plugin bekommt noch einmal ein großes Update oder es wird sogar ein 2. Plugin mit dann aber einem entsprechenden Preis (momentan mein favorisiertes Vorgehen). Das kleine wäre dann für die Anbindung an WWS und ERPs und große wäre dann für echtes Dropshipping.

Wenn ich es schaffe, die auch weiterhin weiter entwickeln zu können, wäre dann auch hoffentlich die Zeit für Dokumentation und Tutorial-Videos.

Ich bin selbst sehr gespannt wie alles weiter geht und wie einige meiner Projekte in Zukunft aussehen werden.

CMS mit parallax-scrolling Modul

Die Überarbeitung meines CMS-Frameworks läuft gut. Optional gibt es auch schon ein parallax-scrolling Modul, das Subpages direkt unter der eigentlichen Page mit Parallax-Effekt rendern kann.

Seiten erstellen, bearbeiten und so ist mit diesem CMS wirklich sehr einfach und ist vielleicht nicht so verbreitet oder umfassend wie Wordpress, aber dafür für kleine einfache Seiten sehr viel schneller. Das Blog-Modul wird momentan auch nochmal überarbeitet.

Ein öffentliches Release des CMS unter MIT-Lizenz folgt wohl in den Wintermonaten.

Shopware: Eigenes Einkaufswelten Element

Da es zu dem Thema "Einkaufswelten Elemente selber bauen mit ExtJS" relativ wenig Hilfe bei Shopware gibt, habe ich mich mal wirklich mit [url=https://developers.shopware.com/developers-guide/custom-shopping-world-elements/#advanced:-adding-a-custom-emotion-component-in-extjs]Hilfe von dem Shopware eigenen Tutorial zu Einkaufswelten Elementen[/ur]) und vielen einzelnen Formum-Beitragen da durch gekämpft. Ich mag ExtJS immer noch nicht, aber so langsam komme ich wenigstens mit den Components klar. Ist am Ende nicht so viel anders wie Swing oder SWT, nur wird in den Constructoren der Componenten die man erweitert sehr viel "Magic" gemacht auf die man angewiesen ist. Allein die Frage: wie bekomme ich ein einfaches kleines Text-Feld in das richtige FieldSet?

Elemente von Einkaufswelten sind ein wirklich nicht so einfaches Thema, wenn man die reine PHP-Schiene verlässt und mit ExtJS arbeitet. Aber diese Mischung im Vimoe-Element Beispiel finde ich jetzt auch nicht so wirklich toll. Felder hier, Stores da.. man sollte alles auf einen Blick haben und wenn man mit JavaScript arbeitet muss man das Plugin auch nicht öfters neu installieren sondern nur den Cache löschen und das Shopware-Backend neu laden.

Init-Methode einer einfachen kleinen GUI mit einem Feld zur Artikel-Auswahl:

initComponent: function() {
var me = this;
me.callParent(arguments);

me.articleStore = Ext.create('Ext.data.Store', {
model: 'Shopware.model.Dynamic',
proxy: {
type: 'ajax',
url: '{url controller="EntitySearch" action="search"}?model=Shopware\\Models\\Article\\Article',
reader: Ext.create('Shopware.model.DynamicReader')
}
});

me.articles = Ext.create('Ext.form.field.ComboBox', {
name: 'article',
fieldLabel: 'Artikel',
store: me.articleStore,
allowBlank: false,
valueField: 'id',
displayField: 'name'
});
me.articles.setVisible(true);
me.elementFieldset.add(me.articles);
},

Darin sieht man wie meinen einen eigenen Store mit AJAX-Backend definiert und diesen in der ComboBox verwendet, die man wiederum in den Element-Einstellungen anzeigt. Wenn man schon mal soweit ist, steht einen auf dem Weg zu Einkaufswelten mit eigenen Elementen in Shopware nicht mehr viel im Weg.

User	annonyme	Date	2019-01-18 19:11
Tags	dumm, hannes pries, integer, java, null, rest, spring, spring boot, tipp

User	annonyme	Date	2019-01-11 19:46
Tags	api, crud, gedanken, hannes pries, jpa, rest, rsd

User	annonyme	Date	2019-01-10 20:20
Tags	application, hannes pries, profiles, properties, spring boot, tipp

User	annonyme	Date	2019-01-06 12:10
Tags	abap, buch, hannes pries, lifelong learning, sap, weiterbilden

Hannes Pries - Web/Shopware/Java-Developer BlogWeil es immer eine simple Lösung gibt!

Hannes Pries - Web/Shopware/Java-Developer Blog
Weil es immer eine simple Lösung gibt!