Newsfeeds

Donorbox

New Drupal Modules - 31 March 2019 - 3:11pm

This module provides integration of your Drupal 8 website with Donorbox, a donation platform centered around the fundraising needs of nonprofits, but is in no way affiliated with or supported by Donorbox. The module also contains two sub-modules for integration with Views (donorbox_views) and Webform 8.x-5.x (donorbox_webform).

Categories: Drupal

OpenSense Labs: Headway to future: Progressive web apps with Drupal

Planet Drupal - 31 March 2019 - 10:05am
Headway to future: Progressive web apps with Drupal Shankar Sun, 03/31/2019 - 22:35

Progressive web apps (PWA) have made great inroads and one of the greatest examples of that can be seen through Twitter. As one of the most popular platforms to know what’s happening around the world and with millions of active users around the globe who consume, create and share data, Twitter has been a force to reckon with and has leveraged the power of PWA. In order to enhance their mobile web experience and make it faster, more reliable and more engrossing, it has built the Twitter Lite Progressive Web App. This extracts the best of the modern web and native features to offer instant loading, improved user engagement, and lower data consumption.


Big names like Twitter are traversing the path of PWA. And that’s been the success story of PWA. By taking advantage of major advances in modern web browsers, web APIs and front-end frameworks, progressive web apps deliver stupendous app experiences to mobile and desktop users. Drupal, as a leading content management system, offers a wonderful platform for creating a progressive web app. Let’s take a brief look at PWA before moving on to Drupal’s capability.

Understanding Progressive Web App

It was the year 2007 when the iPhone came into the picture. That’s when the history of progressive web apps starts, states Venn.  This was, also, when Web 2.0 started moulding itself and the HTML5 standard was still being defined. Web pages started becoming more dynamic that altered the way we used the web and desktop devices. A number of PWA’s features are continuations in the development of those integral technologies.

Source: freeCodeCamp

What are progressive web apps? You might have seen an ‘Add to Home Screen banner while browsing a website as depicted in the picture above. On clicking this button, the application installs itself in the background. Once the download is complete, this application sits in your app drawer. What you now have is a mobile application, a PWA, that did not require the services of an app store and was downloaded from the web application. Thus, a PWA enables you to install from the browser window itself and is available on phone like a native application and even works offline.

"Progressive web apps use modern web APIs along with traditional progressive enhancement strategy to create cross-platform web applications. These apps work everywhere and provide several features that give them the same user experience advantages as native apps." - MDN web docs

Coined by Alex Russel and Frances Berriman, PWA is a set of best practices for making a web application function in the same way as a desktop or mobile application would work. The idea is to have an experience that is uniform and boundless and the user is unable to differentiate between a progressive web app and a native mobile app.

Why build a Progressive Web App? Source: Lambda Test

Progressive web apps come with progressive enhancement as a core tenet. So, it works for all the users no matter what their browser choice is. It is, also, fully responsive and works across platforms. Moreover, Web App Manifests enables your PWA to deliver the look and feel people expect and lets you specify an icon, app name and splash screen colour. It lets users install PWA on their device and have it appear alongside native apps.

Powered by service workers, PWA is connectivity independent thereby allowing it to be leveraged offline and low-quality networks. It also enables background data syncing. Service worker update process also keeps it up-to-date always. Because of W3C manifest and service worker registration scope, PWA is identifiable as an application and enables search engines to find it.

PWAs is also faster to load and install as is depicted in the image below.

Source: App Institute

The app shell model’s provision for separation of application functionality from application content makes PWA feel like a native app. PWAs offer top-notch security as they are served via HTTPS for negating snooping and making sure that the content is tamper-proof.

Progressive web app comes with push notification capabilities. The application can also be easily shared through an URL without the need for any intricate installation.

PWAs take less storage space as can be seen in the illustration below.

Source: App InstituteProgressive web app with Drupal

Development of PWA can be done with front end frameworks like Angular, React, Polymer, Ionic etc. How can it be made possible with Drupal? Integration of Progressive web app with Drupal can be done with Progressive Web App module. Designed to work out of the box, this module enables you to add basic PWA functionality to your website. There are countless ways to customise the experience by writing your own service worker. But for basic offline functionality, this module is great and does not involve too much intricacy.

