Informations- und Kommunikationstechnik: Deutscher Außenhandel wächst um 7 Prozent

heise online Newsticker - 6. April 2018 - 9:30
Deutsche Unternehmen exportierten im vergangenen Jahr ITK-Waren im Wert von 38,1 Milliarden Euro.

Amazee Labs: The Filter Pages based on React and Drupal 7

Planet Drupal - 6. April 2018 - 9:28
The Filter Pages based on React and Drupal 7

We recently relaunched the updated front-end for Zürich Tourismus. In this blog post, I want to highlight some user experience improvements that we added to the existing Drupal 7 website using React. Enter the filter pages.

Josef Dabernig Fri, 04/06/2018 - 09:28

The filter pages are highly interactive and allow the site visitor to explore data in a synchronized list & map view. We also applied the same concept to the different filter pages for Accommodation, Events and Restaurants.

Instant, Client-Side filtering

A key improvement to the filter pages is that they allow users to quickly explore and filter the data. The filter section immediately updates the corresponding results list according to the selected criteria. This works well for datasets below 1000 items, which are all accessed together and filtered using React on the client-side.

In traditional Drupal implementations, we would have the entire page reload for every filter click event, or, if we were to use AJAX, the entire results section would reload and require a round-trip to the server which slows down the user experience. With the new React-based approach, we were able to greatly improve the interaction speed. The search box also instantly filters the items for every character that the user enters.

Proximity Filtering

A really cool feature on top of the instant client-side filtering is the “Nearby me” search. It allows the user to either select their own geolocation or select from some popular points of interest. For tourists that aren’t yet familiar with the city, being able to choose between various important locations, such as the Zurich airport or main station, helps in their orientation.

When a point of interest has been selected, the map instantly switches to “Filter list by map” mode which only displays the results that correspond to the current map window. As the user zooms in or out, the map automatically updates the results list.

Keeping Multiple Viewports in Sync

Keeping multiple viewports easily in sync is one of the main advantages of using React to implement the filter pages. The state of the dataset and filters can be managed centrally and will automatically update the different views, such as the filters themselves, the results list as well as the markers on the map. By moving around the map, the user is also able to filter the list results to show only what is available in the current viewport which helps narrow down their search geographically.

Unlimited, Interactive, React-based Filter Pages

The filter pages are built using React components within the existing Drupal 7 infrastructure that drives the main website. We fetch the data from the backend using custom JSON feeds and render the filters, the results lists and map views using React. By doing so, we significantly improved the actual and perceived performance of the user interactions with the filters and map view. The same concept has been applied to different parts of the website. There are many more of these filters pages in addition to the ones used for Accommodation, Events and Restaurants.

In the back-end, the content editors are able to create custom filter pages using a special Content Type form. Filter settings and sort or proximity search options are able to be configured accordingly. In the React-based front-end, we then show the adjusted set of filter options and adjust the list views slightly i.e. to show star ratings for hotels.

Google-Dienste auf Smartphones ohne Zertifikat: Registrierungsformular repariert, Limit entfernt

heise online Newsticker - 6. April 2018 - 8:00
Google-Dienste laufen nicht mehr auf Android-Smartphones ohne Zertifikat. Umgehen lässt sich das Problem mithilfe eines Formulars – das nun auch endlich funktioniert. Das Limit von 100 Geräten wurde ebenfalls entfernt.

BSI warnt vor Sicherheitslücken in iTunes für Windows

heise online Newsticker - 6. April 2018 - 8:00
Apples Medienverwaltung enthält mehrere kritische Fehler – nicht nur in der enthaltenen Browser-Engine WebKit. Sicherheits-Bugs stecken auch in der iCloud-Unterstützung für Windows.

OSTraining: Getting Started With Drupal's Webform Module

Planet Drupal - 6. April 2018 - 7:31

One of our club members have asked us how to create a survey form in Drupal 7. They wanted to achieve this without a need for custom coding.

The Webform contrib module is the perfect tool for the job. In this tutoral, you will learn how to use this module to survey what peanut butter, jelly and bread your site visitors prefer.

Lockheed Martin soll "leiseres" Überschallflugzeug für die NASA bauen

heise online Newsticker - 6. April 2018 - 7:30
Die NASA strebt Überschallflüge ohne Überschallknall an. Nun hat sie einem Flugzeughersteller den Auftrag für einen Prototyp erteilt.

Leben wir in einer Simulation?

heise online Newsticker - 6. April 2018 - 7:00
Der Philosoph Nick Bostrom hält es für möglich, dass Quantencomputer so leistungsstark werden, dass sich darin ganze Welten simulieren lassen. Zum Beispiel unsere. Blog: AGILEDROP: Drupal business sessions you don't want to miss at DrupalCon Nashville

Planet Drupal - 6. April 2018 - 3:43
There will be a lot of sessions at DrupalCon Nashville. That's nothing new to be fair. DrupalCons are the biggest Drupal events with the most Drupal session, so you can’t attend all of the sessions you would want to. Therefore, we have made a short list of the business sessions you don't want to miss. We sure won't.    Think Your Website is GDPR Compliant? Think Again! Thursday, April 10 Mark Shropshire, Open Source Security Lead at Mediacurrent   On May 28, 2018, GDPR will come into force - that is a data security legislation, which allows individualists to control their personal data… READ MORE

