Relocating to Germany: The 3 most important steps

6 Dez
Brandenburger Tor, copyright: sashagala/Shutterstock.com

Brandenburger Tor, sashagala/Shutterstock.com

silver.solutions GmbH is a software company with the main focus on e-business. We are a software manufacturer as well as a service provider. Our guiding principles are high quality standards, customer service, reliability and openness. We place great value on partnership, within the company as well as with our clients and partners. Trust is very important for us, and this includes our staff. You will find us decisive, competent and always in a good mood. Our little international family is constantly growing and like all companies in IT sector finding new people is quite a challenge. Over the years silver.solutions has been hiring team members from different countries of the EU and all over the world. We support our new colleagues during the relocation process to make the big step moving to a new country as smooth as possible. But having lived in Germany from day one we are so used to some things that sometimes it did not even occur to us that they might seem strange or utterly intransparent to new comers. Isabell, our office assistant, has talked to our foreign colleagues and has collected a few basic facts tips that you should be aware of when planning to move to Germany in general or to Berlin in particular.

Step 1: Getting an address in Germany

An address in Germany is the very first of a number of steps you will have to take care of and that usually means renting an apartment. Which can’t be that difficult, right? Well, this depends. For years finding affordable accommodations in Berlin has been fairly easy. Not so much in the recent years though. The housing market in Berlin has become quite heated but it is still nothing compared to other big cities like London, Paris or New York. There is usually a good number of appartments in any size and price range on the market – as long as you are open about the district. It doesn’t always have to be the bustling streets of hipster central Prenzlauer Berg, Mitte or Kreuzberg. How about looking a bit farther from the city centre to Treptow, Neukölln, Pankow, Marzahn or Mariendorf? The public transport network covers the city in its entirety with a large number of light railway (S-Bahn), subway (U-Bahn), tram or bus lines.

Once you found an apartment that you like and that fits your budget you will have to apply for it and convince the lessor. Which is where the paperwork starts, as you might expect from Germany. For renting an apartment there is are a number of papers required. The most important one is the SCHUFA statement. The SCHUFA is a statement about your financial situation. It’s a bit challenging to get it if you have no bank account in Germany. You can contact Schufa via mail or directly by phone and tell them you will need your Schufa. All they need is a current address. 90% of the real estate will prefer an applicant with Schufa. Beside the Schufa you will need your last 3 statements of the monthly salary or at least a copy of your work contract. Furthermore it is requested to prove that you have paid the rent for your previous apartment regularly.

Raquel has started working as a developer for silver.solutions GmbH two years ago. We’ve been asking her about what she thought was the most difficult part of moving from Madrid to Berlin.

Raquel: ”First time you arrive to Berlin you can’t imagine how difficult it is to find an apartment! There are some websites where people or companies announce flats for rent (some of them are translated in English). So if you find an interesting „flat advertisement“ the best option is to use the phone instead of sending e-mails. It’s more direct and you will have more possibilities to get an appointment to see the apartment. In addition it’s important to know that the flats are usually without furniture. I was very surprised when I found out about it! Another problem related with the flat is, where to live? Berlin is a very big city and you can spend your day in the subway and city train traveling from one place to another. I would recommend to choose a flat in the city centre or as close as possible to your job location. “

Step 2: Registering at the „Bürgeramt“

Something that foreigners are often not aware of is the fact that in Germany it is mandatory to register with the municipality as soon as you take up permanent residence somewhere. Usually this has to be done within the first two weeks. While in smaller communities this is something that does not require an appointment and is done within a couple of minutes, Berlin’s notoriously under-staffed and over-worked administration is a bit of a different case. Appointments need to be made via an online registration service and as those are usually in high-demand appointments up to 6 or 8 weeks in the future are not unusual. Since it doesn’t matter in which district you register it is a good idea to really check all available registration offices even if they are located on the other end of the city. In very urgent cases making a call and asking for an exceptional appointment can also help.

Once you have your appointment administration staff is usually helpful and trying their best to help you fill out everything correctly. But please be aware that English skills in the various offices are usually limited.

Mauro our system administrator moved from Genova, Italy to Berlin in 2014. He has had quite positive experiences with the “Bürgeramt”:

Mauro: “I had no trouble with the registration and everyone at the office in Lichtenberg was very kind and helpful. My German is not perfect but the staff was more than patient and helped me to fill in the forms. They answered all of my questions in detail so I have nothing to complain about. Just for the records: Bürgeramt will automatically send the registration to the tax office. That means your TAX ID will be sent to your new address within 6 weeks.”

For Non-EU residents before the „Bürgeramt“ there is the immigration services to deal with. This can be quite a lengthy process before you even get an appointment at the immigrations service. You have to fill out a very long form and hand in a whole bunch of documents, for example passports of all family members, marriage certificate, diplomas, of course all documents have to be translated into German. The immigration service offers great customer service for employers, but nevertheless it is a time consuming process. You have to plan about 8 weeks ahead minimum.

We asked Lucas, who moved from Costa Rica to Berlin in November 2015 what he thought about the German “immigration service”.

Lucas: “Public buildings are usually scary if you don’t know the rules, the language and also if you don’t know where to find everything. When I arrived at immigration service I was a bit lost, the place was crowded and it is very big. Luckily there are lots of signs, so if you pay attention you can get to the right place in no time. That’s a huge difference from Costa Rica, where almost nothing has signs and the streets have no names or numbers. Going back to immigration service, it was pretty straight forward, I just presented all the requested documents and the officer gave me my working permit right away.”

Step 3: Setting up a bank account

You’ve got an apartment and you’ve made everything official with the municipal office and the tax office. Now the one important thing that’s left is opening up a bank account. You absolutely need to have a bank account to receive pay checks and also to set up direct debit payment for the monthly rent. As someone from an EU country you should have no trouble at all opening up a bank account. An ID or passport is all it takes. To be on the safe side a copy of your registration statement is also good to bring. For Non-EU citizens banks normally ask for a work permit alongside passport and registration statement.