It leverages service worker and manifest.json for offering a more app-like experience on mobile devices. It requires the website to have a valid HTTPS to function well. It is part of the W3 specification that services workers only function on HTTPS.

The module helps in triggering ‘add to homescreen’ prompt automatically whenever a user visits your site. It, also, has a good Lighthouse audit score as well.

You can install this module by downloading and enabling the PWA module and the admin configuration have to be saved at least once before the visitors can start revelling in the merits of your new PWA.


What lies ahead?

Comscore states in its research study that 51% of users do not download any app in a month. There is a plethora of dead weight in the app store and developing brand new apps for Android, iOS and the web are not cost-effective and is also time-intensive.

Are progressive web apps the future of apps? With big names like Twitter and Forbes showing an inclination towards PWA, there is a definite rise of PWA to be seen in the coming years. In fact, Gartner predicts that progressive web apps will replace 50% of general-purpose, consumer-facing mobile applications by 2020.

A report of SBWire states that PWA market will grow at a Compound Annual Growth Rate (CAGR) of +10% between 2017 and 2025. Advancement in IT, the emergence of smart devices, enhanced awareness of updated technology among the people is touted to be factors in its growth.

Conclusion

Progressive Web App is a great way of offering an app-like experience to your website. Drupal can be a stupendous option of enhancing your site with a PWA.

We have been committed towards provision for ambitious digital experience through a suite of services. Talk to our Drupal experts at hello@opensenselabs.com and let us know how do you want us to be a part of your digital transformation journey.

blog banner blog image Progressive Web Application Progressive Web App PWA Drupal 8 Blog Type Articles Is it a good read ? On
Categories: Drupal

OpenSense Labs: Marrying Alexa with Drupal

Planet Drupal - 31 March 2019 - 10:05am
Marrying Alexa with Drupal Shankar Sun, 03/31/2019 - 22:35

You may get involved in a coffee mishap on the way out of the door leaving a stain on your shirt. This is among the numerous stains that Tide’s Stain Remover, an Alexa skill, can help you remove.


Voice assistants like Alexa are beginning to play a colossal part in our everyday lives. That is exactly why Tide, one of the largest producers of laundry products, has plunged in to utilise Alexa as a Stain removal expert. With the growing popularity of Amazon Alexa, organisations can consider the best ways to extend their omnichannel content strategy for including dissemination of content on voice and chat platforms. Integrating Alexa with Drupal, one of the leading content management systems in the market, can be great for allowing content to be accessed both via web and voice assistants.

Alexa: A quintessential voice assistant

As Amazon’s cloud-based voice service, Alexa is available on a plethora of devices from Amazon like Echo and third-party device manufacturers. It was named after the Library of Alexandria which attempted to collect all of the world’s knowledge. It lets you tell your wishes, at least the simple ones like playing music tracks and finding food recipes and fulfils them.

“With Alexa, you can build natural voice experiences that offer customers a more intuitive way to interact with the technology they use every day.” - Amazon Alexa


Its collection of tools, APIs, reference solutions and documentation lets anyone build with Alexa. Creating cloud-based skills helps in disseminating content and reach customers via millions of Alexa-enabled devices. Alexa Skills Kit lets you build engrossing voice-first experiences. Moreover, Alexa Voice Service lets you develop voice-forward products through the incorporation of Alexa into your devices or controlling your devices with Alexa. You can even leverage it for your businesses by making it easy for users to access your services by voice.

Gartner predicts that because of the staggering advancements in emotion artificial intelligence (AI) systems, the personal devices will know more about an individual's emotional state. So, Alexa will get to know us more and more in the future and can even be able to detect and assess how we are feeling with the tone of our voice.

Alexa, also, leads in the market share of smart speakers as can be seen below.


Amalgamation of Alexa and Drupal

Integration of Amazon Alexa and Drupal can be done with the help of Alexa Drupal module. For this, the Drupal website should be available online and using HTTPS. You can start by installing and enabling the Alexa module on the Drupal site. Then, a new Alexa skill can be created in Alexa Skills Kit. This is followed by the processes of copying the Application ID that is provided by the Amazon in ‘Skill information’ and submitting it to the Drupal site’s configuration. You can, then, move on to configuring Alexa skill in Alexa Skills Kit and creating a customised handler module for managing custom Alexa skills.