Stanford Web Services Blog: Welcome to Stanford Drupal Camp 2018!

Planet Drupal - 6. April 2018 - 0:41

Stanford Drupal Camp 2018 is already upon us!

The ninth annual Stanford Drupal Camp will be hosted at the  Stanford Law School on April 6-7, 2018.

Metal Toad: Drupal 8: Consumption of a Third-Party API

Planet Drupal - 5. April 2018 - 22:33
Drupal 8: Consumption of a Third-Party API Marcus Bernal Thu, 04/05/2018 - 20:33

For a recent project, we were tasked to consume the client's internal data from a custom API. Now, this scenario was lucky for us, the API provides a total item count of about 5000, but when queried with a start date, it provides all revisions of items between then and now. The premise was that the data was to be downloaded at regular intervals, so that content editors didn't need to copy and past to keep product information up to date.

Jobwechsel: Apple schnappt sich Googles Suchmaschinen- und KI-Chef

heise online Newsticker - 5. April 2018 - 18:30
John Giannandrea soll künftig in Cupertino unter anderem an der Sprachassistentin Siri und selbstfahrenden Autos arbeiten. Die Entscheidung gab offenbar Konzernchef Tim Cook selbst bekannt.

Astronomietagung EWASS: Mit den Beatles nach Alpha Centauri

heise online Newsticker - 5. April 2018 - 18:30
Auf die Frage, ob es Leben im Alpha-Centauri-System gibt, kann die EWASS in Liverpool keine Antwort geben. Wie es herauszufinden wäre, dafür haben Wissenschaftler einige Ansätze parat und wollen mit den Beatles mehr Menschen für Astronomie begeistern.

E-Mail-Clients: Postbox 6.0 veröffentlicht

heise online Newsticker - 5. April 2018 - 18:00
Mit Version 6.0 setzt der E-Mail-Client Postbox erstmals auf Firefox Quantum auf. Außerdem wechseln die Entwickler zu Maildir und fügen viele neue Einstellungen hinzu.

Rocket Lab will diesen Monat in Neuseeland erste Rakete starten

heise online Newsticker - 5. April 2018 - 18:00
Innerhalb eines Zeitraums von zwei Wochen nach dem 20. April will Rocket Lab seine erste kommerzielle Mission starten.

Spotify ist an der Börse 26,5 Milliarden Dollar wert

heise online Newsticker - 5. April 2018 - 17:30
Spotify wird seit Dienstag an der NYSE gehandelt. Zuvor war eine Aktie für maximal 132,50 US-Dollar verkauft worden, doch an der Börse lag der Preis deutlich darüber.

Die besten Add-ons für das Media-Center Kodi

heise online Newsticker - 5. April 2018 - 17:30
Ist die eigene Medienbibliothek erschöpft, locken hunderte Add-ons für Kodi mit Amüsement. In einer Auslese stellt das Computermagazin c't die unterhaltsamsten Erweiterungen vor.

Schüsse in der Youtube-Zentrale

heise online Newsticker - 5. April 2018 - 17:00
Eine Frau hat sich im Youtube-Hauptquartier in Kalifornien erschossen. Zuvor hatte sie Youtube-Mitarbeiter angegriffen.

Controller eingebaut: Kluge Motoren machen Copterbau einfacher

heise online Newsticker - 5. April 2018 - 17:00
Auch Motoren können klug sein: IQ Motion Control baut in seine neuen Motormodule einen Mikrocontroller ein. Drohnenbauer und Maker können sie in ihren Projekten direkt anschließen und ansprechen. Ein extra Controller ist nicht mehr nötig.

Acro Media: Drupal Commerce 2: How to Add, Edit and Delete Coupons

Planet Drupal - 5. April 2018 - 16:45


Drupal Commerce 2 comes with promotions sub-module that lets you manage store promotions in so many different ways. One common promotion method is to give your customer coupon codes. Coupon codes "unlock" a specific deal for the customer. For example, if you're trying to get a customer to complete an abandoned cart, you may offer a coupon code for 20% off the entire order to try and push them. Maybe you have a weekly newsletter and you want to reward your subscribers with a deal just for them. A custom coupon code with a discount is a great way to do this.

In this Acro Media Tech Talk video, we user our Urban Hipster Commerce 2 demo site to show you just how easy it is to create a promotion and assign a coupon code to it. We'll also show you how you can set additional conditions so that the coupon is only available to use when the conditions are met.

Its important to note that this video was recorded before the official 2.0 release of Drupal Commerce, and so you may see some differences between this video and the current release. The documentation is also evolving over time.

Urban Hipster Commerce 2 Demo site

This video was created using the Urban Hipster Commerce 2 demo site. We've built this site to show the adaptability of the Drupal 8, Commerce 2 platform. Most of what you see is out-of-the-box functionality combined with expert configuration and theming.

More from Acro Media Drupal modules in this demo

Kryptogeld: Bitmain kündigt ersten ASIC-Miner für Ethereum an

heise online Newsticker - 5. April 2018 - 16:30
Was beim Bitcoin seit langem Standard ist, könnte auch bald die Kryptowährung Ethereum ereilen: Der erste Mining-Rechner auf Basis effizienter ASIC-Technik soll im Juli kommen. Ist das Ethereum-Mining mit Grafikkarte bald vorbei?