ee camp: cms training with screencasts

24
Mr. Matthew A. Crest Designer. Developer. Husband. Friend. email: tweets: web: blog: studio: [email protected] @Artletic Artletic.com DesignLitm.us LetsCollab.org

Upload: matt-crest

Post on 11-Jul-2015

668 views

Category:

Design


0 download

TRANSCRIPT

Page 1: EE Camp: CMS Training with Screencasts

Mr. Matthew A. CrestDesigner. Developer. Husband. Friend.

email: tweets:web:blog:studio:

[email protected]@ArtleticArtletic.comDesignLitm.usLetsCollab.org

Page 2: EE Camp: CMS Training with Screencasts

Client CMS Training“The Hando!”

“Transition”

“Are we there yet?”

Page 3: EE Camp: CMS Training with Screencasts

Typical Client GuideText document to explain how things work.

Page 4: EE Camp: CMS Training with Screencasts
Page 5: EE Camp: CMS Training with Screencasts
Page 6: EE Camp: CMS Training with Screencasts

!is x 12 pages != fun

Page 7: EE Camp: CMS Training with Screencasts

!at is a suck.• Takes hours to create

• May skip something a client forgets. Every. Single. Time.

• Repeated explanations of how to do something

Page 8: EE Camp: CMS Training with Screencasts

Video Client GuideQuick screencasts to show how things work.

Page 9: EE Camp: CMS Training with Screencasts

Method 1: In an EE template• The videos are viewable on the regular website

• Restrict the template to logged in Admins

Page 10: EE Camp: CMS Training with Screencasts
Page 11: EE Camp: CMS Training with Screencasts
Page 12: EE Camp: CMS Training with Screencasts
Page 13: EE Camp: CMS Training with Screencasts
Page 14: EE Camp: CMS Training with Screencasts

!at’s more better

Page 15: EE Camp: CMS Training with Screencasts

Method 2: Accessory• Exists in the Control Panel

• New to EE 2.x

• Tutorials readily available (always by the thing they’re having trouble with)

Page 16: EE Camp: CMS Training with Screencasts

Accessory

Page 17: EE Camp: CMS Training with Screencasts

Accessory

Page 18: EE Camp: CMS Training with Screencasts

Make it happenRecord - upload - show

Page 19: EE Camp: CMS Training with Screencasts

Record the screencast• Options: Screenr, ScreenToaster, Screen"ick

• Web apps are easiest to use, but have drawbacks: privacy & concern over their longevity

• Recording & hosting your own is better IMHO, but requires a bit more work (#le conversion mostly)

• I use Screen"ick

• Upload the video #le via FTP

Page 20: EE Camp: CMS Training with Screencasts

Install the accessory• client_training added to:

• system/expressionengine/third_party/

• themes/third_party/

Page 21: EE Camp: CMS Training with Screencasts

Customize the accessory/system/expressionengine/third_parties/client_training/views/video_embed.php

Add in the video title, description, and #le location

Page 22: EE Camp: CMS Training with Screencasts

Customize the accessory/system/expressionengine/third_parties/client_training/views/video_embed.php

Add in the video title, description, and #le location

Page 23: EE Camp: CMS Training with Screencasts

Further Information• Will have an article on this topic posted in the next

week to Design Litmus blog

• Will also post: code samples & EE accessory

• http://DesignLitm.us

• @DesignLitmus

Page 24: EE Camp: CMS Training with Screencasts

Good day.

Matt Crest@Artletichttp://Artletic.com