21. September 2017

Created with fancy software (Photoshop) by FancySoftware

Für meinen Verein SV Sirzenich trete ich noch immer gerne als Sponsor auf und helfe wo ich kann. Hier ging es darum die anderen Sponsoren mit einem Mannschaftsfoto als Geschenk zu beglücken. Dazu wurde eine Mannschafts-Fotoshooting gemacht und die Bilder kamen anschließend zu mir ins digitale FancySoftware Studio. Aber seht selber, ich habe die Bearbeitungsschritte per Bildschirmaufnahme (OsX – QuickTime) mitgeschnitten:

SV Sirzenich – B-Klasse Meister 2016/2017

SV Sirzenich Vorher - Nachher

Making off – Video:


Vorher - Nachher

 

Making off – Video:

PS: Und glaubt nicht alles was ihr auf Bildern seht 😉

VG, Johnny

http://www.sv-sirzenich.de


20. September 2017

Haustechnik Bohr – Neu saniert und montiert

Das Unternehmen Chauffage & Sanitaire – Haustechnik Bohr startet mit einen neuen Webauftritt. Responsives Design und eine klare Navigation, ausgestattet mit aussagekräftigen Bildern und textlichen Leistungsbeschreibungen bilden das Fundament. Schaut selbst einfach mal rein. Vielleicht ist ja auch eine Leistung für euch interessant. Z.B eine Solaranlage von erfahrenen Profis.

www.haustechnik-bohr.lu

www.haustechnik-bohr.lu


13. September 2017

AfterBuy Agentur-und Händler-Event- 2017

Wir waren in Köln auf dem AfterBuy Agentur- und Händler-Event 2017. In einer schönen Location veranstaltet, gab es interessante Vorträge zum Thema e-Commerce. Außerdem haben wir Kontakte geknüpft um eine Partnerschaft voranzubringen, da wir ja Schnittstellen für AfterBuy entwickelt haben. Diese gilt es nun noch durch den Review-Process von PrestaShop zu bringen und im Anschluss zu vermarkten. Dafür hat AfterBuy eigens ein Partnerprogramm und wir würden auf deren Erweiterungsseite gelistet. So planen wir eine große Zielgruppe zu erschließen und unsere Schnittstellenmodule bekannter zu machen.


26. August 2017

AQUA Therm mit neuem Onlineshop

Aqua-Therm LogoDer Startschuss ist gefallen! Wir stellen vor: Den neuen Onlineshop www.heizung-online.eu Dort könnt Ihr hochwertige Viessmann Heizungen, Heizkörper, Zubehör und Weiteres kaufen. Das Shopsystem selbst basiert auf dem OpenSource Shop-System; PrestaShop.

Eine Besonderheit von dem Onlineshop ist die Integration mit der Cross-Selling Plattform AfterBuy. Die Produkte werden automatisch durch unsere Schnittstellen Module von AfterBuy zu dem Onlineshop synchronisiert, sowie die eingehenden Bestellungen zurück zu AfterBuy. Für die jeweilige Synchronisierung zu AfterBuy haben wir die passenden Module selbst entwickelt und können auch in anderen Onlineshops eingesetzt werden.

Von uns entwickelte Module:

Bezahlvarianten:

  • Vorkasse
  • Paypal
  • SOFORT Überweisung

Die Versandarten sind:

  • DHL
  • Spedition

Dabei muss man als Kunde die Versandart nicht selber auswählen, denn diese wird automatisch gewählt, anhand der jeweiligen Produkte im Warenkorb und deren Größe bzw. deren Gewicht.

Mobile online shop

Heizung online

http://www.heizung-online.eu


15. August 2017

LokaleWare – Update 1.0.2 Release

Wir haben an einem Update von LokaleWare gearbeitet.
Das Ergebnis ist eine neue Webapp und eine neue iOS Version.

• Fehlerbehebung und Performance-Optimierungen
• Favoriten-Liste zur schnellen Navigation
• Teilen zu WhatsApp Funktion