Here’s what Lucas experienced while opening a bank account.

Lucas: “My feeling about this country is that there is nothing in between, you can or you cannot. And the bank fits into this binary category. First I tried to open a bank account, but I didn’t have the working permit yet, so it was impossible. Later on I got the working permit and opened the bank account in a snap. If you have the required documents everything works perfectly, if you don’t have the required documents you just can’t do it. As an opposite situation I have friends who tried to open a bank account in Spain without a working permit, and with different branches of the same bank they got different results, in the end they could open the account without a working permit in certain branches. Not so much in Germany.”

Apartment, registration, bank account – check! Now you’re pretty much all set for rest of the adventure off arriving in Germany (Lächeln) Here’s some more facts about mastering daily life in your new home.

Some facts about the basic necessities in Germany

Telephone and internet

Telephone and internet are pretty much one of the first things your new apartments needs to be equipped with. Which does not sound like a big deal at all. But depending on where you live you will have different providers to choose from and you will have to figure in up to 8 weeks for the connection to be set up. In some places you will be able to connect to the internet via cable connection, in other places you only get the slower DSL connection (via telephone line). Telekom used to be the state owned enterprise who delivered all telecom services until the deregulation at the end of the 90s. Telekom is still the most used provider in Germany. Other big name companies are Vodafone/Vodafone Kabel, 1&1, Unitymedia and O2.

We asked Lucas about what he thought getting internet connection in Berlin was like compared to back in Costa Rica.

Lucas: “It was definitely more difficult to get an internet connection here in Berlin. I really did not see this coming. It’s a common saying that everything works pretty well in Germany. But internet connection is not like that. It took more than five weeks before I had internet connection in my flat. Despite the fact that Costa Rica has probably only one IP class C for the whole country, it is quicker to get a connection there.”

Groceries and shopping

Germany has a very diverse market for grocery stores. Staple foods and goods are usually quite cheap compared to other countries and most people buy those at one of the various discount chains. For a wider selection big super market chains carry pretty much everything from flour over cereals to bed linens. Other options for one-stop shopping are classic department stores.

Depending on where you are coming from opening hours in Germany might take some getting used to. Most discount stores are open Monday through Saturday from 8:00 am to 8:00 pm. The bigger super markets usually are open till 10 at night. Most other stores don’t open before 10 am and sometimes close as early as 6 pm. Saturdays especially smaller shops close as early as 1 o’clock in the afternoon. Sundays shops are closed. But lots of bakeries will sell freshly baked goods until about noon. State laws pretty much forbid 24/7 shopping with some small exceptions. If you are in desperate need of something on a Sunday afternoon try the next gas station (they usually have a small shop attached) or a big train station. In Berlin there is also the lovely institution of a „Späti“ which translates to something like „late shopping“.

Credit or debit card versus cash

While in some countries cash payment is a dying species it is very much alive and dancing in Germany. More than 50% of sales in retail stores are generated through cash payment. Don’t be surprised to find signs on the door that read „cash only“ even in busy cafés and bars in the international and very hip Berlin city center. Also bakeries, tabac shops and other small shops often times don’t accept credit or debit cards. And even if a store does take plastic cards it is not sure they will accept YOUR particular brand of credit card. The safest bet is to always carry at least some cash and a debit card from a German bank as those are the most likely to be accepted.

So that’s it for our little 101 of moving to Germany. Of course there is lots more fun stuff to be discovered. Berlin is such a big, diverse city that it offers activities for every taste and inclination. And if big city life gets too stressful sometimes there’s the entirety of the surrounding Brandenburg countryside open for adventuring.

You’ve got questions or would like to share your own experiences arriving in German? Feel free to comment and share 🙂

Produktdaten für die Industrie 4.0

24 Okt

produktdaten_akeneo-mit-dynamics-nav

Open Source PIM Akeneo und Dynamics NAV

Wir befinden uns mitten in der vierten industriellen Revolution, die gekennzeichnet ist von der Verschmelzung von Technologien, vom Verschwimmen der physikalischen, der digitalen und der biologischen Welt. Diese digitale Entwicklung vollzieht sich in einer nie gesehenen Geschwindigkeit, was sie zu einem Top-Thema auf dem diesjährigen Weltwirtschaftsforum in Davos machte. Als Begrifflichkeit für die aktuelle industrielle Entwicklung hat sich die Bezeichnung Industrie 4.0 eingebürgert. In der Industrie 4.0 verzahnt sich Produktion mit modernster Informations- und Kommunikationstechnik. Menschen, Maschinen, Anlagen, Logistik und Produkte kommunizieren und kooperieren in der Industrie 4.0 direkt miteinander. Technische Grundlage hierfür sind intelligente, digital vernetzte Systeme, mit deren Hilfe eine weitestgehend selbstorganisierte Produktion möglich wird. 

Produktdaten als Eckpfeiler des Digitalisierungsprozesses

Einer der Eckpfeiler für einen erfolgreichen Digitalisierungsprozess sind top gepflegte Produktdaten. silver.solutions erlebt seit vielen Jahren, dass gerade hier eine notorische Engstelle bei der Digitalisierung der Geschäftsprozesse besteht. Hersteller und Händler nutzen ein ERP-System, das alle wichtigen Daten zum tatsächlichen Verkauf eines Produkts bereitstellt. Marketingmaterialien jedoch werden immer noch separat erstellt und die Daten sind oftmals nicht standardisiert und erst recht nicht in einheitlichen Systemen oder Formaten verfügbar, so dass sie sich nur schwer für Onlineshops nutzen lassen. Dabei sind umfassende Produktinformationen für Kunden heute einer der beiden wichtigsten Punkte für eine Kaufentscheidung. Um Produktdaten strukturiert zu verwalten und sinnvoll im e-Commerce zu nutzen, bedarf es eines Produktinformationssystems (PIM), das nicht alleinstehend funktioniert, sondern auch das ERP-System einbindet.

