KKL Luzern - integer-net.deOct 24, 2014  · •Magento developer since 2008 •Freelancer since...

24/10/2014

KKL Luzern

Technological Overview

Andreas von Studnitz - KKL Luzern - Technological Overview 1

24/10/2014

Overview

Andreas von Studnitz – KKL Luzern – Technological Overview 2

• Introduction

• Project overview

• Technologies and their use in the project

• Learnings

• Discussion

24/10/2014

About me • Andreas von Studnitz • Living and working in Aachen, Germany • Magento developer since 2008 • Freelancer since 2009 • Working for Swiss clients since 2009 • Co-founder of integer_net GmbH in 2012 • Active member of the Magento

Community • Magento Backend Development,

Magento Training, Magento Consulting

Andreas von Studnitz - KKL Luzern - Technological Overview 3

24/10/2014

About me • Andreas von Studnitz • Living and working in Aachen, Germany • Magento developer since 2008 • Freelancer since 2009 • Working for Swiss clients since 2009 • Co-founder of integer_net GmbH in 2012 • Active member of the Magento

Community • Magento Backend Development,

Magento Training, Magento Consulting

Andreas von Studnitz - KKL Luzern - Technological Overview 4

24/10/2014

5

The KKL (Kunst- und Kulturzentrum Luzern) 3 Halls 2 Restaurants 3 Bars 400 Events 500,000 Guests

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 6

Project: kkl-luzern.ch - New website, fully responsive

- New shop, fully responsive

- 3D seat selector

- Connections to Navision, ticket system, restaurant reservation system

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 7

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 8

Project: kkl-luzern.ch (2) - ~ 15-20 team members

- Very international team

- Launched August 2014

team

- ~ 1 year

- My role: Magento lead developer in

24/10/2014

9

Arc

hit

ect

ure

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 10

Connect Magento and TYPO3

- Magento for Events, Tickets and Checkout

- TYPO3 for other Content and Search (Solr)

- Sharing a template

- Sharing a (sub)domain

24/10/2014

11

• Both TYPO3 and

Magento pages

• Magento includes CSS, JS, Header, Footer from TYPO3

• HTTP Requests

• HTML DOM Parsing

• Block Caching

24/10/2014

• TYPO3 imports

content elements from Magento

• TYPO3 Solr index is filled by Magento too

• Login info and cart from Magento

12 12

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 13

Events and Performances

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 14

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 15

Event display and filter: Solr

- SolrGento for indexing, extended for date fields

- Individual implementation for frontend display and filter

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 16

Seat Picker

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 17

Seat Picker

- HTML5 Application (three.js)

- node.js Backend

- Communication via WebSockets (PHP library elephant.io)

- Add to cart

- Checkout

- Timeout

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 18

Extended Admin Orders

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 19

Extended Admin Orders

- Good Magento Base

- Improved Usability - Tabs

- Customer/store selection is no longer the mandatory first step

- Reduced number of clicks

- Integrated SeatPicker

24/10/2014

Andreas von Studnitz - KKL Luzern - Technological Overview 20

Learnings

- Choose your payment provider (and module) wisely

- Have a backup for every role in the project

- Things can get complicated if many different companies are involved

- Use Agile over Waterfall in projects of this size

24/10/2014

Thank you!

Andreas von Studnitz - KKL Luzern - Technological Overview 21

Contact me:

– http://www.integer-net.com

– http://www.integer-net.de

– avs@integer-net.de

– twitter/GitHub/IRC: @avstudnitz