Natürlich kamen auch einige neue Hofladen hinzu. Also schaut doch mal wieder vorbei!
Falls du noch kein Fan von LokaleWare auf Facebook oder Twitter bist, dann folge uns:

 
LokaleWare Update
 


08. August 2017

LokaleWare Interview in der ?Presse

Presse-Bericht von 5vier.de über unsere App LokaleWare! Danke an das 5vier.de Team für die Unterstützung! LokaleWare ist eine App von FancySoftware zum Finden regionaler Lebensmittel.

Hier gehts zum Pressebericht

Kennst du schon: Die App „Lokale Ware“

 

Wir freuen uns sehr über neue Downloads, Bewertungen, Likes oder Feedback!

Webseite/App: www.LokaleWare.de

 


27. Juli 2017

PrestaShop Modul – § Rechtssicheres Widerrufsformular §

Wir haben ein neues Modul für PrestaShop entwickelt.
Das rechtssichere Widerrufsformular Modul oder in englisch „revocation form“.

Der Unternehmer ist nach § 312d Absatz 1 des Bürgerlichen Gesetzbuchs verpflichtet, dem Verbraucher folgende Informationen zur Verfügung zu stellen…

§ Gesetzestexthttps://www.gesetze-im-internet.de/bgbeg/art_246a__1.html

PrestaShop Modul

PrestaShop Erweiterungs Store

Download


26. Juli 2017

Prestashop-AfterBuy Modul ? Bestellübertragung

Wir stellen vor: Unser neues Module für die ? Bestellübertragung von PrestaShop in die Cross-Selling-Plattform von AfterBuy. Multichannel E-Commerce leicht gemacht.

Werbebild

Afterbuy Logo

Was ist Prestashop bzw. was ist AfterBuy?

Prestashop ist unser präferiertes Online-Shop-System. Es ist OpenSource und hat eine stetig wachsende Community und existiert bereits seit 2008. Es ist schnell, lässt sich gut erweitern und hateine saubere Codebasis. Unser neues Modul synchronisiert die Bestellungen mit der Cross-Selling-Platform Afterbuy. AfterBuy ist ein führender Cross-Selling-Anbieter um beispielsweise die Produkte über eBay oder andere Online-Systeme zu verkaufen aber sie zentral zu verwalten. AfterBuy bietet APIs (Advanced Programming Interfaces) an um externe Tools anzubinden. Für die Bestell-API (bzw. Shop-Schnittstelle) haben wir nun ein passendes Prestashop-Module erstellt.

Die Vorteile

Neue Bestellungen in Prestashop werden mit unserer Schnittstelle direkt an AfterBuy übergeben. Dadurch werden die Bestellungen an einer zentralen Stelle Zusammengefasst und man hat als Online-Händler die volle Kontrolle über die Bestellungen, den Warenbestand und weiteres. Dank der direkten Übertragung wird der Warenbestand schnell aktualisiert und aktuell gehalten. Dadurch können die Lieferzeiten leichter eingehalten werden können und wodurch sich die Kundenzufriedenheit erhöht wird. Den ein zufriedener Kunde kauft wieder ein und empfiehlt einen weiter.

PrestaShop Logo

Woher bekommt ihr das Module?

Das Modul könnt ihr im offiziellen Prestashop Store oder direkt bei uns erwerben. Wir verkaufen es für 149,99€ zzgl. MwSt.

AfterBuy Bestellübertragung

 

Modul Installation

Die Installation finden in drei kleinen Schritt statt
1. Das Module wie jedes andere Prestashop-Module installieren
2. In der Konfiguration die PartnerID, das PartnerPass und die UserID von AfterBuy eingetragen
3. Fertig

Die Verbindung wird direkt von Ihrer Prestashop Installation zu den AfterBuy Servern aufgebaut und ist über SSL gesichert. Es findet keine Übertragung zu andere oder über andere Server statt, wodurch die Stabilität, Datensicherheit und der Datenschutz gewahrt bleibt. Deshalb gibt es bei uns auch keine laufenden Kosten für die Schnittstelle.

 

Details

Funktionsgrafik

