Veeva iREP Overview & Dev guide
-
Upload
bluegrass-digital -
Category
Internet
-
view
4.557 -
download
15
Transcript of Veeva iREP Overview & Dev guide
A creative technology company
Veeva eDetail PlatformWHAT IS VEEVA CLM AND iREP?
OVERVIEW
1. Veeva is a CRM application running on top of Salesforce.com, a cloud-based CRM platform.
2. Veeva iRep is an iPad application, that can run offline content and allows REPS to demo HTML5 eDetail presentations, whilst capturing customer feedback.
What is iREP?
iRep is a transformative sales effectiveness tool that combines the power of Veeva CRM with best-in-class closed loop marketing in a single application, delivering a highly intuitive, seamless and powerful user experience.
HTML5 /
CSS
Java Script
Sales Force
ZIP Files
No Flash
TIPS & STANDARDSHOW TO STRUCTURE & PACKAGE?
eDetail Structure
Content• HTML• TEXT• PDF• IMAGES
Images• Thumbnail image• Full size image
Folders• Assets• Data• Scripts
An eDetail ZIP file will consist of:
1. Content – this is created from the supplied PSD design files and stored within the packaged ZIP file
2. Images – these are the related thumbnail and fullscreen image that gets displayed when browsing within the iREP App. There needs to be images for every Key Message
3. Folders – the developer may create various folders to place HTML code, JavaScript, CSS, Assets and other Data
Possible Packaging Optionso Packaging Instructions: 1 slide, stored in 1 zip fileo iREP Interface: Every slide will have 1 thumbnail image within the iREP presentation
overviewo Advantages: Possibility to track feedback for every slideo Disadvantages: You have to breakdown your key message into individual different files,
for every single screen = time consuming process for developers or someone to administer
1 Slide per
upload
o Packaging Instructions: Multiple slides, stored in 1 zip file, to cover 1 Key Messageo iREP Interface: Only one thumbnail image will be shown per Key Message / ZIP fileo Advantages: You can group your Key Messages into ‘chapters’ of related contento Disadvantages: You can only track feedback for each Key Message, not for each slide
within KM
1 Key Message
per upload
o Packaging Instructions: 1 entire presentation, stored in 1 zip fileo iREP Interface: 1 thumbnail image will be shown for the entire presentationo Advantages: Fast, easy upload times and for developers or someone to administero Disadvantages: Loss of feedback on the content, one overall customer reaction is
captured
1 Key Message
per upload
Packaging Options
* AE_ANEMIA_1_GR_v0001.zipAE_ANEMIA_2_GR_v0001_AE_ANEMIA.zipAE_ANEMIA_3_GR_v0001_AE_ANEMIA.zipAE_ANEMIA_4_GR_v0001_AE_ANEMIA.zipAE_ANEMIA_5_GR_v0001_AE_ANEMIA.zipAE_ANEMIA_1_GR_v0001_AE_ANEMIA.zipAE_ANORECTAL_1_GR_v0001_AE_ANORECTAL.zipAE_ANORECTAL_2_GR_v0001_AE_ANORECTAL.zipAE_RASH_1_GR_v0001_AE_RASH.zipAE_RASH_2_GR_v0001_AE_RASH.zipAE_RASH_3_GR_v0001_AE_RASH.zipAE_RASH_4_GR_v0001_AE_RASH.zip
1 SLIDE PER UPLOAD
AE_ANEMIA_1_GR_v0001.html
CONTENT
AE_ANEMIA_1_GR_v0001-full.jpgAE_ANEMIA_1_GR_v0001-thumb.jpg
IMAGES
Assets (css/img/js)Data (asset.json)Scripts (iBD.js)
FOLDERS
* Default naming convention format: Product_CountryCode_LanguageCode_keyMessage_v1.zip
Packaging Options
1. AE_ANEMIA_1_GR_v0001A.zip AE_ANEMIA_1_GR_v0001A.html
AE_ANEMIA_1_GR_v0001A-full.jpg
AE_ANEMIA_1_GR_v0001A-thumb.jpg
AE_ANEMIA_2_GR_v0001A.html
AE_ANEMIA_3_GR_v0001.html
AE_ANEMIA_4_GR_v0001A.html
2. AE_ANORECTAL_1_GR_v0001_AE_ANORECTAL.zip AE_ANORECTAL_1_GR_v0001L.html
AE_ANORECTAL_1_GR_v0001L-full.jpg
AE_ANORECTAL_1_GR_v0001L-thumb.jpg
AE_ANORECTAL_2_GR_v0001L.html
AE_RASH_1_GR_v0001_AE_RASH.zip AE_RASH_1_GR_v0001_AE_RASH.html
AE_RASH_2_GR_v0001_AE_RASH-full.jpg
AE_RASH_2_GR_v0001_AE_RASH-thumb.jpg
AE_RASH_3_GR_v0001_AE_RASH.html
AE_RASH_4_GR_v0001_AE_RASH.html
1 KEY MESSAGE PER UPLOAD
AE_ANEMIA_1_GR_v0001A.htmlAE_ANEMIA_2_GR_v0001A.htmlAE_ANEMIA_3_GR_v0001.htmlAE_ANEMIA_4_GR_v0001A.html
CONTENT
AE_ANEMIA_1_GR_v0001A-full.jpgAE_ANEMIA_1_GR_v0001A-thumb.jpg
IMAGES
Assets (css/img/js)Data (asset.json)Scripts (iBD.js)
FOLDERS
Packaging Options
1. AE_ANEMIA_1_GR_v0001A.zip AE_ANEMIA_1_GR_v0001A.html
AE_ANEMIA_1_GR_v0001A-full.jpg
AE_ANEMIA_1_GR_v0001A-thumb.jp
AE_ANEMIA_2_GR_v0001_AE_ANEMIA.html
AE_ANEMIA_3_GR_v0001_AE_ANEMIA.html
AE_ANEMIA_4_GR_v0001_AE_ANEMIA.html
AE_ANEMIA_5_GR_v0001_AE_ANEMIA.html
AE_ANORECTAL_1_GR_v0001_AE_ANORECTAL.ht
ml
AE_ANORECTAL_2_GR_v0001_AE_ANORECTAL.ht
ml
AE_RASH_1_GR_v0001_AE_RASH.html
AE_RASH_3_GR_v0001_AE_RASH.html
AE_RASH_4_GR_v0001_AE_RASH.html
1 PRESENTATION PER UPLOAD
AE_ANEMIA_1_GR_v0001A.htmlAE_ANEMIA_2_GR_v0001_AE_ANEMIA.htmlAE_ANEMIA_3_GR_v0001_AE_ANEMIA.htmlAE_ANEMIA_4_GR_v0001_AE_ANEMIA.htmlAE_ANEMIA_5_GR_v0001_AE_ANEMIA.htmlAE_ANORECTAL_1_GR_v0001_AE_ANORECTAL.htmlAE_ANORECTAL_2_GR_v0001_AE_ANORECTAL.htmlAE_RASH_1_GR_v0001_AE_RASH.html AE_RASH_3_GR_v0001_AE_RASH.htmlAE_RASH_4_GR_v0001_AE_RASH.html
CONTENT
AE_ANEMIA_1_GR_v0001A-full.jpgAE_ANEMIA_1_GR_v0001A-thumb.jpg
IMAGES
Assets (css/img/js)Data (asset.json)Scripts (iBD.js)
FOLDERS
CONTENT CREATION GUIDELINES?
Content Creation Tips1. Overview: Veeva is basically a Powerpoint Presentation on steroids, where you can utilise HTML5 & JavaScript
functionality to make your content interactive and/or animated.
2. Interactive content:• Imagery –
o A nice touch is to make background images zoom & pan to create movement on Key Message landing slides with very little contento Images should be retina optimised and/or JPEG/PNG’so When creating images, it is important to consider both image quality and quantity, to ensure the eDetail app responds quickly and
the user isn’t kept waiting for long periods while media downloads.
• Graphs & charts – animated effects can be created using a charting JavaScript library i.e. Chart.js• Simulated questionnaires and polls, with aggregated answers, can be used to add interactivity to an eDetail• Modal overlays – can be used to launch zoomed imagery; videos etc• Animated GIFS – can make content appear animated. The size of the GIF file can impact performance – so be careful• PDF’s – Veeva provides a built in PDF Viewer to launch interactive PDF documents within the presentation• Videos – MP4 video files can be launch to play (full-screen or normal) directly within the application, with sound.
Content Creation Tips3. JavaScript Speed:
• The JavaScript execution speed of Safari on the iPad is less than 10% of the speed on a desktop computer.• Complex animations that render smoothly on a computer, may appear to stutter depending on the iPad device
being used. • Using subtler or slower animations will reduce the visibility of these performance limitations.
4. Image Zooming:• This can be disabled using <meta name="viewport" content="width=device-width,initial-
scale=1,user-scalable=no" /> as part of the HTML.
For the complete guidelines please refer to the ‘CONTENT CREATION GUIDELINES doc
Navigating within an eDetail1. Building a custom menu is possible within Veeva, however care needs to be taken during design phase
that the menu position does not conflict with the position of the fixed native Veeva navigational elements.
2. Veeva iREP handles transitioning to the previous/next Key Message via a ‘long-touch & swipe’ gesture to the left/right.
3. Take care to ensure that users don’t “lose their place” whilst swiping left/right through Key Messages.
4. To create sub-navigations, allowing users to navigate content slides within a Key Message, developers can create custom vertical swiping gestures and/or use a ‘quick-touch & swipe’ gesture
Navigation Options• Swipe left or right to navigate to previous or next Key Message (zip folder)• Pinch to go back to the slides overview• Use the ‘Slides’ button top left to get back to the slides overview• Use the small arrow button (bottom left of screen) to open Key Messages
scroller
Default Veeva
Navigation
• Within 1 zipfile you can jump from 1 slide to another by simply using html code <a href=“example1.html”></a>
• From 1 zipfile to another zipfile by using some specific code <a href=“veeva:gotoSlide(example1.zip)”></a>. More information can be found in the VEEVA Content Creation Guidelines (p34)
• From 1 presentation to another presentation <a href=“veeva:gotoSlide (Stelara_RO_ro_StopStelara_Slide1_Efficacy_V00001.zip,
Stelara_RO_ro_StopStelara_V000001)
Custom Navigatio
n
Navigating within an eDetail
1. When using interactive elements in your presentation (i.e. dragging and dropping elements within a slide
or adding horizontal sliders) the Default Veeva swipe gesture should be disabled within Salesforce
2. For more information see VEEVA CLM Content Creation Guidelines document
1 slide per upload
OOTB Veeva swipe gesture will take you to the next
slide
1 key message / upload
OOTB Veeva swipe right gesture will take you from
KM1 to KM2
If you want to navigate between the slides of 1 key
message, custom inline navigation needs to be
added
1 presentation / upload
OOTB Veeva swipe won’t work as only 1 file has been
uploaded
If you want to navigate between the slides of 1 key
message, custom inline navigation needs to be
added
CALL REPORTS
How do responses show in Call Reports?
PRESENTATION NAME
Defined by the ‘eDetail
Presentation’ object PRODUCTDefined by the product to which your product Key
Messages have been linked within the ‘Key Messages’
object
KEY MESSAGE NAME
Defined by the ‘Key Messages’ object
+27 (0)21 671 1966Cape Town
+27 (0)10 003 0250Johannesburg
+44 (0)20 3326 1580London
+234 (0)81 7959 0546Lagos