SlideShare a Scribd company logo
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Adobe Stock Integration community project
Sergii Ivashchenko | @sergeivaschenko
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Overview
 Community project
 Launched at Imagine 2019
 Enables merchants to add high quality stock images to the website content
without leaving Magento Admin
 First community project created in collaboration with Adobe team
2
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Adobe Stock
Find the perfect stock asset for your next creative project
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Media Marketplace
 Images
 Videos
 Templates
 3D models
4
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Video overview
5
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Adobe Stock API
 Comprehensive image search
 Licensing images
 Good documentation
 SDK for many languages including PHP
 github.com/adobe/stock-api-libphp
6
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Statistics
7
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Vision & goals
Enable merchants to add high quality stock images to the website
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Access from the media gallery
9
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Browsing the gallery
10
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Retrieving an image
11
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Insert an Image
 CMS Page/Block
 Product
 Category
 Page Builder
 etc
12
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Goals
 Milestone 1 - Search and upload watermarked preview
 Image search GUI in Magento Admin
 Image Search API
 Integration with Media Gallery
 Save image and attributes
 Milestone 2 - License stock images
 Adobe login with IMS
 Image License API
 Milestone 3 - Replace watermarked preview with licensed image
 Update Media Gallery UI to display image attributes
 License preview image
 Replace preview with licensed copy in Media Storage and content pages
13
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Technical Details
Implementation
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Modules Structure
15
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
UI
 Listing UI component
 2 customized listing columns UI components
 Masonry (images grid) column
 Expanded view column
 Supports listing compatible UI components
16
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
API
17
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Search API
18
namespace MagentoAdobeStockImageApiApi;
use MagentoFrameworkApiSearchCriteriaInterface;
use MagentoFrameworkApiSearchResultsInterface;
/**
* @api
*/
interface GetImageListInterface
{
/**
* @param SearchCriteriaInterface $searchCriteria
* @return SearchResultsInterface
*/
public function execute(SearchCriteriaInterface $searchCriteria):
SearchResultsInterface;
}
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Project status: Milestone 1
 Completed
 Access from media gallery
 Customized UI listing
 Search API
 Configuration
 In progress
 Expanded view
 Save image functionality
 Tests coverage
19
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Community Driven Development
Life is not accumulation, it is about contribution
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Repositories
 github.com/magento/adobe-stock-integration
 + github.com/adobe/stock-api-libphp
21
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Backlog
22
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Test cases
app.hiptest.com/projects/131313
23
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Community Engineering Slack Workspace: #adobe-stock
24
tinyurl.com/engcom-slack
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Community Portal
opensource.magento.com
25
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Contributors
26
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Contribution partners
27
© 2019 Adobe. All Rights Reserved. Adobe Confidential.
Thank you!
 @sergeivaschenko
 engcom@magento.com
 http://tinyurl.com/engcom-slack
28
Adobe Stock Integration community project

More Related Content

What's hot

adaptTo() 2014 - Mobile app dev with Cordova, Sling, and AEM
adaptTo() 2014 - Mobile app dev with Cordova, Sling, and AEMadaptTo() 2014 - Mobile app dev with Cordova, Sling, and AEM
adaptTo() 2014 - Mobile app dev with Cordova, Sling, and AEM
rbl002
 
What are The Top Features of Angular 7?
What are The Top Features of Angular 7?What are The Top Features of Angular 7?
What are The Top Features of Angular 7?
NCode Technologies, Inc.
 
Consume (UI5) Web Apps from the HTML5 Application Repository
Consume (UI5) Web Apps from the HTML5 Application RepositoryConsume (UI5) Web Apps from the HTML5 Application Repository
Consume (UI5) Web Apps from the HTML5 Application Repository
Marius Obert
 