Folgende Daten werden übertragen

1. Bestellung 
Versandart, Versandkosten, Zahlungsart

2. Produkte 
Anzahl, Artikelnummer, Artikelname, Artikelpreis, Mehrwehrsteuer, Menge, Gewicht

3. Kunde
Benutzername (E-Mail), Anrede, Vorname, Nachname, Abweichende Lieferanschrift

3. 1. Rechnungsanschrift
Firma, Straße, Straße 2, Postleitzahl, Ort, Bundesland, Telefon, Land, E-Mail, Geburtsdatum

3. 2. Lieferanschrift
Firma, Straße, Straße 2, Postleitzahl, Ort, Bundesland, Telefon, Land

 

In kürze online verfügbar oder auf Anfrage!


11. Juli 2017

WordPress + AngularJS – Hybridsystem

AngularJS und WordPress

Vorwort

Bei diesem Beitrag möchte wir euch näher bringen, wie man die beiden Technologien WordPress und AngularJS für eine Webseite miteinander verlötet. Zur Abgrenzung, es geht hierbei nicht darum, dass komplette Frontend (Seiten, Beiträge, …) von WordPress in AngularJS zu laden, sondern nur einzelne vorher definierte Seiten. Zwischen diesen Seiten wird dann das Routing von Angular verwendet und der Wechsel zu den normalen WordPress Seiten und Beiträgen soll weiterhin funktionieren. Die unterschiedliche Technologien sollen für die jeweiligen Seiten Ihre Stärken ausspielen. Beispielsweise ist für die SEO (Suchmaschinen-Optimierung) es sehr vom Vorteil, dass die Webseite schon vorgerendert vom Webserver ausgeliefert wird. Der Vorteil beim dem Angular Teil ist, dass dort die große Datenmengen mit weniger Overhead geladen werden und somit die Seite dort auch deutlich schneller reagiert.

ToDo’s

Folgende kleine Teilaufgaben waren für die Verschmelzung zu erledigen. Das „ng-app“-Attribut muss in das WordPress Template integrieren werden, sonst kennt Angular nicht seinen Startpunkt innerhalb des DOM. Angular benötigt für das Routing das „ng-view“-Attribut, damit es weißt an welchen Ort die neue View geladen werden soll. Das Attribut haben wir über das WordPress Backend den einzelnen Seiten zugeordnet. Anschließend müssen die Angular seine Templates bereitgestellt werden. Dazu haben wir ein eigenes Plugin geschrieben, in diesem sich diese Templates bereitzustellen. Als nächstes geht es um das Routing. Da die Anzahl der Seiten bei denen sich Angular um das Routing kümmern soll, relativ gering ist, haben wir uns dazu entschieden ist händisch synchronisiert zu halten. Damit ist gemeint, dass bei den Seiten im Routing auch das ng-view im Content der WordPress-Seite gesetzt ist. Für das Routing muss noch die BaseUrl im HTML Head gesetzt werden und in der Angular Config der HTML5 Modus aktiviert werden.

Tipps und Tricks

In Angular als SPA (Single Page Application) ist es nicht vorgesehen, dass das Routing mit anderen Technologien geteilt wird. Um Angular mitzuteilen, dass es sich beim folgen eines Links nicht um das Routing kümmern soll, gibt es verschiedene Möglichkeiten. Beispielsweise reicht es bei den Links das Attribut target=“_self“ zu setzen, damit Angular weiß, dass es sich nicht um das Routing kümmern muss. Wir haben uns für eine andere Lösung entschieden. Dazu haben wir das Routing um ein „otherwise“ ergänzt. Die nicht gefundenen Routen laufen dort hinein. Dann wird explizit mittels normalen JavaScript ein neuer Browser-Request zu dieser Route ausgelöst. Dies ist für uns die beste Lösung, da wir nur eine kleine Anzahl an Angular Routen benötigten und wir nicht jede möglichen Link in den WordPress suchen müssen um dort Target-Attribut zu ergänzen.

Fallstricke