To demonstrate how this works, a digital agency used a sample supermarket chain called Gourmet Market and connected Alexa to its Drupal-powered site using Alexa module. A list of intents, that refers to the commands you want the users to run which is similar to Drupal’s routes, is specified. This is followed by the process of specifying a list of utterances that is basically the sentences that you want the Echo to react to. After the execution of the command, a webhook callback is received by the Drupal site and the Alexa module validates the request.


Suppose if you ask Alexa about the fruits that are on sale, Alexa would make a call to the Gourmet Market Drupal site and come up with the relevant information. Certain items can also be tagged as ‘On Sale’ by the store manager and the same changes are automatically and swiftly reflected by Alexa’s voice responses. And the best part is that the marketing manager won’t require any programming skills as the Alexa forms its voice responses by talking to Drupal 8 via web service APIs.

The site could also deliver smart notifications. When posing a question enquiring about an item that is not on sale, the site can automatically notify the user through text once the store manager puts the tag of ‘On Sale’ on it.

The digital agency showed another example of a combination of Alexa and Drupal through a fictional grocery store called Freshland Market. Here, a user chooses a food recipe from Freshland Market’s Drupal site and collects all the ingredients to go ahead with the cooking process. The food recipe asked by the user is for 8 people but the site has the same for 4 people. The Freshland Market Alexa skill, by itself, adjusts the number of ingredients for 8 people. So, amidst a series of questions and the relevant ingredients and cooking steps, the user is easily able to prepare the food without having to look at the laptop or mobile phone.


Conclusion

Coming together of Alexa and Drupal can be a great solution for removing friction from user experiences. With Drupal as a stupendous content store and Alexa as a quintessential voice assistant, you can bring about a world of difference.
 
We believe in open source innovation and are committed to offering great digital experiences with our expertise in Drupal development. Talk to our Drupal experts at hello@opensenselabs.com and let us know how do you want us to be a part of your digital transformation endeavours.

blog banner blog image Alexa Amazon Alexa Amazon Echo Drupal 8 Alexa Voice Service Blog Type Articles Is it a good read ? On
Categories: Drupal

Content Feedback

New Drupal Modules - 31 March 2019 - 9:58am

Content Feedback module provides users a content feedback form on content pages/nodes. Users with content feedback form access will post feedback of the current content.

Content Feedback form can be allowed for selected content types. Fields for the content feedback form can be configurable. All content feedbacks are displayed and grouped by status. Users can review and update status to resolved for the content feedbacks.

Categories: Drupal

Camera field

New Drupal Modules - 31 March 2019 - 8:11am
Categories: Drupal

Customer Journey

New Drupal Modules - 31 March 2019 - 12:37am
Categories: Drupal

Autoupdate

New Drupal Modules - 30 March 2019 - 3:22pm
Categories: Drupal

User Specific Revision Diff

New Drupal Modules - 30 March 2019 - 9:00am

This module provides ability to visually attribute changes from each user per revision who authored them (e.g. using different colors per user along with their name)

Categories: Drupal

Facet granular date

New Drupal Modules - 29 March 2019 - 10:36pm
Plugin for Drupal 8 facets that creates drill down date facets.

This module was built to solve the issue* where date facets are no longer drilldown in Drupal 8. This module provides a new Facet processor to achieve that.

*https://www.drupal.org/project/facets/issues/2802571

Categories: Drupal

Centarro Insights

New Drupal Modules - 29 March 2019 - 2:50pm

Centarro Insights is a plug and play sales and analytics dashboard for Drupal Commerce stores. It gives merchants immediate visibility into sales trends, traffic by channel / campaign, conversion rate, top selling products and customers, and more.

Categories: Drupal

Migrate Nodes to Media

New Drupal Modules - 29 March 2019 - 11:57am

Provides a UI for mapping content type fields to core media fields and executes the migrations. Users can create multiple migrations and run them. Also provides JSON output for content types and maintains a list of content type to node path mappings.

Categories: Drupal

Shifting Layout Blocks

New Drupal Modules - 29 March 2019 - 11:55am
Introduction

The Shifting Layout Blocks module makes it possible to define block components in Layout Builder that shift automatically one position further, when adding a new shiftable block. The last shiftable block in the layout will be removed. The shifting process works across sections and regions. That will make it possible to place different kinds of blocks in between, which will be automatically ignored.

Categories: Drupal

Pages

Subscribe to As If Productions aggregator