Top angular component libraries to use in 2020 (build amazing web solution fa...
Top angular component libraries to use in 2020 (build amazing web solution fa...Top angular component libraries to use in 2020 (build amazing web solution fa...
Top angular component libraries to use in 2020 (build amazing web solution fa...
Katy Slemon
 
Ionic and Azure
Ionic and AzureIonic and Azure
Ionic and Azure
laloving
 
App and web with Hippo CMS and AngularJS
App and web with Hippo CMS and AngularJS App and web with Hippo CMS and AngularJS
App and web with Hippo CMS and AngularJS
Peter Broekroelofs
 
[UI5con 2020 - Belgium] Boost your UI5 apps with server side rendering
[UI5con 2020 - Belgium] Boost your UI5 apps with server side rendering[UI5con 2020 - Belgium] Boost your UI5 apps with server side rendering
[UI5con 2020 - Belgium] Boost your UI5 apps with server side rendering
Nitish Mehta
 
Developing ionic apps for android and ios
Developing ionic apps for android and iosDeveloping ionic apps for android and ios
Developing ionic apps for android and ios
gautham_m79
 
Startup Concept Development with Remote Resources using React Native, Enginee...
Startup Concept Development with Remote Resources using React Native, Enginee...Startup Concept Development with Remote Resources using React Native, Enginee...
Startup Concept Development with Remote Resources using React Native, Enginee...
engineermaste solution
 
Introduce Android TV and new features from Google I/O 2016
Introduce Android TV and new features from Google I/O 2016Introduce Android TV and new features from Google I/O 2016
Introduce Android TV and new features from Google I/O 2016
GDG Korea
 
GDG Oslo: Hidden Android features
GDG Oslo: Hidden Android featuresGDG Oslo: Hidden Android features
GDG Oslo: Hidden Android features
Konstantin Loginov
 
Google Cloud Enpoints
Google Cloud EnpointsGoogle Cloud Enpoints
Google Cloud Enpoints
Mattia Gasperotti
 
Amazon Final internship presentation
Amazon Final internship presentationAmazon Final internship presentation
Amazon Final internship presentation
Steven Nguyen
 
App Engine/GWT overview (STLIC 02-10)
App Engine/GWT overview (STLIC 02-10)App Engine/GWT overview (STLIC 02-10)
App Engine/GWT overview (STLIC 02-10)
jasonacooper
 

What's hot (14)

adaptTo() 2014 - Mobile app dev with Cordova, Sling, and AEM
adaptTo() 2014 - Mobile app dev with Cordova, Sling, and AEMadaptTo() 2014 - Mobile app dev with Cordova, Sling, and AEM
adaptTo() 2014 - Mobile app dev with Cordova, Sling, and AEM
 
What are The Top Features of Angular 7?
What are The Top Features of Angular 7?What are The Top Features of Angular 7?
What are The Top Features of Angular 7?
 
Consume (UI5) Web Apps from the HTML5 Application Repository
Consume (UI5) Web Apps from the HTML5 Application RepositoryConsume (UI5) Web Apps from the HTML5 Application Repository
Consume (UI5) Web Apps from the HTML5 Application Repository
 
Top angular component libraries to use in 2020 (build amazing web solution fa...
Top angular component libraries to use in 2020 (build amazing web solution fa...Top angular component libraries to use in 2020 (build amazing web solution fa...
Top angular component libraries to use in 2020 (build amazing web solution fa...
 
Ionic and Azure
Ionic and AzureIonic and Azure
Ionic and Azure
 
App and web with Hippo CMS and AngularJS
App and web with Hippo CMS and AngularJS App and web with Hippo CMS and AngularJS
App and web with Hippo CMS and AngularJS
 
[UI5con 2020 - Belgium] Boost your UI5 apps with server side rendering
[UI5con 2020 - Belgium] Boost your UI5 apps with server side rendering[UI5con 2020 - Belgium] Boost your UI5 apps with server side rendering
[UI5con 2020 - Belgium] Boost your UI5 apps with server side rendering
 
Developing ionic apps for android and ios
Developing ionic apps for android and iosDeveloping ionic apps for android and ios
Developing ionic apps for android and ios
 
Startup Concept Development with Remote Resources using React Native, Enginee...
Startup Concept Development with Remote Resources using React Native, Enginee...Startup Concept Development with Remote Resources using React Native, Enginee...
Startup Concept Development with Remote Resources using React Native, Enginee...
 
Introduce Android TV and new features from Google I/O 2016
Introduce Android TV and new features from Google I/O 2016Introduce Android TV and new features from Google I/O 2016
Introduce Android TV and new features from Google I/O 2016
 
GDG Oslo: Hidden Android features
GDG Oslo: Hidden Android featuresGDG Oslo: Hidden Android features
GDG Oslo: Hidden Android features
 
Google Cloud Enpoints
Google Cloud EnpointsGoogle Cloud Enpoints
Google Cloud Enpoints
 
Amazon Final internship presentation
Amazon Final internship presentationAmazon Final internship presentation
Amazon Final internship presentation
 
App Engine/GWT overview (STLIC 02-10)
App Engine/GWT overview (STLIC 02-10)App Engine/GWT overview (STLIC 02-10)
App Engine/GWT overview (STLIC 02-10)
 

Similar to Adobe Stock Integration community project

Backward compatible development in examples
Backward compatible development in examplesBackward compatible development in examples
Backward compatible development in examples
Sergii Ivashchenko
 
Evolve18 | Carmen Sutter & Sarah Xu | Accelerate your Digital Experience with...
Evolve18 | Carmen Sutter & Sarah Xu | Accelerate your Digital Experience with...Evolve18 | Carmen Sutter & Sarah Xu | Accelerate your Digital Experience with...
Evolve18 | Carmen Sutter & Sarah Xu | Accelerate your Digital Experience with...
Evolve The Adobe Digital Marketing Community
 
Divya Jain at AI Frontiers : Video Summarization
Divya Jain at AI Frontiers : Video SummarizationDivya Jain at AI Frontiers : Video Summarization
Divya Jain at AI Frontiers : Video Summarization
AI Frontiers
 
Developer Services: Making Developers Successful
Developer Services: Making Developers SuccessfulDeveloper Services: Making Developers Successful
Developer Services: Making Developers Successful
Apigee | Google Cloud
 
Neo4j GraphTour New York_ Adobe Presentation_David Fox
Neo4j GraphTour New York_ Adobe Presentation_David FoxNeo4j GraphTour New York_ Adobe Presentation_David Fox
Neo4j GraphTour New York_ Adobe Presentation_David Fox
Neo4j
 
SUSE Technical Webinar: Build B1 apps in the Framework of the SAP and SUSE Ca...
SUSE Technical Webinar: Build B1 apps in the Framework of the SAP and SUSE Ca...SUSE Technical Webinar: Build B1 apps in the Framework of the SAP and SUSE Ca...
SUSE Technical Webinar: Build B1 apps in the Framework of the SAP and SUSE Ca...
SAP PartnerEdge program for Application Development
 
Modernizing Adobe Experience Manager (AEM)
Modernizing Adobe Experience Manager (AEM)Modernizing Adobe Experience Manager (AEM)
Modernizing Adobe Experience Manager (AEM)
Gabriel Walt
 
Building Mobile Apps: A PhoneGap Enterprise Introduction for Developers
Building Mobile Apps: A PhoneGap Enterprise Introduction for DevelopersBuilding Mobile Apps: A PhoneGap Enterprise Introduction for Developers
Building Mobile Apps: A PhoneGap Enterprise Introduction for Developers
arumsey
 
Evolve 19 | Sarah Xu & Kanika Gera | Adobe I/O - Why You Need it to Execute o...
Evolve 19 | Sarah Xu & Kanika Gera | Adobe I/O - Why You Need it to Execute o...Evolve 19 | Sarah Xu & Kanika Gera | Adobe I/O - Why You Need it to Execute o...
Evolve 19 | Sarah Xu & Kanika Gera | Adobe I/O - Why You Need it to Execute o...
Evolve The Adobe Digital Marketing Community
 
Declarative Import with Magento 2 Import Framework (M2IF)
Declarative Import with Magento 2 Import Framework (M2IF)Declarative Import with Magento 2 Import Framework (M2IF)
Declarative Import with Magento 2 Import Framework (M2IF)
Tim Wagner
 
Building an Attribution engine with Bizible and Marketo (Adobe Summit)
Building an Attribution engine with Bizible and Marketo (Adobe Summit) Building an Attribution engine with Bizible and Marketo (Adobe Summit)
Building an Attribution engine with Bizible and Marketo (Adobe Summit)
Kashif Khurshid
 
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
Nathalie Biernacki Ferguson
 
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
Marketo
 
API Management: Unlock the Value of Your Unique Assets with a Robust API
API Management: Unlock the Value of Your Unique Assets with a Robust APIAPI Management: Unlock the Value of Your Unique Assets with a Robust API
API Management: Unlock the Value of Your Unique Assets with a Robust API
Software AG
 
User Interface customization for AEM 6
User Interface customization for AEM 6User Interface customization for AEM 6
User Interface customization for AEM 6
Damien Antipa
 
UI Customization in AEM 6.0
UI Customization in AEM 6.0UI Customization in AEM 6.0
UI Customization in AEM 6.0
Gilles Knobloch
 
Adobe Experience Manager Livefyre Overview
Adobe Experience Manager Livefyre OverviewAdobe Experience Manager Livefyre Overview
Adobe Experience Manager Livefyre Overview
Adobe
 
Fuel your mobile apps with assets and content
Fuel your mobile apps with assets and contentFuel your mobile apps with assets and content
Fuel your mobile apps with assets and content
arumsey
 
SPA Editor - Adobe Experience Manager Sites
SPA Editor - Adobe Experience Manager SitesSPA Editor - Adobe Experience Manager Sites
SPA Editor - Adobe Experience Manager Sites
Gabriel Walt
 
User interface customization for aem6 circuit
User interface customization for aem6 circuitUser interface customization for aem6 circuit
User interface customization for aem6 circuit
Damien Antipa
 

Similar to Adobe Stock Integration community project (20)

Backward compatible development in examples
Backward compatible development in examplesBackward compatible development in examples
Backward compatible development in examples
 
Evolve18 | Carmen Sutter & Sarah Xu | Accelerate your Digital Experience with...
Evolve18 | Carmen Sutter & Sarah Xu | Accelerate your Digital Experience with...Evolve18 | Carmen Sutter & Sarah Xu | Accelerate your Digital Experience with...
Evolve18 | Carmen Sutter & Sarah Xu | Accelerate your Digital Experience with...
 
Divya Jain at AI Frontiers : Video Summarization
Divya Jain at AI Frontiers : Video SummarizationDivya Jain at AI Frontiers : Video Summarization
Divya Jain at AI Frontiers : Video Summarization
 
Developer Services: Making Developers Successful
Developer Services: Making Developers SuccessfulDeveloper Services: Making Developers Successful
Developer Services: Making Developers Successful
 
Neo4j GraphTour New York_ Adobe Presentation_David Fox
Neo4j GraphTour New York_ Adobe Presentation_David FoxNeo4j GraphTour New York_ Adobe Presentation_David Fox
Neo4j GraphTour New York_ Adobe Presentation_David Fox
 
SUSE Technical Webinar: Build B1 apps in the Framework of the SAP and SUSE Ca...
SUSE Technical Webinar: Build B1 apps in the Framework of the SAP and SUSE Ca...SUSE Technical Webinar: Build B1 apps in the Framework of the SAP and SUSE Ca...
SUSE Technical Webinar: Build B1 apps in the Framework of the SAP and SUSE Ca...
 
Modernizing Adobe Experience Manager (AEM)
Modernizing Adobe Experience Manager (AEM)Modernizing Adobe Experience Manager (AEM)
Modernizing Adobe Experience Manager (AEM)
 
Building Mobile Apps: A PhoneGap Enterprise Introduction for Developers
Building Mobile Apps: A PhoneGap Enterprise Introduction for DevelopersBuilding Mobile Apps: A PhoneGap Enterprise Introduction for Developers
Building Mobile Apps: A PhoneGap Enterprise Introduction for Developers
 
Evolve 19 | Sarah Xu & Kanika Gera | Adobe I/O - Why You Need it to Execute o...
Evolve 19 | Sarah Xu & Kanika Gera | Adobe I/O - Why You Need it to Execute o...Evolve 19 | Sarah Xu & Kanika Gera | Adobe I/O - Why You Need it to Execute o...
Evolve 19 | Sarah Xu & Kanika Gera | Adobe I/O - Why You Need it to Execute o...
 
Declarative Import with Magento 2 Import Framework (M2IF)
Declarative Import with Magento 2 Import Framework (M2IF)Declarative Import with Magento 2 Import Framework (M2IF)
Declarative Import with Magento 2 Import Framework (M2IF)
 
Building an Attribution engine with Bizible and Marketo (Adobe Summit)
Building an Attribution engine with Bizible and Marketo (Adobe Summit) Building an Attribution engine with Bizible and Marketo (Adobe Summit)
Building an Attribution engine with Bizible and Marketo (Adobe Summit)
 
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
 
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
Leveraging customer feedback - Diederik Martens - Chapmanbright - Adobe Summi...
 
API Management: Unlock the Value of Your Unique Assets with a Robust API
API Management: Unlock the Value of Your Unique Assets with a Robust APIAPI Management: Unlock the Value of Your Unique Assets with a Robust API
API Management: Unlock the Value of Your Unique Assets with a Robust API
 
User Interface customization for AEM 6
User Interface customization for AEM 6User Interface customization for AEM 6
User Interface customization for AEM 6
 
UI Customization in AEM 6.0
UI Customization in AEM 6.0UI Customization in AEM 6.0
UI Customization in AEM 6.0
 
Adobe Experience Manager Livefyre Overview
Adobe Experience Manager Livefyre OverviewAdobe Experience Manager Livefyre Overview
Adobe Experience Manager Livefyre Overview
 
Fuel your mobile apps with assets and content
Fuel your mobile apps with assets and contentFuel your mobile apps with assets and content
Fuel your mobile apps with assets and content
 
SPA Editor - Adobe Experience Manager Sites
SPA Editor - Adobe Experience Manager SitesSPA Editor - Adobe Experience Manager Sites
SPA Editor - Adobe Experience Manager Sites
 
User interface customization for aem6 circuit
User interface customization for aem6 circuitUser interface customization for aem6 circuit
User interface customization for aem6 circuit
 

More from Magecom UK Limited

Magento Meetup #12. Alex Shkurko.pptx
Magento Meetup #12. Alex Shkurko.pptxMagento Meetup #12. Alex Shkurko.pptx
Magento Meetup #12. Alex Shkurko.pptx
Magecom UK Limited
 
Magento Meetup #12 Anastasiia Bondar
Magento Meetup #12 Anastasiia BondarMagento Meetup #12 Anastasiia Bondar
Magento Meetup #12 Anastasiia Bondar
Magecom UK Limited
 
Magento Meetup #12 Vlad Opukhlyi
Magento Meetup #12 Vlad OpukhlyiMagento Meetup #12 Vlad Opukhlyi
Magento Meetup #12 Vlad Opukhlyi
Magecom UK Limited
 
Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...
Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...
Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...
Magecom UK Limited
 
Magento NodeJS Microservices — Yegor Shytikov | Magento Meetup Online #11
Magento NodeJS Microservices — Yegor Shytikov | Magento Meetup Online #11Magento NodeJS Microservices — Yegor Shytikov | Magento Meetup Online #11
Magento NodeJS Microservices — Yegor Shytikov | Magento Meetup Online #11
Magecom UK Limited
 
Magento enhanced media gallery - Alexander Shkurko
Magento enhanced media gallery - Alexander ShkurkoMagento enhanced media gallery - Alexander Shkurko
Magento enhanced media gallery - Alexander Shkurko
Magecom UK Limited
 
7 ошибок одного Black Friday - Влад Опухлый
7 ошибок одного Black Friday - Влад Опухлый7 ошибок одного Black Friday - Влад Опухлый
7 ошибок одного Black Friday - Влад Опухлый
Magecom UK Limited
 
Magento & Cloud - Korostelov Avexey
Magento & Cloud - Korostelov AvexeyMagento & Cloud - Korostelov Avexey
Magento & Cloud - Korostelov Avexey
Magecom UK Limited
 
Making the Magento 2 Javascript Loading Great Again - Robin van Raan
Making the Magento 2 Javascript Loading Great Again - Robin van RaanMaking the Magento 2 Javascript Loading Great Again - Robin van Raan
Making the Magento 2 Javascript Loading Great Again - Robin van Raan
Magecom UK Limited
 
Deep Dive in Magento DI
Deep Dive in Magento DIDeep Dive in Magento DI
Deep Dive in Magento DI
Magecom UK Limited
 
From Repositories to Commands - Alexander Shkurko
From Repositories to Commands - Alexander Shkurko From Repositories to Commands - Alexander Shkurko
From Repositories to Commands - Alexander Shkurko
Magecom UK Limited
 
Advanced GIT or How to Change the History
Advanced GIT  or How to Change the HistoryAdvanced GIT  or How to Change the History
Advanced GIT or How to Change the History
Magecom UK Limited
 
MSI In-Store Pickup Функционал & сложности
MSI In-Store Pickup Функционал & сложностиMSI In-Store Pickup Функционал & сложности
MSI In-Store Pickup Функционал & сложности
Magecom UK Limited
 
Proof of Concept for Magento 2 Projects: Occamo’s Razor
Proof of Concept for Magento 2 Projects: Occamo’s RazorProof of Concept for Magento 2 Projects: Occamo’s Razor
Proof of Concept for Magento 2 Projects: Occamo’s Razor
Magecom UK Limited
 
Что нужно знать девелоперу о SEO на этапе проектирования сайта
Что нужно знать девелоперу о SEO на этапе проектирования сайтаЧто нужно знать девелоперу о SEO на этапе проектирования сайта
Что нужно знать девелоперу о SEO на этапе проектирования сайта
Magecom UK Limited
 
Magento-сертификация: инструкция по применению и как это было
Magento-сертификация: инструкция по применению и как это былоMagento-сертификация: инструкция по применению и как это было
Magento-сертификация: инструкция по применению и как это было
Magecom UK Limited
 
Experience in Magento Community Projects
Experience in Magento Community ProjectsExperience in Magento Community Projects
Experience in Magento Community Projects
Magecom UK Limited
 
UI components: synergy of backend and frontend
UI components: synergy of backend and frontendUI components: synergy of backend and frontend
UI components: synergy of backend and frontend
Magecom UK Limited
 
MSI - Reservation Challenges with 3rd-party Systems
MSI - Reservation Challenges with 3rd-party SystemsMSI - Reservation Challenges with 3rd-party Systems
MSI - Reservation Challenges with 3rd-party Systems
Magecom UK Limited
 
Business wants what?!
Business wants what?!Business wants what?!
Business wants what?!
Magecom UK Limited
 

More from Magecom UK Limited (20)

Magento Meetup #12. Alex Shkurko.pptx
Magento Meetup #12. Alex Shkurko.pptxMagento Meetup #12. Alex Shkurko.pptx
Magento Meetup #12. Alex Shkurko.pptx
 
Magento Meetup #12 Anastasiia Bondar
Magento Meetup #12 Anastasiia BondarMagento Meetup #12 Anastasiia Bondar
Magento Meetup #12 Anastasiia Bondar
 
Magento Meetup #12 Vlad Opukhlyi
Magento Meetup #12 Vlad OpukhlyiMagento Meetup #12 Vlad Opukhlyi
Magento Meetup #12 Vlad Opukhlyi
 
Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...
Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...
Google Page Insights and Magento 2 — Sergey Nezbritskiy | Magento Meetup Onli...
 
Magento NodeJS Microservices — Yegor Shytikov | Magento Meetup Online #11
Magento NodeJS Microservices — Yegor Shytikov | Magento Meetup Online #11Magento NodeJS Microservices — Yegor Shytikov | Magento Meetup Online #11
Magento NodeJS Microservices — Yegor Shytikov | Magento Meetup Online #11
 
Magento enhanced media gallery - Alexander Shkurko
Magento enhanced media gallery - Alexander ShkurkoMagento enhanced media gallery - Alexander Shkurko
Magento enhanced media gallery - Alexander Shkurko
 
7 ошибок одного Black Friday - Влад Опухлый
7 ошибок одного Black Friday - Влад Опухлый7 ошибок одного Black Friday - Влад Опухлый
7 ошибок одного Black Friday - Влад Опухлый
 
Magento & Cloud - Korostelov Avexey
Magento & Cloud - Korostelov AvexeyMagento & Cloud - Korostelov Avexey
Magento & Cloud - Korostelov Avexey
 
Making the Magento 2 Javascript Loading Great Again - Robin van Raan
Making the Magento 2 Javascript Loading Great Again - Robin van RaanMaking the Magento 2 Javascript Loading Great Again - Robin van Raan
Making the Magento 2 Javascript Loading Great Again - Robin van Raan
 
Deep Dive in Magento DI
Deep Dive in Magento DIDeep Dive in Magento DI
Deep Dive in Magento DI
 
From Repositories to Commands - Alexander Shkurko
From Repositories to Commands - Alexander Shkurko From Repositories to Commands - Alexander Shkurko
From Repositories to Commands - Alexander Shkurko
 
Advanced GIT or How to Change the History
Advanced GIT  or How to Change the HistoryAdvanced GIT  or How to Change the History
Advanced GIT or How to Change the History
 
MSI In-Store Pickup Функционал & сложности
MSI In-Store Pickup Функционал & сложностиMSI In-Store Pickup Функционал & сложности
MSI In-Store Pickup Функционал & сложности
 
Proof of Concept for Magento 2 Projects: Occamo’s Razor
Proof of Concept for Magento 2 Projects: Occamo’s RazorProof of Concept for Magento 2 Projects: Occamo’s Razor
Proof of Concept for Magento 2 Projects: Occamo’s Razor
 
Что нужно знать девелоперу о SEO на этапе проектирования сайта
Что нужно знать девелоперу о SEO на этапе проектирования сайтаЧто нужно знать девелоперу о SEO на этапе проектирования сайта
Что нужно знать девелоперу о SEO на этапе проектирования сайта
 
Magento-сертификация: инструкция по применению и как это было
Magento-сертификация: инструкция по применению и как это былоMagento-сертификация: инструкция по применению и как это было
Magento-сертификация: инструкция по применению и как это было
 
Experience in Magento Community Projects
Experience in Magento Community ProjectsExperience in Magento Community Projects
Experience in Magento Community Projects
 
UI components: synergy of backend and frontend
UI components: synergy of backend and frontendUI components: synergy of backend and frontend
UI components: synergy of backend and frontend
 
MSI - Reservation Challenges with 3rd-party Systems
MSI - Reservation Challenges with 3rd-party SystemsMSI - Reservation Challenges with 3rd-party Systems
MSI - Reservation Challenges with 3rd-party Systems
 
Business wants what?!
Business wants what?!Business wants what?!
Business wants what?!
 

Recently uploaded

WWDC 2024 Keynote Review: For CocoaCoders Austin
WWDC 2024 Keynote Review: For CocoaCoders AustinWWDC 2024 Keynote Review: For CocoaCoders Austin
WWDC 2024 Keynote Review: For CocoaCoders Austin
Patrick Weigel
 
ppt on the brain chip neuralink.pptx
ppt  on   the brain  chip neuralink.pptxppt  on   the brain  chip neuralink.pptx
ppt on the brain chip neuralink.pptx
Reetu63
 
Measures in SQL (SIGMOD 2024, Santiago, Chile)
Measures in SQL (SIGMOD 2024, Santiago, Chile)Measures in SQL (SIGMOD 2024, Santiago, Chile)
Measures in SQL (SIGMOD 2024, Santiago, Chile)
Julian Hyde
 
GreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-JurisicGreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-Jurisic
Green Software Development
 
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
safelyiotech
 
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
kgyxske
 
Preparing Non - Technical Founders for Engaging a Tech Agency
Preparing Non - Technical Founders for Engaging  a  Tech AgencyPreparing Non - Technical Founders for Engaging  a  Tech Agency
Preparing Non - Technical Founders for Engaging a Tech Agency
ISH Technologies
 
Webinar On-Demand: Using Flutter for Embedded
Webinar On-Demand: Using Flutter for EmbeddedWebinar On-Demand: Using Flutter for Embedded
Webinar On-Demand: Using Flutter for Embedded
ICS
 
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSISDECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
Tier1 app
 
14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision
ShulagnaSarkar2
 
一比一原版(USF毕业证)旧金山大学毕业证如何办理
一比一原版(USF毕业证)旧金山大学毕业证如何办理一比一原版(USF毕业证)旧金山大学毕业证如何办理
一比一原版(USF毕业证)旧金山大学毕业证如何办理
dakas1
 
Top Benefits of Using Salesforce Healthcare CRM for Patient Management.pdf
Top Benefits of Using Salesforce Healthcare CRM for Patient Management.pdfTop Benefits of Using Salesforce Healthcare CRM for Patient Management.pdf
Top Benefits of Using Salesforce Healthcare CRM for Patient Management.pdf
VALiNTRY360
 
ACE - Team 24 Wrapup event at ahmedabad.
ACE - Team 24 Wrapup event at ahmedabad.ACE - Team 24 Wrapup event at ahmedabad.
ACE - Team 24 Wrapup event at ahmedabad.
Maitrey Patel
 
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptxMigration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
ervikas4
 
UI5con 2024 - Bring Your Own Design System
UI5con 2024 - Bring Your Own Design SystemUI5con 2024 - Bring Your Own Design System
UI5con 2024 - Bring Your Own Design System
Peter Muessig
 
E-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet DynamicsE-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet Dynamics
Hornet Dynamics
 
Enums On Steroids - let's look at sealed classes !
Enums On Steroids - let's look at sealed classes !Enums On Steroids - let's look at sealed classes !
Enums On Steroids - let's look at sealed classes !
Marcin Chrost
 
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdfBaha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
Baha Majid
 
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
kalichargn70th171
 
Enhanced Screen Flows UI/UX using SLDS with Tom Kitt
Enhanced Screen Flows UI/UX using SLDS with Tom KittEnhanced Screen Flows UI/UX using SLDS with Tom Kitt
Enhanced Screen Flows UI/UX using SLDS with Tom Kitt
Peter Caitens
 

Recently uploaded (20)

WWDC 2024 Keynote Review: For CocoaCoders Austin
WWDC 2024 Keynote Review: For CocoaCoders AustinWWDC 2024 Keynote Review: For CocoaCoders Austin
WWDC 2024 Keynote Review: For CocoaCoders Austin
 
ppt on the brain chip neuralink.pptx
ppt  on   the brain  chip neuralink.pptxppt  on   the brain  chip neuralink.pptx
ppt on the brain chip neuralink.pptx
 
Measures in SQL (SIGMOD 2024, Santiago, Chile)
Measures in SQL (SIGMOD 2024, Santiago, Chile)Measures in SQL (SIGMOD 2024, Santiago, Chile)
Measures in SQL (SIGMOD 2024, Santiago, Chile)
 
GreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-JurisicGreenCode-A-VSCode-Plugin--Dario-Jurisic
GreenCode-A-VSCode-Plugin--Dario-Jurisic
 
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
 
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
一比一原版(sdsu毕业证书)圣地亚哥州立大学毕业证如何办理
 
Preparing Non - Technical Founders for Engaging a Tech Agency
Preparing Non - Technical Founders for Engaging  a  Tech AgencyPreparing Non - Technical Founders for Engaging  a  Tech Agency
Preparing Non - Technical Founders for Engaging a Tech Agency
 
Webinar On-Demand: Using Flutter for Embedded
Webinar On-Demand: Using Flutter for EmbeddedWebinar On-Demand: Using Flutter for Embedded
Webinar On-Demand: Using Flutter for Embedded
 
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSISDECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
 
14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision14 th Edition of International conference on computer vision
14 th Edition of International conference on computer vision
 
一比一原版(USF毕业证)旧金山大学毕业证如何办理
一比一原版(USF毕业证)旧金山大学毕业证如何办理一比一原版(USF毕业证)旧金山大学毕业证如何办理
一比一原版(USF毕业证)旧金山大学毕业证如何办理
 
Top Benefits of Using Salesforce Healthcare CRM for Patient Management.pdf
Top Benefits of Using Salesforce Healthcare CRM for Patient Management.pdfTop Benefits of Using Salesforce Healthcare CRM for Patient Management.pdf
Top Benefits of Using Salesforce Healthcare CRM for Patient Management.pdf
 
ACE - Team 24 Wrapup event at ahmedabad.
ACE - Team 24 Wrapup event at ahmedabad.ACE - Team 24 Wrapup event at ahmedabad.
ACE - Team 24 Wrapup event at ahmedabad.
 
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptxMigration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
 
UI5con 2024 - Bring Your Own Design System
UI5con 2024 - Bring Your Own Design SystemUI5con 2024 - Bring Your Own Design System
UI5con 2024 - Bring Your Own Design System
 
E-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet DynamicsE-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet Dynamics
 
Enums On Steroids - let's look at sealed classes !
Enums On Steroids - let's look at sealed classes !Enums On Steroids - let's look at sealed classes !
Enums On Steroids - let's look at sealed classes !
 
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdfBaha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
 
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
 
Enhanced Screen Flows UI/UX using SLDS with Tom Kitt
Enhanced Screen Flows UI/UX using SLDS with Tom KittEnhanced Screen Flows UI/UX using SLDS with Tom Kitt
Enhanced Screen Flows UI/UX using SLDS with Tom Kitt
 

Adobe Stock Integration community project

  • 1. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Adobe Stock Integration community project Sergii Ivashchenko | @sergeivaschenko
  • 2. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Overview  Community project  Launched at Imagine 2019  Enables merchants to add high quality stock images to the website content without leaving Magento Admin  First community project created in collaboration with Adobe team 2
  • 3. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Adobe Stock Find the perfect stock asset for your next creative project
  • 4. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Media Marketplace  Images  Videos  Templates  3D models 4
  • 5. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Video overview 5
  • 6. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Adobe Stock API  Comprehensive image search  Licensing images  Good documentation  SDK for many languages including PHP  github.com/adobe/stock-api-libphp 6
  • 7. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Statistics 7
  • 8. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Vision & goals Enable merchants to add high quality stock images to the website
  • 9. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Access from the media gallery 9
  • 10. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Browsing the gallery 10
  • 11. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Retrieving an image 11
  • 12. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Insert an Image  CMS Page/Block  Product  Category  Page Builder  etc 12
  • 13. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Goals  Milestone 1 - Search and upload watermarked preview  Image search GUI in Magento Admin  Image Search API  Integration with Media Gallery  Save image and attributes  Milestone 2 - License stock images  Adobe login with IMS  Image License API  Milestone 3 - Replace watermarked preview with licensed image  Update Media Gallery UI to display image attributes  License preview image  Replace preview with licensed copy in Media Storage and content pages 13
  • 14. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Technical Details Implementation
  • 15. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Modules Structure 15
  • 16. © 2019 Adobe. All Rights Reserved. Adobe Confidential. UI  Listing UI component  2 customized listing columns UI components  Masonry (images grid) column  Expanded view column  Supports listing compatible UI components 16
  • 17. © 2019 Adobe. All Rights Reserved. Adobe Confidential. API 17
  • 18. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Search API 18 namespace MagentoAdobeStockImageApiApi; use MagentoFrameworkApiSearchCriteriaInterface; use MagentoFrameworkApiSearchResultsInterface; /** * @api */ interface GetImageListInterface { /** * @param SearchCriteriaInterface $searchCriteria * @return SearchResultsInterface */ public function execute(SearchCriteriaInterface $searchCriteria): SearchResultsInterface; }
  • 19. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Project status: Milestone 1  Completed  Access from media gallery  Customized UI listing  Search API  Configuration  In progress  Expanded view  Save image functionality  Tests coverage 19
  • 20. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Community Driven Development Life is not accumulation, it is about contribution
  • 21. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Repositories  github.com/magento/adobe-stock-integration  + github.com/adobe/stock-api-libphp 21
  • 22. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Backlog 22
  • 23. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Test cases app.hiptest.com/projects/131313 23
  • 24. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Community Engineering Slack Workspace: #adobe-stock 24 tinyurl.com/engcom-slack
  • 25. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Community Portal opensource.magento.com 25
  • 26. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Contributors 26
  • 27. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Contribution partners 27
  • 28. © 2019 Adobe. All Rights Reserved. Adobe Confidential. Thank you!  @sergeivaschenko  engcom@magento.com  http://tinyurl.com/engcom-slack 28