Website Adaptation & Formatting Layer

WEBSITE ADAPTATION & FORMATTING LAYER

OVERVIEW

๏ Introduction

๏ Approach & architecture

๏ Practical information

๏ Usability

๏ Performance

๏ Wrap up

MOBILE INTERNET TODAY

๏ Most CMSs deliver desktop-only websites

➡ Bad mobile browsing experience

CURRENT SOLUTIONS

๏ Template switchers

๏ Basic content adaptation

➡ Not user friendly

➡ Far from optimal

MISSION

๏ Develop a Joomla! extension that ...

๏ detects a mobile device

๏ performs device-specific content adaptation

๏ is as generic as possible

OVERVIEW

๏ Introduction

๏ Usability

๏ Performance

๏ Wrap up

APPROACH

USE SIRUNA PLATFORM

USABILITY - PERFORMANCE - MODIFIABILITY

OPEN PLATFORM (AGPL)

ADVANCED DEVICE DETECTIONCONTENT ADAPTATION MODULE

CONTENT FETCHING MODULE

MORE INFO : HTTP://OPEN.SIRUNA.ORG

MAIN SIRUNA FUNCTIONALITY

๏ Image adaptation (scaling, reduce file size, transcode...)

๏ Rearrange content

๏ Adapt the menu structure

๏ Replace JavaScript functionality

๏ Replace original advertisement banners by mobile advertisement banners

Siruna Website1. Request page

3. Send page

4. Transform page

2. Request page

5. Deliver mobile page

ORIGINAL SIRUNA USE

Joomla! & WAFL Siruna1. Request page

2. Perform device detection

3. Send redirect

9. Deliver mobile page

7. Send page

4. Request page

5. Request page

6. Generate mobile page

8. Transform page

OUR APPROACH

JOOMLA! EXTENSIONS

๏ Component

๏ Only one per page

๏ Defines main content

๏ Module

๏ Complements content of a component

๏ Plugin

๏ Implements extra functionality

๏ Template

WAFL EXTENSION STRUCTURE

๏ Main functionality plugin

๏ Admin panel component

๏ Basic mobile template

๏ Supporting module and 2 plugins

➡ Community can develop extra supporting modules/plugins

OVERVIEW

๏ Introduction

๏ Usability

๏ Performance

๏ Wrap up

๏ Kristof Vandermeeren - Project Manager

๏ Robin Leblon - Configuration Manager

๏ Heiko Desruelle - Test Manager

๏ Rob Vanden Meersche - Test Manager

๏ Stijn De Vos - Scribe & Documentation Manager

๏ Klaas Lauwers - Developer

๏ Mattias Poppe - Developer

๏ Daan Van Britsom - Developer

TESTING

๏ 2 test managers

๏ phpUnderControl

๏ Joomla! testing framework

๏ Types

๏ Unit

๏ Integration

๏ Performance

๏ Acceptance

COVERAGE & METRICS

OVERVIEW

๏ Introduction

๏ Usability

๏ Performance

๏ Wrap up

EASY INSTALLATION

๏ WAFL Joomla! extension == 6 parts

๏ “One-zip-upload”

๏ Plug-and-play

๏ Uncluttered admin panel

FEATURE LIST

๏ 3 modes of operation

๏ Template switching

๏ Mobile redirect

๏ Siruna

๏ Mobile template based on desktop template

๏ Delivered with basic Siruna mapping

OVERVIEW

๏ Introduction

๏ Usability

๏ Performance

๏ Modifiability

DEVICE DETECTION

๏ Bottleneck component : invoked every request

๏ Performance measures :

๏ Devices organized according to popularity

๏ Can be disabled

๏ Different updateable data sources

DEVICE DETECTION

๏ Detection time :

๏ Popular mobile device : <1 ms

๏ Less popular/desktop : 3 ms

๏ Typical Joomla! page request (no caching) : 500 ms

๏ Accuracy :

๏ 99 % of devices in WURFL (largest mobile device database)

๏ Typical PHP mobile detection : 80 %

PERFORMANCE TEST RESULTS

WAFL disabled WAFL enabled - desktop WAFL enabled - mobile

REQUESTS/MINUTE - MORE IS BETTERMEASURED WITH JOOMLA! PROFILER - CHECKED WITH JMETER

230224 222

REQUESTS/MINUTE - MORE IS BETTERMEASURED WITH JOOMLA! PROFILER - CHECKED WITH JMETER

No cachingModule caching

Page caching

PERFORMANCE TEST RESULTSREQUESTS/MINUTE - MORE IS BETTER

No cachingModule caching

Page caching

PERFORMANCE TEST RESULTSREQUESTS/MINUTE - MORE IS BETTER

CACHING SUPPORT

๏ Support Joomla! built-in cache