Es gibt zahlreiche PIM-Systeme am Markt, deren Ausrichtung und Lizenzmodelle sich zum Teil sehr deutlich unterscheiden. Die Lizenzkosten beginnen häufig erst im Bereich von 100.000 EUR Lizenzkosten zuzüglich Implementierungsaufwand, Wartungs- und Supportgebühren. Das sind Summen, die für mittelständische Unternehmen oftmals eine große Hürde darstellen. Aber mittlerweile gibt es am Markt auch Alternativen, mit denen sich kostengünstiger starten lässt und die bereits eine sehr gute Basis für die optimale Aufbereitung der Produktdaten bieten.

Akeneo als PIM für den Einstieg – und darüber hinaus

Wir möchten an dieser Stelle das PIM Akeneo der gleichnamigen Firma als ein geeignetes Einsteiger-PIM vorstellen. Akeneo ist sowohl als Open Source Produkt als auch als Lizenzprodukt mit Zusatzfunktionen und Herstellersupport verfügbar. Das Unternehmen wurde 2012 gegründet, u.a. von ehemaligen Magento Gründern.

Akeneo bietet ein übersichtliches User Interface und bringt bereits im Standard überzeugende Funktionen zur Verwaltung der Produktinhalte mit. Über Kataloge und Ausgabekanäle werden Produkte flexibel und intuitiv strukturiert und organisiert. Inhalte können problemlos in mehrere Sprachen übersetzt werden. Ein praktisches Fortschrittstool zeigt an, wie vollständig die Inhalte für die verschiedenen Ausgabekanäle sind und wo noch Hand angelegt werden muss. Die Standard-Exportfunktion kann durch Zusatzmodule aus dem Akeneo Marketplace erweitert werden, so dass z.B. auch ein direkter Export zu Katalog- oder Layout-Software wie InDesign möglich wird. Mit der Enterprise Edition runden Profi-Funktionen wie z.B. ein erweitertes Rollen- und Rechte-Management, Workflow-Prozesse oder ein Asset Manager für Bilder und Dokumente das Angebot ab.

Akeneo setzt auf Symfony als Plattform, was es zu einem guten Kandidaten für eine Integration macht, denn viele moderne Onlineanwendungen nutzen Symfony als Basis, so z.B. auch silver.eShop und das integrierte CMS eZ Platform.

Wie funktioniert die Anbindung von Akeneo an einen Onlineshop und Dynamics NAV?

silver.solutions ist spezialisiert auf die Integration von ERP-System und Shop. Seit mehr als 10 Jahren verbindet der web.connector die ERP-Systeme Microsoft Dynamics NAV, Dynamics AX und SAP zuverlässig mit dem Onlineshop silver.eShop und mit weiteren wichtigen Systemen wie z.B. PIMs, CRMs oder Procurement-Lösungen. Als Praxistest hat silver.solutions Akeneo an Microsoft Dynamics NAV angebunden. Hierfür wurde der Einsatzbereich des web.connectors so erweitert, dass jetzt Daten zwischen ERP, PIM und Onlineshop automatisiert ausgetauscht werden. Eine Anbindung an Microsoft Dynamics AX und SAP ist ebenfalls möglich.

Im ersten Schritt der PIM-Anbindung müssen die grundlegenden Produktdaten wie z.B. Produktbezeichnung und Artikelnummer aus dem ERP ins PIM übertragen werden. Im vorliegenden Fall werden in NAV neu angelegte oder aktivierte Produkte automatisch an das PIM übertragen. Im PIM sind diese Produkte in einem speziellen Katalog hinterlegt, so dass sie schnell auffindbar sind. Nach der Anreicherung mit weiteren Daten und Assets im PIM werden die Produkte freigegeben und sind im Onlineshop sichtbar.

 

erp_pim_schaubild

Auch der nächste Schritt erfolgt automatisiert. Über den web.connector erfolgt ein direkter Datenaustausch in Echtzeit zwischen PIM und Onlineshop. Sobald im PIM ein Datensatz verändert wird, ändern sich die Daten auch im Webshop. Das erhöht die Datenqualität und vereinfacht den Prozess. Für Print Kataloge und Werbemittel kann parallel wie gewohnt ein Export angestoßen werden.

pim_shop_schaubild

Beim Einsatz von silver.eShop als e-Commerce Lösung tauschen nicht nur PIM und Shop Daten aus. Auch NAV und Onlineshop stehen an den notwendigen Stellen in Verbindung und tauschen Daten zu Verfügbarkeiten und individuellen Preise aus.

schaubild

 

Mittels der geeigneten Schnittstelle und dem passenden Shopsystem sind über ein PIM auch noch weitere Funktionen realisierbar, die besonders für Großhändler und Einkaufsgemeinschaften interessant sind. Das PIM kann z.B. nicht nur Produkte aus dem hauseigenen ERP beziehen, sondern zusätzlich können auch Kataloge von Lieferanten eingebunden werden. Neben dem eigenen Sortiment wird es so möglich, auch die Produkte verschiedener Händler über den eigenen Shop als Bestellprodukte anzubieten.

Tipp: Ihr Rezept für zukunftsfähige Produktdaten

  • Prüfen Sie, welche Produktdaten Sie heute bereits veröffentlichen.
  • Definieren, wo Sie Ihre Produktdaten künftig einsetzen werden.
  • Finden Sie heraus, in welchen Systemen und Abteilungen bisher Produkt- und Katalogdaten erstellt und bearbeitet werden.
  • Machen Sie einen Plan, wer künftig die Zusammenführung der Daten verantwortet.
  • Evaluieren Sie potentielle PIM-Systeme.
  • Entscheiden Sie mit Blick auf zukünftiges Wachstum.

