AEM Evernote Sync

transcript

Capturing Existing Content with AEM Kevin Nennig | nennig@adobe.comBob O’Connor | oconnor@adobe.com

Evernote Clipper

Evernote Demo

Intro - Story

The Concept

Easy right?

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

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?

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?

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 ??????????

Different Methods of Sync

Scheduled Task Periodic Importer JSP scripting Sync with VLT

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

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

The Project

OSGi Configurations The Bundle Evernote Component Demo Content

OSGi Configurations

The Project

The Bundle

Scheduled task every minute

The Bundle – Getting Notes

The Bundle – Service User

Localhost:4502/crx/explorer

Set permissions in /useradmin

The Bundle - Sync

The Bundle – Imported Assets

The Bundle – Imported Asset Properties

The Project

Evernote Component

Evernote Component – Asset Finder

evernoteController.js

Evernote Component

Evernote Component - note-viewer.html

Evernote Component - Java Use Class

………

The Project

What’s currently supported

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

Future thoughts

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

Evernote Collaboration Scrape existing content

AEM New content Presentation Brand management

Kumbaya Best of both worlds

Technical Take-aways

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?

Resources

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

Thank you!!!!

Kevin Nennig nennig@adobe.com @knennigtri

Bob O’Connor oconnor@adobe.com LinkedIn

AEM Evernote Sync

Technology