๏ Use context-aware cache handlers

๏ Injection via Joomla!’s flexible binding registry

๏ No core modifications needed

➡ Unprecedented feature!

150 KB

300 KB

450 KB

600 KB

WAFL disabled Template switching Siruna

BANDWIDTH USAGE - LESS IS BETTER

150 KB

300 KB

450 KB

600 KB544

150 KB

300 KB

450 KB

600 KB544483

150 KB

300 KB

450 KB

600 KB544483

OVERVIEW

๏ Introduction

๏ Usability

๏ Performance

๏ Wrap up

STRENGTHS

๏ Generic core functionality

๏ High performing implementation

๏ Easy install with “one-click-upload”

๏ Very easy to use, no technical knowledge needed

FROM ALPHA TO BETA

๏ Further improvements :

๏ Improve layout mobile template (layout injection)

๏ Catch device detection info from Siruna and use in template

๏ Speed up device detection for desktops (whitelist)

๏ Additional settings for mobile redirect

๏ Automagical Siruna configuration

STANDALONE COMPONENTS

๏ Context-aware Joomla! cache

๏ Continuous integration environment for Joomla!

๏ Highly optimised device detection

➡ Very useful for the community

COMING UP...

๏ Next alpha release in 1 week ( June, 21)

๏ Safer installation

๏ Greatly improved layout injection

๏ Last alpha before beta

๏ Compatible with latest open-source Siruna version

➡ Download at http://www.wafl.ugent.be

➡ Download Siruna at http://open.siruna.org

MORE INFORMATION AT HTTP://WWW.WAFL.UGENT.BE

HTTP://WWW.SIRUNA.COM

CONTACT WAFL-TEAM ATHEIKO.DESRUELLE@UGENT.BE

CONTACT SIRUNA ATFRANK.GIELEN@SIRUNA.COM

Website Adaptation & Formatting Layer

Technology

SLA Contract for Cross-layer Adaptation and Monitoring ...SLA Contract for Cross-layer Adaptation and Monitoring Mariagrazia Fugini, Hossein Siadat Dipartimento di Elettronica e Informazione,

Energy Efficiency Support through Intra-Layer Cloud Stack ...eprints.whiterose.ac.uk/104993/1/uploaded.pdf · Energy Eﬃciency Support through Intra-Layer Cloud Stack Adaptation

Event Pattern Discovery for Cross-Layer Adaptation of

Subnetwork Encapsulation and Adaptation Layer (SEAL) IETF 71 intarea session Fred L. Templin

Formatting text & formatting paragraphs(word 2007) Hudsongwambe

OSI LAYER TCP/IP - teguhkurniawan.staff.telkomuniversity.ac.id · Layer OSI (2) •Upper Layers Segala sesuatu yang berkaitan dengan user interface, data formatting, dan communication

ATM Adaptation Layer (AAL)

VAAL, Video Adaptation at Application Layer and ...eugen.dedu.free.fr/publi/wpmc10slides.pdf · 3 Experiments 4 Conclusions Wassim Ramadan, Eugen Dedu et Julien Bourgeois Video adaptation

1 6/15/2015 12:56 CS575ATM Adaptation Layer1 Rivier College CS575: Advanced LANs ATM Adaptation Layer

MAC Rate Adaptation and Cross Layer Behavior for ...MAC Rate Adaptation and Cross Layer Behavior for Vehicular WiFi Access: An Experimental Study Zafar Ayyub Qazi, Saad Nadeem, and

2: Application Layer 1 Chapter 2: Application Layer Course on Computer Communication and Networks, CTH/GU The slides are adaptation of the slides made

9. Code Formatting - Correctly Formatting the Source Code

Adaptation Layer Translator (ALX) Design and Application · Adaptation Layer Translator (ALX) Design and Application Ruibiao Qiu, Fred Kuhns, Jerome R. Cox Jr., Craig Horn WUCS-02-11

3: Transport Layer 3a-1 Chapter 3: Transport Layer Part A Course on Computer Communication and Networks, CTH/GU The slides are adaptation of the slides

Cross-Layer Wireless Bit Rate Adaptation

Rate Adaptation Algorithm and Cross layer design ... · Rate Adaptation Algorithm and Cross layer design optimization for TCP Wireless network ... Tra c: TCP Cubic

OAL OEM Adaptation Layer

ADVERSARIAL DOMAIN ADAPTATION FOR THE ......when using a proper layer for adaptation, our method achieves a positive transfer and thus an improved classification accuracy in the target

ANALYSIS OF THE ATM ADAPTATION LAYER

· 2016-07-21 · Hálózati kifejezések, rövidítések listája AAL ATM adaptation layer. The layer in the ATM model that provides the protocol between packet services and any