Sie sind auf der Suche nach einer zukunftsfähigen e-Commerce-Lösung und möchten Ihr Unternehmen fit machen für die Industrie 4.0? Ania Hentz steht Ihnen mit Ihrer Erfahrung aus über 15 Jahren e-Business Consulting gerne zur Verfügung.

Ania Hentz, Geschäftsführerin silver.solutions GmbH Ania Hentz
GeschäftsführerinFon: +49 (0)30.65.48.19.90
Fax: +49 (0)30.65.48.19.99
Mail: contact@silversolutions.de

In eigener Sache: Top Noten für silver.solutions im Market Performance Wheel der Group of Analysts

16 Sep

mpw signet silver.solutions silver.eShop

Das Beratungsunternehmen The Group of Analysts (TGOA) hat sich auf die Analyse von Herstellern und Integratoren im IT-Bereich spezialisiert. Im sogenannten Market Performance Wheel untersucht TGOA die Performance von Unternehmen anhand von vier Kernbereichen: Ability to execute, Marktdurchdringung, Zukunftsfähigkeit und Technologie. Die einzelnen Bereiche sind nochmals unterteilt in jeweils vier Unterkategorien. Die Resultate des Market Performance Wheels bieten somit Transparenz und Orientierung bei der Suche nach der passenden Lösung. Als einer der ersten Hersteller im e-Commerce Segment hat sich silver.solutions mit seiner e-Commerce Lösung silver.eShop den Fragen von The Group of Analysts (TGOA) zu 400 Einzelkriterien gestellt. 

Bei silver.eShop handelt es sich um e-Commerce Lösung mit enger Anbindung an das ERP-System des Kunden. Der Funktionsumfang des Shopsoftware orientiert sich stark an die Bedürfnissen mittelständischer Hersteller, die den Hauptteil ihrer Umsätze im B2B Commerce erwirtschaften. TGOA bescheinigt der von silver.solutions entwickelten Shoplösung silver.eShop beste Noten in den Techologie-Segmenten „Lösungsansatz & Integration“, „Grundsätzliche Systemfunktionen“ und „B2B Funktionsbestandteile“. Dies unterstreicht die Technikkompetenz des Unternehmens und spiegelt den Fokus der Lösung auf die Anforderungen im B2B-Bereich wieder.

Market Performance Wheel silver.solutions | silver.eShop

Market Performance Wheel silver.solutions | silver.eShop


 
Im Segment der Markdurchdringung fallen die geringen Werte im Bereich „Lizenzumsatzbasis“ ins Auge. Diese machen jedoch deutlich, dass silver.solutions sich mit seinem Angebot vor allem an den Mittelstand richtet und hier ein für die Zielgruppe sehr attraktives Lizenzmodell offeriert. Gute Werte in Sachen „Kundenreferenzen“ und „Installationsbasis“ belegen, dass silver.eShop in seinem Segment namhafte Unternehmen überzeugt.

Auch in Sachen Professionalität überzeugte silver.solutions die Analysten. In den Bereichen Produktqualität, Software-Deployment und Support/Schulungen/Doku vergibt TGOA Bestwerte.

Wer mehr über das Market Performance Wheel erfahren möchte, kann sich auf der Website der TGOA informieren. Im Anbieterverzeichnis sind die bereits bewerteten Anbieter erkennbar am Symbol. Kunden können die für Sie interessanten Dienstleister wählen und die ausführlichen MPW-Daten kostenlos anfordern.

Das vollständige Market Performance Wheel für silver.solutions können Sie auch direkt anfordern unter sales@silversolutions.de.

How-To: Tips for Performance Optimization for Content & Commerce Sites

29 Jul

Statistics from a fairly recent Comscore report show that mobile usage now represents 65 percent of all digital media time. Nonetheless mobile data plans still come with a steep price tag and are limited in data volume. At the same time modern web design for the last couple of years has been focussing on establishing a story telling approach, building brand worlds and delivering real life experiences online. This relies on an enormous amount of pictures, videos, sounds and graphics. Delivering as much high quality content as possible with the least of amount of data therefore seems to be more important than ever. Google has reacted early on by figuring in page load times as one of their many ranking factors.

Our front-end developer Marcin Krzemiński has taken the time and compiled some interesting statistics regarding file sizes and delivery times. He also shows in detail how the front-end team has optimized the performance of our Symfony based shop. They are also interesting for content sites using eZ Platform/eZ Enterprise.

Intro

As web developers we are responsible for delivering content fast, keeping in mind the balance between speed and quality of all the assets including text. As of June 2016 an average page size is 2.4 mB (2486 kB) which is quite a lot considering considering the above mentioned 65% digital media time and the still expensive mobile data plans.

  • HTML – 58 kB
  • CSS – 76 kB
  • Scripts – 402 kB
  • Fonts – 74 kB
  • Videos – 302 kB
  • Other – 11 kB
  • Images – 1522 kB (1.5MB!)

Source: http://httparchive.org/interesting.php?a=All&l=Jun%201%202016

Comparison of asset sizes over the last years

Jun 2015 – 2087 kB / http://httparchive.org/interesting.php?a=All&l=Jun%201%202015

  • HTML – 55 kB
  • CSS – 63 kB
  • Scripts – 334 kB
  • Fonts – 98 kB
  • Video – 208 kB
  • Other – 4 kB
  • Images – 1312 kB

Jun 2014 – 1783 kB / http://httparchive.org/interesting.php?a=All&l=Jun%201%202014

  • HTML – 56 kB
  • CSS – 51 kB
  • Scripts – 287 kB
  • Fonts – 62 kB
  • Other – 123 kB
  • Images – 1128 kb
all assets size in last 3 years

Average Page Size

