EVOLVE'15 | Enhance | Bob O'Conner & Kevin Nenning | Capturing Existing Content with AEM

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Capturing Existing Content with AEM Kevin Nennig | [email protected] O’Connor | [email protected]


Ah-ha

2

AEM


Evernote Clipper

3

Evernote Demo


Intro - Story

4


The Concept

5


Easy right?

Learn the Evernote API Learn to create an OSGi bundle Integrate Done

6


Fairly easy

Learn the Evernote API Make a java application to test

Learn to create an OSGi bundle What method should I use to sync with AEM?

Integrate How do you create an AEM asset?

Done

7


Getting harder


Understand the format of an Evernote note

What information can I get back?

Whats the cost of calling the Evernote API?

Learn to create an OSGi bundle Should use the new AEM plugin Use an AEM Archetype

Front end in Touch What should the front end

look like? Integrate

How do you create an AEM asset?

Done

8


Okay… it’s time for a backlog


Understand the format of an Evernote note Can I translate that to a readable

format in AEM? What information can I get back?

Does Evernote clipper give me the same metadata?

Whats the cost of calling the Evernote API? Can I make less expensive calls?

Learn to create an OSGi bundle Should use the new AEM plugin

How does this work with Maven? …wait, how does maven work?

Use an AEM Archetype What do I actually need for this project?

Front end in Touch I need to extend the asset finder I need to override the asset finder cards Touch component placeholder? Sightly component

What should the front end look like? Css

Integrate How do you create an AEM asset? Understanding cron jobs Should I support multiple Evernote

accounts? Sync or import? JCR API or Sling API or DAM API?

Done ??????????

9


Different Methods of Sync

Scheduled Task Periodic Importer JSP scripting Sync with VLT

10



Scheduled Task – setup via cron job and configurable through OSGi Periodic Importer – Good for small amounts of data and configurable

through the JCR JSP scripting – Requires someone to start the sync and configurable

by a front end dev Sync with VLT – Can be hard to debug and is a very efficient way to

import

11



Scheduled Task – setup via cron job and configurable through OSGi Periodic Importer – Good for small amounts of data and configurable

through the JCR JSP scripting – Requires someone to start the sync and configurable

by a front end dev Sync with VLT – Can be hard to debug and is a very efficient way to

import

12


The Project

13

OSGi Configurations The Bundle Evernote Component Demo Content


OSGi Configurations

14


OSGi Configurations

15


OSGi Configurations

16


OSGi Configurations

17


OSGi Configurations

18


The Project

19



The Bundle

20


The Bundle

21

Scheduled task every minute


The Bundle – Getting Notes

22




23




24



The Bundle – Service User

25


The Bundle – Service User

26

Localhost:4502/crx/explorer

Set permissions in /useradmin


The Bundle - Sync

27


The Bundle - Sync

28


The Bundle - Sync

29


The Bundle – Imported Assets

30


The Bundle – Imported Asset Properties

31


The Project

32



Evernote Component

33


Evernote Component – Asset Finder

34


Evernote Component – Asset Finder

35

evernoteController.js


Evernote Component

36


Evernote Component - note-viewer.html

37


Evernote Component - Java Use Class

38

………


The Project

39



Demo

40

Demo


What’s currently supported

41

Single Evernote Account Sync “Dev mode” Sync Basic text and HTML from Evernote Initial Note Import only


Future thoughts

42

Enable Oauth for username/password Enable multiple Evernote accounts to Sync with AEM Enable image support from Evernote Enable Component editing on the page

Enable versioning Develop a real front end

GitHub (Grab a fork and dig in!)https://github.com/knennigtri/Import-Evernote-into-AEM

https://github.com/knennigtri/Import-Evernote-into-AEM



Business Take-aways

43

Evernote Collaboration Scrape existing content

AEM New content Presentation Brand management

Kumbaya Best of both worlds


Technical Take-aways

44

This project is a great reference for Creating a touch UI optimized component Extending the assetfinder Extending the assetfinder cards Creating a Sightly component Using OSGi config nodes Making an scheduler service





Questions?

45





Resources

46

https://sling.apache.org/documentation/the-sling-engine/service-authentication.html

Code Samples https://github.com/Adobe-Marketing-Cloud/aem-authoring-extension-a

ssetfinder-flickr

Slides http://www.slideshare.net/KevinNennig/aem-evernote-sync




https://github.com/Adobe-Marketing-Cloud/aem-authoring-extension-assetfinder-flickr



http://www.slideshare.net/KevinNennig/aem-evernote-sync

http://www.slideshare.net/KevinNennig/aem-evernote-sync




Thank you!!!!

47

Kevin Nennig [email protected] @knennigtri

Bob O’Connor [email protected] LinkedIn


Technology

EVOLVE'15 | Enhance | Bob O'Conner & Kevin Nenning | Capturing Existing Content with AEM