Beim Verlassen einer Angular Seite und beim Wiedereintritt, muss das komplette JavaScript Model zu Angular erneut aufgebaut werden. Wie beim ersten Aufruf einer Angular SPA. Um dieses Problem zu verringern werden einige Daten über das LocalStorage gecached, anstatt diese erneut beim Server anzufragen. Das dazugehörige JavaScript und Templates werden normalerweise bereits vom Browser gecached und benötigen keiner weiteren Beachtung.

Fazit

Durch die Verschmelzung der beiden Technologien konnten wir das beste der beiden Welten zusammenführen. Alle Schwierigkeiten ließen sich mit relativ geringen Aufwand beheben und der Nachteil des häufigen neu Aufbau des JS Models kann man weiter minimieren und hält sich im Vergleich manchen überladenen Seiten auch noch in Grenzen.


19. Mai 2017

BidAskClub WordPress Twitter-Bot

Wir stellen den „BidAskBot“ Twitter-Bot vor: Automatisiertes Generieren und Posten von Neuigkeiten aus einer Datenbank über das WordPress „BidAskBot“ Plugin zu Twitter.

BidAskClub Twitter-Bot

Das BidAskClub Twitter-Bot – News System

Unser Fin-Tech Partner von www.bidaskclub.com wollte das BidAskClub Twitter Profil als zusätzlichen News Kanal verwenden. Die Seite bidaskclub.com zeigt Unternehmens- und Sektor-Bewertungen. Die technische Basis ist ein WordPress mit Angular Theme und eine MySQL Datenbank mit Millionen von Datensätzen (Big Data) zu den aktiennotierten Unternehmen. Die Bewertung eines Unternehmens oder Sektors kann sich jedem Werktag ändern. Gerade solche tagesaktuelle Änderungen sind höchst interessant für Analysten. Über diese Bewertungsänderung sollten die Nutzer informiert werden und dazu ist, neben einem Email Newsletter System, Twitter eine hervorragende Möglichkeit.

Unsere Aufgabe bestand darin, ein Plugin für WordPress zu erstellen, dass die Neuigkeiten an den Twitter Stream sendet.

Bei einer Bewertungsänderung wird erst einmal ein News Beitrag bei WordPress. Die Daten werden hierfür noch durch das WordPress Plugin weiter aufbereitet. Dazu gehört bspw., dass zu jeder Neuigkeit ein Bild generiert wird, dass die aktuelle Bewertung und das Unternehmen zeigt. Außerdem erhält der Beitrag Informationen um die Twitter-Cards zu befüllen. Anschließend wird der Link mit einer optimierte Nachricht zu Twitter gesendet. Wenn man wollte, könnte man die generierten Bilder und weitere Inhalte direkt mit an Twitter übergeben, dies war aber bei unserem Vorhaben nicht nötig, da wir die befüllten Cards hatten. Durch die Cards bekommt Twitter gesagt, welches Bild für den Tweet geladen werden soll, was die Überschrift ist und eine Kurzbeschreibung.

Durch das Plugin werden am Tag ca. 200 News generiert und zwar nicht nur zu den Unternehmen, sondern auch zu den Sektoren, sowie zu den Top-Sektoren und Unternehmen. Twitter selbst besitzt eine Obergrenze von 250 Tweets am Tag über die API. Sollte es also mal mehr Neuigkeiten geben, als wir Tweets absetzen können, so greift die Priorisierung über die Markt-Kapitalisierung und die größeren Sektoren und Unternehmen werden früher veröffentlicht.

BidAskClub – Twitter Profil

BidAskClub Twitter-Bot

Twitter-Bot – Main Features

  • Automatisiertes tweeten der News von der BidaskClub Webseite
  • Anhängen von Bilder an den Tweet
  • Verlinkung des angehängten Bildes
  • Priorisiertes tweeten von News
  • Zeitlich verzögertes tweeten

 

Weiterführende Links

Webseite: www.bidaskclub.com

Blogpost: https://fancysoftware.de/blog/big-data-and-beautiful-visualizations/

Twitter Profil: twitter.com/bidaskclub