assets size in last 3 years

Here’s a chart with last 3 years compared. As you can see every year amount of data per asset type is growing. No matter if it’s CSS, JavaScript and especially images. Look how big number is taken by images.

assets-size

Comparing those stats we can clearly see that as developers we write more CSS, JavaScript but the biggest numbers comes to images size which is about 200 kB bigger every year. These numbers show clearly how important performance optimisation is.

In order to improve performance there is a lot factors including:

  • compress (uglify) CSS and JavaScript files
  • concatenate (merge multiple into one) CSS and JavaScript files
  • reduce number of HTTP requests (CSS, JavaScript, images, Fonts, etc)
  • Gzip / deflate data over the wire
  • image optimisation

Performance optimisations for silver.eShop and eZ Platform/eZ Studio based sites

Assetic

Assetic helps us compress and concat CSS and JavaScript files. Using assetic is beneficial for reducing number of HTTP request as well as number of data that is transferred during request / response tango. Here’s how we keep it:

CSS
{% block stylesheets %}
 {% stylesheets
 'bundles/silversolutionseshop/css/style.css'
 %}
 {% endstylesheets %}
{% endblock %}

Note: We use Sass to manage our Stylesheets

JavaScript
{% block javascripts %}
 {% javascripts
 ...
 'bundles/silversolutionseshop/vendor/jquery-2.1.3.min/index.js'
 'bundles/silversolutionseshop/vendor/foundation/js/foundation/foundation.js'
 'bundles/silversolutionseshop/vendor/underscore/underscore.js'
 'bundles/silversolutionseshop/vendor/backbone/backbone.js'
 ...
 'bundles/silversolutionseshop/js/app.js'
 %}
 {% endjavascripts %}
{% endblock %}

In order to compress files we use some useful and well known NPM packages:

We keep those packages inside ezpublish/Resources/node_modules directory and here’s how our config_prod.yml file is configured:

assetic:
    filters:
        uglifycss:
            bin: '%kernel.root_dir%/Resources/node_modules/.bin/uglifycss'
            node: '%siso_eshop.nodejs%'
            apply_to: \.css$
        uglifyjs:
            bin: '%kernel.root_dir%/Resources/node_modules/.bin/uglifyjs'
            node: '%siso_eshop.nodejs%'
            apply_to: \.js$

As you may notice NPM has a dependancy of Node.js which also needs to be installed on the environment where our shop instance is running.

Related links:

Charts

Before / after assetic filters

Before and after assetic filters

Asset type Before After % saved
JavaScript 751 kB 486 kB ~35%
CSS 414 kB 325 kB ~22%

data excluding third party assets like Facebook, Olark chat, etc

Number of HTTP requests

Number of HTTP Requests saved using Assetic

For CSS number is the same since we use Sass. On the output we always have one CSS file. When it comes to JavaScript the difference is huge. Using assetic and server configuration properly we reduced number of HTTP request from 48 to 3 in production mode.

Sass and Gulp

This is not directly related to the performance topic but it’s worth to mention that we use Sass in order to keep our stylesheets nice and organised. Thanks to Gulp and some packages we are able to deliver well organised CSS including always up to date vendor prefixes.

Components driven front-end

When working on a complete redesign and rework of our front-end layer both technically and visually we had to take a lot of things into the consideration. On of them was if we should help ourselves and use one of the popular frameworks out there. We decided to go with ZURB’s Foundation for Sites which is really nice to work with. One of the nicest things about it is that we can create a custom build out of components we really need. Having this principal in mind we have extend a lot of Foundation’s components as well as created a bunch of our own which are missing. Thanks to this approach our standard design is divided into small components which is beneficial in terms of file size for client’s work. We can easily enable / disable a component when it’s required. This leads to smaller file size on the end which is beneficial from the performance perspective.

Headers

Each type of assets wheatear it’s an HTML file, JavaScript, CSS or image should have different expiration time. It means that over certain amount of time the asset should be taken from the server, not from browser cache. It can have huge impact on the site performance and that’s why it so important. For files that are not changed often you should set long expiration time. We recommend using longer expiration for files like images, fonts.

This is usually done in the VirtualHost configuration and may look like:

ExpiresActive On
ExpiresByType application/x-javascript "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType application/x-shockwave-flash "access plus 1 hour"
ExpiresByType application/shockwave-flash "access plus 1 hour"
ExpiresByType text/css "access plus 1 year"
<LocationMatch "^/var/[^/]+/storage/images/.*">
# eZ Publish appends the version number to image URL (ezimage
# datatype) so when an image is updated, its URL changes to
ExpiresActive on
ExpiresDefault "now plus 10 years"
...

Mod deflate

Apache configuration can be powered by a mode_deflate module which can be used to compress data using gzip compression before the data is send to the user. Having data compressed on the server means there is less data to transfer which results into faster page lead. Here’s how you can configure this in your Virtual Host:

AddOutputFilterByType DEFLATE text/css application/x-javascript application/javascript text/plain text/html text/xml application/xml

Using this approach we can gzip all CSS, JavaScript, HTML as well ass XML files.

Related reading:

Image optimisation

As mentioned at the beginning of this blog post images is the asset that is growing every year in terms of file size. That’s why it is super important to approach images topic the right way. In terms of project from front-end perspective there are two types of images.

