AEM Evernote Sync

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Capturing Existing Content with AEM
Kevin Nennig | nennig@adobe.com
Bob O’Connor | oconnor@adobe.com

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
 Make a java application to test
 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?
 Should use the new AEM plugin
 Use an AEM Archetype
 Front end in Touch
 What should the front end look
like?
 Integrate
 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?
 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
 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
 Demo Content

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
 The Bundle
 Demo Content

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
 The Bundle
 Demo Content

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

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-
assetfinder-flickr
 Slides
 http://www.slideshare.net/KevinNennig/aem-evernote-sync

Thank you!!!!
47
 Kevin Nennig
 nennig@adobe.com
 @knennigtri
 Bob O’Connor
 oconnor@adobe.com
 LinkedIn

AEM Evernote Sync

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (18)

Similar to AEM Evernote Sync

Similar to AEM Evernote Sync (20)

Recently uploaded

Recently uploaded (20)

AEM Evernote Sync

Editor's Notes