SlideShare a Scribd company logo
M. RICHTER, M. SÖCHTING, A. SEMMO, J. DÖLLNER, M. TRAPP
User generated content (UGC) as worldwide central source and medium for information,
entertainment, documentation, and communication
Images shared [kbcp2016]
[https://www.instagram.com/explore/tags/nature/]
Observation
▪ Image abstraction techniques are widely used for entertainment purposes
▪ Artistic image abstractions are more likely to be distributed and shared
than photorealistic images [Bakhshi et al. 2015]
▪ Image abstraction is a typical approach to share images with sensitive content
Objective
▪ Support image enhancement and image abstraction techniques
▪ Produce artistic effects such as obtained by style transfer
[Gatys et al., 2016]
▪ Provide interactive image manipulation and
give control over displayed content
with an adjustable degree of abstraction and stylization
▪ Mobile on-device image stylization application with high degree of interactivity and parameterization utilizing the
generic image effect representation [Dürschmid et al., 2017]
▪ Limitations: (1) Design, implementation, testing and deployment are cost-intensive; (2) device heterogeneity;
(3) image resolution and processing time
▪ Server-side processing: heterogeneous clients can be attached to provide hardware-independent cross-
platform solutions
▪ Service-Oriented Architecture (SOA) pattern is predominant design pattern [Winkler et al., 2013]
▪ Outsourcing of intensive processing tasks to the server
▪ Clients only trigger processing, download, and display results (thin clients)
▪ Low battery consumption of mobile clients
▪ Images mostly reside on cloud storages (e.g., Instagram, Facebook)
▪ Image management and processing is feasible without roundtrip over client device
1. Service-based system for off-device image processing by compositing atomic low- to high-level services
2. Provisioning of platform-independent representations of image effects for customizable configuration
3. Demonstration for Android and desktop systems, and integration into the Google Office Suite
Service-based Processing and Provisioning of Image-Abstraction Techniques
▪ Service components of server infrastructure
▪ Service components of server infrastructure
▪ Orchestration Service
▪ API gateway providing the service endpoints
▪ Composition of low-level services to high-level service (Orchestration)
▪ Service components of server infrastructure
▪ Orchestration Service
▪ API gateway providing the service endpoints
▪ Composition of low-level services to high-level service (Orchestration)
▪ Image Processing Service
▪ Central component for processing images
▪ Requires an image and an image effect and outputs a stylized image
▪ Service components of server infrastructure
▪ Orchestration Service
▪ API gateway providing the service endpoints
▪ Composition of low-level services to high-level service (Orchestration)
▪ Image Processing Service
▪ Central component for processing images
▪ Requires an image and an image effect and outputs a stylized image
▪ Effect Service
▪ Storing and provisioning of image effects
▪ Image effects comprise platform-independent information (e.g.,
parameters, presets) and implementation-specific assets (shader)
Shader
XML-based effect definition
▪ Service components of server infrastructure
▪ Orchestration Service
▪ API gateway providing the service endpoints
▪ Composition of low-level services to high-level service (Orchestration)
▪ Image Processing Service
▪ Central component for processing images
▪ Requires an image and an image effect and outputs a stylized image
▪ Effect Service
▪ Storing and provisioning of image effects
▪ Image effects comprise platform-independent information (e.g.,
parameters, presets) and implementation-specific assets (shader)
▪ Resource Management Service
▪ Responsible for storing and provision of resource data (images)
▪ Caching of intermediate results
▪ Wide range of clients can use the services via the language-agnostic interface
of the Orchestration Service
▪ Two major factors affect runtime performance:
▪ Data transmission
▪ Data processing
▪ Runtime of image processing linearly depends
on resolution
▪ High-resolution images (256 megapixels) can be
processed but requires more than 4 GB RAM
▪ The implementation is not real-time capable yet
▪ Processing of common HD resolutions takes 0.3-0.7s
▪ Effect loading and image decoding are bottlenecks
Service-based image-processing system with the following properties:
▪ Atomic services allow composition and creation of higher-level services
▪ Execution of resource intensive tasks
▪ Provisioning of platform-independent effect representations with highly customizable configuration
▪ Demonstration for research and industrial applications
Future Work
▪ Extend service-based processing approach for video processing
▪ Speed up and scale up the image processing service
▪ Support tile-based rendering to process images with resolutions higher than 16k2 pixels
Contact
▪ Marvin Richter (marvin.richter@hpi.de)
▪ HPI Computer Graphics Systems Group (Image & Video Processing)
▪ This work was partly funded by the
Federal Ministry of Education and Research (BMBF)
for the AVA project 01IS15041B (https://ava.hpi3d.de)
▪ Industry Partner:
Digital Masterpieces GmbH (http://www.digitalmasterpieces.com)
▪ [kbcp2016] https://www.scoopnest.com/user/ValaAfshar/738076291874889728
▪ [Winkler et al., 2013] Robert P. Winkler and Chris Schlesiger. Image processing rest web services. Technical Report
ARL-TR-6393, Army Research Laboraty, Adelphi, MD 20783-119, 2013.
▪ [Bakhshi et al. 2015] Saeideh Bakhshi, David A Shamma, Lyndon Kennedy, and Eric Gilbert. 2015. Why We Filter Our
Photos and How It Impacts Engagement. In Proc. ICWSM. 12–21.
▪ [Gatys et al., 2016] Leon A. Gatys, Matthias Bethge, Aaron Hertzmann, and Eli Shechtman. 2016a. Preserving Color
in Neural Artistic Style Transfer. arXiv.org report 1606.05897. https://arxiv.org/abs/1606.05897
▪ [Dürschmid et al., 2017] Tobias Dürschmid, Maximilian Söchting, Amir Semmo, Matthias Trapp, and Jürgen Döllner.
Prosumerfx: Mobile design of image stylization components. In SIGGRAPH Asia 2017 Mobile Graphics & Interactive
Applications, SA ’17, pages 1:1–1:8, New York, NY, USA, 2017. ACM.
Misc
Service-based Processing and Provisioning of Image-Abstraction Techniques
Service-based Processing and Provisioning of Image-Abstraction Techniques
• To tackle more complex use cases and build higher level services
for divers visual media applications composition is a critical question
• Two composition strategies are prevelant:
• Orchestration: single centralized process coordinates the interaction
among different services
• Choreography: direct decentralized communication between services
• Examples of orchestration metaservices:
• 1) image processing (server-side orchestration)
• 2) effect composition in android client (client-side orchestration)
Client-side composition
of effects
Orchestration vs.
Choreography
• Number of users increases exponetially → Deploy services on server farms (AWS, Hetzner)
• Goal
• Make the system scalable
• Dynamic increase of service instances
• Load balancing
• Resource management on distributed data
Microservices
Scaling
1. Services should be small and focus on one specific thing (Keep scope and functionality small)
2. Services should run in their own containers/environments
3. Each service owns its own data (individual database)
4. Services communiate via language-agnostic APIs (e.g., REST, SOAP, Message Broker such as RabbitMQ
and Apache Kafka, …)
5. Services are independently deployable and scalable
Service-based Processing and Provisioning of Image-Abstraction Techniques

More Related Content

PPSX
Digital Art ToolKit
PDF
A Service-based Preset Recommendation System for Image Stylization Applications
PPT
Three Challenges in Reliable Data Transport over Heterogeneous ...
PPTX
The Big Picture - Integrating Buzzwords
PDF
The new Netflix API
PDF
Scaling choreographies for the internet of the future
PDF
Service as-a-software
PPTX
Cf summit2014 roadmap
Digital Art ToolKit
A Service-based Preset Recommendation System for Image Stylization Applications
Three Challenges in Reliable Data Transport over Heterogeneous ...
The Big Picture - Integrating Buzzwords
The new Netflix API
Scaling choreographies for the internet of the future
Service as-a-software
Cf summit2014 roadmap

Similar to Service-based Processing and Provisioning of Image-Abstraction Techniques (20)

PDF
Cloudy with a Chance of Bundles (and non java components) - R Nicholson & T Ward
PPTX
Cloud Foundry Roadmap (Cloud Foundry Summit 2014)
PDF
Distributed Mobile Graphics
PDF
ALIVE (Newsfromthefront 2010)
PPTX
Mykhailo Hryhorash: Архітектура IT-рішень (Частина 1) (UA)
PPTX
Service Architectures at Scale
PPTX
Mykhailo Hryhorash: Архітектура IT-рішень (Частина 1) (UA)
PDF
OW2con11 Use Case SOA, Nov 24-25, Paris
 
PDF
UNIFI.DSI.DISIT Lab Distributed Systems and Internet Technologies Lab
PPTX
The International Image Interoperability Framework Why It’s a Game-Changer fo...
PDF
The International Image Interoperability Framework: why it's a game-changer f...
PDF
ExperiaSphere: Open-Source Management and Orchestration--Introduction
PDF
Service-Oriented Design and Implement with Rails3
PDF
EasySOA thanks to OW2 - OW2Con 2011
PPTX
Architecting extremelylarge scale web applications
PPTX
SOA Course - Next Generation
PDF
Soa Next Generation
PDF
Business Technology Brief
PDF
Introduction to OCI Image Technologies Serving Container
Cloudy with a Chance of Bundles (and non java components) - R Nicholson & T Ward
Cloud Foundry Roadmap (Cloud Foundry Summit 2014)
Distributed Mobile Graphics
ALIVE (Newsfromthefront 2010)
Mykhailo Hryhorash: Архітектура IT-рішень (Частина 1) (UA)
Service Architectures at Scale
Mykhailo Hryhorash: Архітектура IT-рішень (Частина 1) (UA)
OW2con11 Use Case SOA, Nov 24-25, Paris
 
UNIFI.DSI.DISIT Lab Distributed Systems and Internet Technologies Lab
The International Image Interoperability Framework Why It’s a Game-Changer fo...
The International Image Interoperability Framework: why it's a game-changer f...
ExperiaSphere: Open-Source Management and Orchestration--Introduction
Service-Oriented Design and Implement with Rails3
EasySOA thanks to OW2 - OW2Con 2011
Architecting extremelylarge scale web applications
SOA Course - Next Generation
Soa Next Generation
Business Technology Brief
Introduction to OCI Image Technologies Serving Container

More from Matthias Trapp (20)

PDF
Interactive Control over Temporal Consistency while Stylizing Video Streams
PDF
A Framework for Art-directed Augmentation of Human Motion in Videos on Mobile...
PDF
A Framework for Interactive 3D Photo Stylization Techniques on Mobile Devices
PDF
ALIVE-Adaptive Chromaticity for Interactive Low-light Image and Video Enhance...
PDF
Design Space of Geometry-based Image Abstraction Techniques with Vectorizatio...
PDF
A Benchmark for the Use of Topic Models for Text Visualization Tasks - Online...
PDF
Efficient GitHub Crawling using the GraphQL API
PDF
CodeCV - Mining Expertise of GitHub Users from Coding Activities - Online.pdf
PDF
Non-Photorealistic Rendering of 3D Point Clouds for Cartographic Visualization
PDF
TWIN4ROAD - Erfassung Analyse und Auswertung mobiler Multi Sensorik im Strass...
PDF
Interactive Close-Up Rendering for Detail+Overview Visualization of 3D Digita...
PDF
Web-based and Mobile Provisioning of Virtual 3D Reconstructions
PDF
Visualization of Knowledge Distribution across Development Teams using 2.5D S...
PDF
Real-time Screen-space Geometry Draping for 3D Digital Terrain Models
PDF
FERMIUM - A Framework for Real-time Procedural Point Cloud Animation & Morphing
PDF
Interactive Editing of Signed Distance Fields
PDF
Integration of Image Processing Techniques into the Unity Game Engine
PDF
Interactive GPU-based Image Deformation for Mobile Devices
PDF
Interactive Photo Editing on Smartphones via Intrinsic Decomposition
PDF
Service-based Analysis and Abstraction for Content Moderation of Digital Images
Interactive Control over Temporal Consistency while Stylizing Video Streams
A Framework for Art-directed Augmentation of Human Motion in Videos on Mobile...
A Framework for Interactive 3D Photo Stylization Techniques on Mobile Devices
ALIVE-Adaptive Chromaticity for Interactive Low-light Image and Video Enhance...
Design Space of Geometry-based Image Abstraction Techniques with Vectorizatio...
A Benchmark for the Use of Topic Models for Text Visualization Tasks - Online...
Efficient GitHub Crawling using the GraphQL API
CodeCV - Mining Expertise of GitHub Users from Coding Activities - Online.pdf
Non-Photorealistic Rendering of 3D Point Clouds for Cartographic Visualization
TWIN4ROAD - Erfassung Analyse und Auswertung mobiler Multi Sensorik im Strass...
Interactive Close-Up Rendering for Detail+Overview Visualization of 3D Digita...
Web-based and Mobile Provisioning of Virtual 3D Reconstructions
Visualization of Knowledge Distribution across Development Teams using 2.5D S...
Real-time Screen-space Geometry Draping for 3D Digital Terrain Models
FERMIUM - A Framework for Real-time Procedural Point Cloud Animation & Morphing
Interactive Editing of Signed Distance Fields
Integration of Image Processing Techniques into the Unity Game Engine
Interactive GPU-based Image Deformation for Mobile Devices
Interactive Photo Editing on Smartphones via Intrinsic Decomposition
Service-based Analysis and Abstraction for Content Moderation of Digital Images

Recently uploaded (20)

PDF
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
PDF
Navsoft: AI-Powered Business Solutions & Custom Software Development
PDF
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
PDF
Addressing The Cult of Project Management Tools-Why Disconnected Work is Hold...
PDF
Digital Strategies for Manufacturing Companies
PPTX
L1 - Introduction to python Backend.pptx
PDF
How to Choose the Right IT Partner for Your Business in Malaysia
PDF
wealthsignaloriginal-com-DS-text-... (1).pdf
PPTX
Transform Your Business with a Software ERP System
PPTX
Operating system designcfffgfgggggggvggggggggg
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 41
PPTX
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
PDF
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...
PDF
Which alternative to Crystal Reports is best for small or large businesses.pdf
PDF
System and Network Administration Chapter 2
PPTX
Reimagine Home Health with the Power of Agentic AI​
PDF
Flood Susceptibility Mapping Using Image-Based 2D-CNN Deep Learnin. Overview ...
PDF
AI in Product Development-omnex systems
PPTX
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
PDF
Design an Analysis of Algorithms I-SECS-1021-03
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
Navsoft: AI-Powered Business Solutions & Custom Software Development
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
Addressing The Cult of Project Management Tools-Why Disconnected Work is Hold...
Digital Strategies for Manufacturing Companies
L1 - Introduction to python Backend.pptx
How to Choose the Right IT Partner for Your Business in Malaysia
wealthsignaloriginal-com-DS-text-... (1).pdf
Transform Your Business with a Software ERP System
Operating system designcfffgfgggggggvggggggggg
Internet Downloader Manager (IDM) Crack 6.42 Build 41
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...
Which alternative to Crystal Reports is best for small or large businesses.pdf
System and Network Administration Chapter 2
Reimagine Home Health with the Power of Agentic AI​
Flood Susceptibility Mapping Using Image-Based 2D-CNN Deep Learnin. Overview ...
AI in Product Development-omnex systems
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
Design an Analysis of Algorithms I-SECS-1021-03

Service-based Processing and Provisioning of Image-Abstraction Techniques

  • 1. M. RICHTER, M. SÖCHTING, A. SEMMO, J. DÖLLNER, M. TRAPP
  • 2. User generated content (UGC) as worldwide central source and medium for information, entertainment, documentation, and communication Images shared [kbcp2016] [https://www.instagram.com/explore/tags/nature/]
  • 3. Observation ▪ Image abstraction techniques are widely used for entertainment purposes ▪ Artistic image abstractions are more likely to be distributed and shared than photorealistic images [Bakhshi et al. 2015] ▪ Image abstraction is a typical approach to share images with sensitive content Objective ▪ Support image enhancement and image abstraction techniques ▪ Produce artistic effects such as obtained by style transfer [Gatys et al., 2016] ▪ Provide interactive image manipulation and give control over displayed content with an adjustable degree of abstraction and stylization
  • 4. ▪ Mobile on-device image stylization application with high degree of interactivity and parameterization utilizing the generic image effect representation [Dürschmid et al., 2017] ▪ Limitations: (1) Design, implementation, testing and deployment are cost-intensive; (2) device heterogeneity; (3) image resolution and processing time
  • 5. ▪ Server-side processing: heterogeneous clients can be attached to provide hardware-independent cross- platform solutions ▪ Service-Oriented Architecture (SOA) pattern is predominant design pattern [Winkler et al., 2013] ▪ Outsourcing of intensive processing tasks to the server ▪ Clients only trigger processing, download, and display results (thin clients) ▪ Low battery consumption of mobile clients ▪ Images mostly reside on cloud storages (e.g., Instagram, Facebook) ▪ Image management and processing is feasible without roundtrip over client device
  • 6. 1. Service-based system for off-device image processing by compositing atomic low- to high-level services 2. Provisioning of platform-independent representations of image effects for customizable configuration 3. Demonstration for Android and desktop systems, and integration into the Google Office Suite
  • 8. ▪ Service components of server infrastructure
  • 9. ▪ Service components of server infrastructure ▪ Orchestration Service ▪ API gateway providing the service endpoints ▪ Composition of low-level services to high-level service (Orchestration)
  • 10. ▪ Service components of server infrastructure ▪ Orchestration Service ▪ API gateway providing the service endpoints ▪ Composition of low-level services to high-level service (Orchestration) ▪ Image Processing Service ▪ Central component for processing images ▪ Requires an image and an image effect and outputs a stylized image
  • 11. ▪ Service components of server infrastructure ▪ Orchestration Service ▪ API gateway providing the service endpoints ▪ Composition of low-level services to high-level service (Orchestration) ▪ Image Processing Service ▪ Central component for processing images ▪ Requires an image and an image effect and outputs a stylized image ▪ Effect Service ▪ Storing and provisioning of image effects ▪ Image effects comprise platform-independent information (e.g., parameters, presets) and implementation-specific assets (shader) Shader XML-based effect definition
  • 12. ▪ Service components of server infrastructure ▪ Orchestration Service ▪ API gateway providing the service endpoints ▪ Composition of low-level services to high-level service (Orchestration) ▪ Image Processing Service ▪ Central component for processing images ▪ Requires an image and an image effect and outputs a stylized image ▪ Effect Service ▪ Storing and provisioning of image effects ▪ Image effects comprise platform-independent information (e.g., parameters, presets) and implementation-specific assets (shader) ▪ Resource Management Service ▪ Responsible for storing and provision of resource data (images) ▪ Caching of intermediate results
  • 13. ▪ Wide range of clients can use the services via the language-agnostic interface of the Orchestration Service
  • 14. ▪ Two major factors affect runtime performance: ▪ Data transmission ▪ Data processing ▪ Runtime of image processing linearly depends on resolution ▪ High-resolution images (256 megapixels) can be processed but requires more than 4 GB RAM ▪ The implementation is not real-time capable yet ▪ Processing of common HD resolutions takes 0.3-0.7s ▪ Effect loading and image decoding are bottlenecks
  • 15. Service-based image-processing system with the following properties: ▪ Atomic services allow composition and creation of higher-level services ▪ Execution of resource intensive tasks ▪ Provisioning of platform-independent effect representations with highly customizable configuration ▪ Demonstration for research and industrial applications Future Work ▪ Extend service-based processing approach for video processing ▪ Speed up and scale up the image processing service ▪ Support tile-based rendering to process images with resolutions higher than 16k2 pixels
  • 16. Contact ▪ Marvin Richter (marvin.richter@hpi.de) ▪ HPI Computer Graphics Systems Group (Image & Video Processing) ▪ This work was partly funded by the Federal Ministry of Education and Research (BMBF) for the AVA project 01IS15041B (https://ava.hpi3d.de) ▪ Industry Partner: Digital Masterpieces GmbH (http://www.digitalmasterpieces.com)
  • 17. ▪ [kbcp2016] https://www.scoopnest.com/user/ValaAfshar/738076291874889728 ▪ [Winkler et al., 2013] Robert P. Winkler and Chris Schlesiger. Image processing rest web services. Technical Report ARL-TR-6393, Army Research Laboraty, Adelphi, MD 20783-119, 2013. ▪ [Bakhshi et al. 2015] Saeideh Bakhshi, David A Shamma, Lyndon Kennedy, and Eric Gilbert. 2015. Why We Filter Our Photos and How It Impacts Engagement. In Proc. ICWSM. 12–21. ▪ [Gatys et al., 2016] Leon A. Gatys, Matthias Bethge, Aaron Hertzmann, and Eli Shechtman. 2016a. Preserving Color in Neural Artistic Style Transfer. arXiv.org report 1606.05897. https://arxiv.org/abs/1606.05897 ▪ [Dürschmid et al., 2017] Tobias Dürschmid, Maximilian Söchting, Amir Semmo, Matthias Trapp, and Jürgen Döllner. Prosumerfx: Mobile design of image stylization components. In SIGGRAPH Asia 2017 Mobile Graphics & Interactive Applications, SA ’17, pages 1:1–1:8, New York, NY, USA, 2017. ACM.
  • 18. Misc
  • 21. • To tackle more complex use cases and build higher level services for divers visual media applications composition is a critical question • Two composition strategies are prevelant: • Orchestration: single centralized process coordinates the interaction among different services • Choreography: direct decentralized communication between services • Examples of orchestration metaservices: • 1) image processing (server-side orchestration) • 2) effect composition in android client (client-side orchestration) Client-side composition of effects Orchestration vs. Choreography
  • 22. • Number of users increases exponetially → Deploy services on server farms (AWS, Hetzner) • Goal • Make the system scalable • Dynamic increase of service instances • Load balancing • Resource management on distributed data Microservices Scaling
  • 23. 1. Services should be small and focus on one specific thing (Keep scope and functionality small) 2. Services should run in their own containers/environments 3. Each service owns its own data (individual database) 4. Services communiate via language-agnostic APIs (e.g., REST, SOAP, Message Broker such as RabbitMQ and Apache Kafka, …) 5. Services are independently deployable and scalable