First we have all static images like logo, favicon, spinners etc. To optimise these kind of images we use tools like ImageOptim (https://imageoptim.com/mac) or TinyPNG (https://tinypng.com/). If you’re not fan of these just Google for „optimise images“ or any similar search term and I bet you’ll find the right tool for your needs.

Second we have product photos. We tend to use a few image sizes for these files. In order not to load one huge file for each product or article we have couple of different configurations and serve proper files based on the view requirement. For example we might need different file for product list than for product detail page. Our team has developed and image converter tool that is using ImageMagick (http://www.imagemagick.org/script/index.php) and some .yml configuration. On top of it it’s important to set the quality for the output image. We suggest to set the quality between 60-75% in terms of JPEG compression.

Example of .yml configuration:

image_variations:
    thumb_smallest:
        reference: null
        filters:
            - { name: geometry/scalefillarea, params: [81, 61] }
            - { name: geometry/crop, params: [81, 61, 0, 0] }
    thumb_small:
        reference: null
        filters:
            - { name: resize/both, params: [150, 113] }
            - { name: background/white, params: [] }
            - { name: gravity/center, params: [] }
            - { name: extent, params: [150, 113] }
    image_zoom:
        reference: null
        filters:
            - { name: geometry/scaledownonly, params: [1600, 1200] }

Here’s how we use it in Twig:

<img src="/{{ st_imageconverter(product_image, 'thumb_small') }}" alt="Product name">

Conclusion

As an e-commerce platform manufacturer we feel responsible for delivering products that loads fast on every device. We make sure that mobile experience is as pleasant as desktop. In order to make it work as we expect we optimise performance on each layer: front-end, backend, server. Here’s what you should think about in terms front-end performance optimisation:

  • Reduce number of HTTP request by merging (concatenation) multiple files into one.
  • Reduce the number to bytes that are send over the wire by compressing files.
  • Optimise images for different views.
  • Enable gzip for CSS, JavaScript, HTML.
  • Set proper expiration time for files.

B2B Praxis: Top 5 Tipps zur Auswahl eines Shopsystems

25 Jul

Tipps zur Auswahl eines B2B-Shopsysetm

Anfang Juli hatte iBusiness zur virtuellen Entscheiderkonferenz zum Thema „B2B-Commerce und Digitale Transformation“ eingeladen. Ania Hentz gab als B2B-Spezialistin Tipps zur Auswahl des passenden Shopsystems für erfolgreichen B2B-Commerce. Sie machte deutlich, wie wichtig es ist, den Kundennutzen stets im Blick zu halten und mittels einer Integration in die bestehenden Geschäftsprozesse die Kunden auch online optimal zu bedienen. Hier zusammengefasst ihre Top 5 für die Auswahl der passenden e-Commerce Lösung

Tipp 1: Achten Sie auf optimierte Bestellabläufe

Versetzen Sie sich in die Situation Ihrer Kunden und bieten Sie Ihren Kunden die passenden Funktionen für komfortables Bestellen an. Für Kunden in Bereichen mit einer hohen Bestellfrequenz  kann es sich zum Beispiel anbieten, alle bestellten Waren der letzten Wochen übersichtlich anzuzeigen und daraus direkt einen individuellen Bestellvorschlag abzuleiten. Aus den am häufigsten bestellten Waren kann automatisch „Mein Sortiment“ erstellt werden, welches den Bestellprozess für den Kunden beschleunigt.

Wenn Sie ein großes Sortiment online anbieten, sollte sie überlegen, wie die Bestellung von mehreren hundert Positionen vereinfacht werden kann. Der Upload von Bestelllisten, Schnellbestellformulare zur Eingabe von Artikelnummern oder eine Mobile mit Barcode Scanner können hier weiterhelfen.

Tipp 2: Prüfen Sie die Komplexität Ihres Preismodells

ERP-Systeme bieten vielfältige Möglichkeiten der Preisdefinition und viele Unternehmen nutzen diese Möglichkeiten für kundenindividuelle Konditionen. Die Umsetzung vorhandener B2B-Preismodelle stellt Shopsysteme regelmäßig vor große Probleme. Das Nachprogrammieren komplexer Preismodelle in einem Shop ist aufwendig und kann zu Abweichungen in den Preisen führen z.B. durch Rundungsdifferenzen. Der Bezug individueller Preise in Echtzeit aus dem ERP kann von vielen Anbietern nicht performant genug realisiert werden. Daher sollten Sie bei der Shopauswahl das Thema Preisfindung frühzeitig und eingehen prüfen, um ihr Preismodell auch im Onlineshop anbieten zu können. > Mehr dazu im Blogartikel „Individuelle Preise im B2B eCommerce“

Tipp 3: Der Shop sollte die Unternehmensprozesse Ihrer Kunden unterstützen

Der Kunde ist König. In einem B2B-Shop geht es um weit mehr als nur Bestellungen. Ein guter Shop unterstützt die Prozesse der Kunden indem er z.B. Bestellberechtigungen, Budgetgrenzen oder Sortimentseinschränkungen beachtet. Aber auch die direkte Übertragung von Bestellungen an das ERP-System des Kunden per sogenanntem Punch Out oder OCI Schnittstelle kann ein entscheidender Wettbewerbsvorteil sein. Bieten Sie Ihren Kunden Funktionen an, die entscheidende Abteilungen wie den Einkauf unterstützen.

Tipp 4: Integrieren Sie den Shop in Ihre Geschäftsprozesse

Genauso wichtig, wie die Geschäftsprozesse Ihrer Kunden ist die Integration Ihrer eigenen Geschäftsprozesse mit dem Shop. Automatisierte Abläufe sparen Zeit und Geld und bieten gleichzeitig Ihren Kunden hochaktuelle Daten und Informationen. Ein gut durchdachter Shop kann Ihre Mitarbeiter entlasten und gleichzeitig einen besseren Kundenservice bieten. Prüfen Sie mit welchen Funktionen Sie den Kundenservice verbessern können. Die Einführung eines neuen B2B Shops ist immer auch eine gute Gelegenheit die eigenen Prozesse zu überprüfen und zu verbessern.

Tipp 5: Ein Shop alleine reicht nicht aus

Ein flexibler B2B-Shop ist ein guter Anfang, reicht jedoch heute längst nicht mehr aus. Im Unternehmen heute gibt es eine Vielzahl an Kontaktpunkten mit dem Kunden, bei denen diverse EDV-Systeme involviert sind: die Website, der Außendienst, der Kundenservice, der Onlineshop, der Point-of-Sale, die Reklamationsabteilung, Marketingnewsletter, das Händlerportal u.v.m. Eine Shoplösung heute sollte mehr können und die digitale Entwicklung Ihres Unternehmens insgesamt unterstützen. Der Trend geht hin zu Plattformen, die unter einem Dach den Aufbau von B2B Shops, B2C Shops, Partnershops, Websites, Microsites, Intranetangeboten uvam. ermöglichen. Der Vorteil einer solchen integrierten Plattform liegt auf der Hand. Sie gewinnen durchgehende Informationen über jeden Besucher und Kunden über den gesamten Prozess hinweg. Diese Daten können für eine konsequente Weiterentwicklung des eigenen Angebots und der eigenen Prozesse genutzt werden.

Fazit: Denken Sie strategisch. Suchen Sie eine Lösung, die sich mit Ihrem Unternehmen entwickeln kann.

Sie sind auf der Suche nach einer e-Commerce-Lösung und brauchen Unterstützung bei der Entscheidungsfindung. Ania Hentz steht Ihnen mit Ihrer Erfahrung aus über 15 Jahren B2B e-Commerce gerne zur Verfügung.

Ania Hentz, Geschäftsführerin silver.solutions GmbH Ania Hentz
GeschäftsführerinFon: +49 (0)30.65.48.19.90
Fax: +49 (0)30.65.48.19.99
Mail: contact@silversolutions.de

 

B2B Best Practice: Unternehmensprozesse abbilden mit dem Kundencenter

5 Jul

Abstract for our English speaking visitors: To best serve your B2B customers a simple web-shop is not enough. The key to success is self-service. With self-service functions such as order approvals, credit limits, organisational roles & rights and automatic user registration you are helping your customers to perform their jobs more easily and more efficiently. And if you make their jobs easier they will be back to do business with you again. Our e-commerce solutions silver.eShop comes with an add-on called „Customer Center“ that does exactly that: it adds much requested self-service functions and raises the B2B performance of the shop.

Sobald eine Firma eine gewisse Größe erreicht hat, sind B2B Einkäufer in ihrem Unternehmen in Prozesse und Strukturen eingebunden und können nicht einfach mal so etwas online bestellen. Verschiedene Abteilungen benötigen unterschiedliche Materialien und Funktionen. Der Servicetechniker kauft gar nichts, er braucht nur die aktuellsten Datenblätter. Vorgesetzte sind für Freigaben und Budgets zuständig und am Ende hat das Controlling die Zahlen im Blick. Möchte ein Hersteller einen erfolgreichen B2B Shop anbieten, so sollte seine Shopsoftware diese Rahmenbedingungen auch abbilden können.

Selbst ist der Kunde: Automatische Freischaltung und übersichtliche Verwaltung

Für genau solche Fällte gibt es zur Shoplösung silver.eShop ein Zusatzmodul namens „Kundencenter“, welches mittels Rollen & Rechten sowie Freigabeworkflows die Unternehmensprozesse individuell abbilden kann. Das Kundencenter vereinfacht für den Shop-Betreiber die Arbeit, da die Kunden Ihre Daten und Mitarbeiter online selbst pflegen können und diese direkt mit dem ERP ausgetauscht werden.

silver.eShop - DLRG Benutzerverwaltung

Beispiel einer Benutzerverwaltung mit unterschiedlichen Rechten und Limits

Ist das Kundencenter einmal im Shop aktiviert, kann im ERP-System definiert werden, ob ein Kunde das Kundencenter verwenden darf oder nicht. Die Freischaltung kann dann ganz automatisch mit der Kundennummer, einer Rechnungsnummer sowie der E-Mail-Adresse erfolgen. Der Shop prüft anhand einer Anfrage an das ERP-System, ob dieser Kunde das Kundencenter nutzen darf. Ist dies der Fall, so wird im Shop das Unternehmen sowie ein Hauptkontakt angelegt, der zukünftig die Verwaltung der Shopzugänge für sein Unternehmen übernehmen kann. Unter „Mein Konto“ stehen dem Hauptnutzer im Bereich „Kundencenter“ dann die Funktionen „Bestellungen freigeben“ und „Benutzerverwaltung“ zur Verfügung.

silver.eShop - Kundencenter für Hauptkontakt

Kundencenter für Hauptkontakt im Service-Menü

In der Benutzerverwaltung kann der Hauptkontakt:

  • Neue Nutzer anlegen
  • Nutzer aktivieren oder deaktivieren
  • Namen oder Emailadressen ändern
  • Das Budget festlegen
  • Die Rechte und Rollen des Nutzers anpassen

Sollten im ERP-System bereits weitere Mitarbeiter des Kunden bekannt sein, so können diese direkt als Shopnutzer angelegt werden.

Alles im Griff: Budgetverwaltung und Workflows

Ein Hauptkontakt kann für jeden Mitarbeiter individuelle Budgetgrenzen festlegen. Im Standard kann eine maximale Bestellmenge sowie ein Auftragsvolumen je Auftrag definiert werden. Überschreitet ein Mitarbeiter bei einer Bestellung sein Budget, so wird er darüber informiert und sein Auftrag mit allen Angaben zunächst zur Freigabe an einen oder mehrere Personen gesendet.

silver.eShop - Freigabe Bestellungen

Beispiel einer Bestellung, die beim Vorgesetzten auf Freigabe wartet

Der Hauptkontakt kann einen oder mehrere Personen dafür festlegen. Ist keine Person für die Auftragsfreigabe definiert, so erhält der Hauptkontakt die Bestellung zur Freigabe. So kann im Urlaubsfall sichergestellt werden, dass ggf. ein Vertreter eine Bestellung freigibt.

Eine Bestellung, die freigegeben wird, enthält alle nötigen Angaben wie z.B. Lieferadressen, Zahlungs- und Lieferarten sowie Kommentare zum Auftrag. Dies spart Zeit und vermeidet fehlerhafte Aufträge. Bei Bedarf kann die freigebende Person Aufträge auch ändern. Wird ein Auftrag gesendet, so wird der Besteller darüber per Email informiert.

Ein Mitarbeiter kann jederzeit sehen, welche Bestellungen noch offen sind und welchen Status diese haben. Ferner wird die Kommunikation, die der Besteller während des Freigabeprozesses mit dem Verantwortlichen führt, übersichtlich dokumentiert. Wird eine Bestellung nicht freigegeben, so erhält der Besteller eine E-Mail. Er kann den Auftrag mit einem Kommentar und ggf. angepasster Stückzahl oder Gesamtsumme wieder an den Verantwortlichen zur erneuten Prüfung zurücksenden.

Fazit: Für jeden Kunden die passende Funktion

Bieten Sie Ihren Kunden nützliche Self-Service Funktionen, die entscheidende Abteilungen wie den Einkauf oder den Kundenservice gezielt unterstützen. Durch die Einhaltung der inviduellen Bestellprozesse geben Sie ihren Kunden die notwendige Sicherheit, dass keine unerlaubten Bestellungen getätigt werden können, bieten Anreize für höhere Bestellvolumen durch kundeninterne Bündelung von Bestellungen und verringern die Fehler- und Retourenquoten. Sie punkten durch außergewöhnlich guten Service, erhöhen die Kundenbindung und entlasten Ihren eigenen Innendienst. Zusätzlich erhöht sich die Datenqualität im ERP, da die Kunden ihre eigenen Kontaktdaten am besten kennen und über den Shop direkt ins ERP übergeben.

Viele große Unternehmen, die einen strategischen Lieferanten suchen, fordern Freigabeprozesse und eine Budgetverwaltung. silver.eShop ermöglicht auch die direkte Einbindung des ERP-Systems des Kunden für einen vollautomatischen Auftragsprozess. Sprechen Sie uns gerne darauf an!

Three Questions for … // Impressions from the eCommerce Berlin Expo

24 Mai
e-Commerce Berlin Expo, photo: sekcjaspecjalna.pl

e-Commerce Berlin Expo, photo copyright: sekcjaspecjalna.pl

As a Berlin based company specialised in e-commerce software and projects we are keeping a close eye on e-commerce events in our own hometown. Back in April two of our colleagues have paid a visit to a relatively new event called „e-Commerce Berlin Expo“. This Expo is part of a network of events hosted in capital cities of Central and Eastern Europe. According to their website the organizers are hoping to provide a platform for networking and for sharing knowledge and business opportunities. We asked Lucas Dima, new member of our silver.eShop development team, and Frank Dege, CTO, for their impressions of the event.

In your opinion, what was the main focus of the Expo? Was it all about web shops or did it cover a broader spectrum?

Lucas: I got the impression that is was mostly companies from Eastern Europe presenting their software and services to either shop vendors and/or shop owners. The event was relatively small but the exhibitors covered a broad range of topics from server solutions over e-mail and payment solutions up to content services for shop owners, for example content creation, translations or product photography.

Frank: Yes, I second Lucas‘ impression. It was a platform for Eastern European companies to introduce their products and services to the German audience. I discovered a few interesting companies that I hadn’t heard of before, for example the company Marketizator. Marketizator is offering A/B testing, surveys and personalisation with the aim to increase conversions and this for a very competitive price. It sounded like an interesting option for shop owners to get a foot into this whole topic.

Did you attend any talks? What were the most interesting topics for you?

Lucas: There were three auditoriums with a variety of companies and speakers covering all kinds of e-commerce topics. I watched a few interesting product presentations and discovered a couple of new to me e-commerce companies. We had some interesting conversations with service providers, for example with MonkeyData, who are specialising in analytics of e-commerce data in the cloud. That sounded quite interesting and promising to me. Also the presention of OroCommerce was quite interesting because it shone a light on the general requirements for B2B Commerce.

Frank: For me the talk from Yoav Kutner, founder and CEO of OroCommerce was the most interesting. With OroCommerce the former founders of Magento eCommerce are working on delivering a B2B eCommerce platform. On the podium Kutner emphasized how B2B commerce is NOT B2C commerce and how using a B2C shop software to deliver a B2B shopping experience will most likely result in headaches on all sides. He specifically went into detail about the complex pricing logic for B2B customers (which we talked about extensively on the blog back in January / DE) where B2C shops fail on a regular basis. Other B2B requirements include catalogue segmentation or individual products, corporate accounts or sales staff functions. For me this was interesting because all the features that were mentioned – and where OroCommerce is still in the development stages – have been standard with our e-commerce solutions silver.eShop pretty much from day one and are used by many, many customers.

Another interesting talk came from the Otto Group, one of Germany’s leading e-Commerce players. They could not emphasize enough how important relevant and unique content is today to sell products. To actually make the most of the content you’ve so painstakingly created you need a powerful but flexible content storage. It really does not give you any advantage if all your product information is held in one big media container. To distribute your product data and content you need them more structured and in smaller pieces. Which is exactly what we do with our shop, thanks to eZ Enterprise. On their blog eZ explains the benefit of having structured content in your CMS.

Would you like to attend this event again next year?

Lucas: Yeah, it was overall an interesting event and I would like to go again next year, given the chance. I could also imagine for silver.solutions to submit a proposal for a talk for next year’s eCommerce Berlin Expo.

Frank: Even with our busy schedules this was a day well spent. So yes, I think we will keep an eye out for next year’s eCommerce Berlin Expo and see if we can drop in again.

Thank you both for finding the time and answering my questions.