Presentation from the 2013 NSPA Conventions in San Francisco and Boston regarding the integration of print yearbooks and online media.

1. 1
How to
bring your
yearbook
online
Ryan Demo
Bellarmine College
Preparatory
Carillon Yearbook
Editor-in-Chief

2. Parts of a Yearbook
Journalists
Photographers
Designers
The structure is there – you just have to manipulate it to make
it work for you
2

3. Levels of Online Integration
Photo Galleries
YouTube/Vimeo Channel
News Website
Interactive Print
3

4. Step 1
online photo gallery
4

5. You Already Take Tons of Photos
Photographers take hundreds of photos at events, but only a
few go on the spread
People want these extra photos
Rating system
1 Star – Bad
2 Stars – Online
3 Stars – Spread
4 Stars – Dominant
5 Stars – Division/cover/portfolio worthy
5

6. 6
Zenfolio

7. 7

8. 8
Pricing
zenfolio.com
Premium – $120/year
Unlimited storage
Sell photos
Watermarks
At $3.00/photo, you have to sell 40 photos a year to break even
Advertise to parents
Sports moms and dads want photos of their children
Profile pictures

9. Advertise Your Gallery
Your school’s website
Business cards with the gallery link (Free from VistaPrint)
Posters around school
Email the link to everyone
Facebook Fan Page
Tag people in photos
9

10. vistaprint
10

11. Step 2
video
11

12. Video Camera
12
Chances are one of your cameras takes video
If not, here are some HD Video Cameras:
Nikon D3100, D3200, D5100, D5200, D7000, D600
Canon DSLRs
Handheld HD camcorders – Panasonic makes good ones
for a more moderate price
If you have high quality video, you must invest in higher quality
sound too
Buy a microphone and a tripod (Google “DSLR mic”)

13. Record school assemblies
Interview players after games
Three-minute stories
Profile an individual
Voiceover on some stock footage
Ask multiple people the same question
Reactions to campus events, play reviews, etc.
13
Video Content

14. YouTube
No videos over 15 minutes at first
Partner program monetizes content
Probably the better option
Vimeo
$9.95/month for Vimeo Plus: HD, no ads, embedding, 5GB/
week storage, no length limit
More of the “creative professional” feel
14
uploading videos

15. Consistency
15
Like a yearbook, online content needs consistency
Same fonts, same title layouts, same transitions
Quality control: multimedia editor

16. centralizing your content
16

17. centralizing your content
17
At this point, we have:
Photos
Videos
Two objectives:
Create a distinctive online presence
Bring it back to the yearbook

18. Step 3
News website
18

19. Parts of an Online News Package
19
Photography
Video
Written article
Social media
Side note: Use Twitter at athletic events
Hootsuite.com posts to Facebook and Twitter

20. No Print Limits
Embrace multimedia
Galleries
Integrate zenfolio with widgets
Videos
Series
Soundslides
Voiceover’d slideshow
Audio interviews
Require a photo with each post.
!
Interactivity
Polls
Ratings
Comments
Countdowns, daily schedule
Panoramas
http://thecarillon.org/index.php/2013/01/16/
the-field-of-dreams/
20

21. Rolling Deadlines
Daily updates
Assign each journalist to a day of the week
Distribute weeks
If there are ten writers, each person writes an article or
makes a video once every other week
Have a copy editor read and post articles each day
“Our yearbook staff is too small for online”
It really isn’t; everyone just needs to pitch in a little more
21

22. Online Coverage Proposal Name:
Date:
News (with a personal angle)
Feature
Editorial
Arts & Entertainment
Brief/profile on club or org
Profile
Game brief
Athletic article:
Possible Interviewees
Type ofArticleArticle Idea (about 30 words)
Photo and/orVideo Ideas
Due one week from the day you are assigned a new article
22

23. 23
Setting Up a Website
Domain names: godaddy.com
Hosting service: hostgator.com
It’s much more convenient if your school IT guy can host
the website at school – no fees that way
Backend: WordPress
Buy a nice theme
Set up an account for everyone so they can submit drafts

24. 24
website themes

25. Integrating with Yearbook
Reporters already interview people and take pictures for the
yearbook
For spread assignments, preface it as “one more mod”
Could be a game brief or player profile; coverage of an
interesting class activity that isn’t important enough to go
in the yearbook
Require either written or multimedia coverage
Regardless, it must have a photo
25

26. Biggest traffic-drivers
Photo galleries
Article diversity
In-depth social coverage: rape culture, homophobia
Profiles
Really well-done satire
Anonymous comments
Have a liberal comment policy
Use of social media
Launch your website alongside yearbook distribution
26

27. 27
Summary
A yearbook website gives you a place to centralize photos and
videos online
Embrace multimedia and interactivity
WordPress is the simplest, most versatile solution
To update regularly, add online assignments to yearbook topic
assignments
If this doesn’t apply, assign general news coverage
!

28. Organization
28

29. Scenario 1: Small Staff
29
Adviser
Journalism
Staff
Design
Staff
Design Editors
2
Editor-in-Chief Managing Editor
32
Copy Editors Photojournalism Editors Multimedia Editor
Business
Staff
Business Editor

30. Scenario 2: Medium Size Staff
30
Adviser
Journalism
Staff
Design
Staff
Design Editors
2
Yearbook Editor-in-Chief Online Editor-in-Chief
4
Copy Editor Copy Editor Videography EditorPhotojournalism Editors
Business
Staff
Business Editor

31. Scenario 3: Large Staff
31
Adviser
Yearbook Editors-in-Chief Managing Editor-in-Chief Online Editor-in-Chief
Yearbook
Journalism
Staff
Online
Journalism
Staff
Design
Staff
Business
Staff
Copy EditorDesign Editors
2
2
4
Videography EditorCopy Editor Photojournalism Editors Business Editor
Marketing
Head

32. Step 4
interactive print
32

33. Two ways to tie online coverage and yearbook coverage
together
QR codes / Microsoft tag
Interactive Print
33
Bring it Full Circle

34. tag.microsoft.com – create an account, name your codes; color looks better in a
yearbook
Microsoft Tag
Google “QR code generator”
QR Codes
34
Both solutions can be printed on yearbook
spreads and take you back to galleries, videos
or website articles that correspond to spreads

35. varsityfootball
63
Athletics
As the youngest brother of a family legacy and one of few returning starters, Kenneth Olugbode ’13 played
a pivotal role on the team as a leader, teacher and example of excellence for younger players.
written by Jeff Thomas. designed by steven kramer.
T
he crowd roared “KO
DADDY,” as the offense huddled.
As the team stepped to the line,
everyone in attendance knew who
the ball was going to. If you were to
go back in time about two years, you
would hear the same cheer, with the
same name being called.
However, this time, it would be a
different brother stepping up to take
the ball down the field and do his part
in lifting his team to victory. “In the
beginning of the year, I would try to
live up to the standards my brothers
(Alumni Kyle(’09) and Kris(’11)) set,
but then I started to play for myself
and those guys, the seniors who I will
never get to play another down of
football with after high school. That
is what motivated me the most all
year,” Kenneth Olugbode ’13 said.
Listed primarily as a Linebacker
and Tight End heading into the
season, Olugbode’s role changed as
the year progressed. “Some people
got hurt, like Aaron Chapman, and,
as the season progressed, I started
getting faster and better running the
ball, so Coach Janda asked me to
play some running back. I, of course,
took the opportunity to follow in
my brothers’ footsteps. I don’t think
the increased workload this year
affected me too much. I came out
there to win games and play football;
touching the ball just made it that
much sweeter,” Olugbode said.
Although he is going to play
only defense in college (Outside
Linebacker at Colorado University),
Olugbode explained that whether
he is playing offense or defense,
he will always be ready. “To me, it
doesn’t really matter what position
I’m playing; I just like making big
plays, having an impact on the game,
and hearing the crowd go wild.”
the final
decision
Grant Bush ’14 explains his reaction to
Coach Janda’s controversial decision to go
for it in the 4th Quarter of the CCS Finals.
1
2
3
4
7
1 In the CCS Finals against Saint Ignatius,
Kenneth Olugbode ‘15 prepares to
stiff-arm the defender. “This year was a
reloading year, in which we would come
in as a new squad and prove everybody
wrong,” Olugbode said. photo by henry
strickland. 2 Quarterback KJ Carta-
Samuels ‘14 attempts to get away from
the defender. “The Mitty game was the
pinnacle of the season because it gave us
the confidence we needed to execute for
the rest of the season,” Carta-Samuels
said. photo by nick longoni.
6
5
3 After receiving a 47 yard pass, Jared
Vallner’13 scores the first touchdown of
the year. “My favorite moment from the
season was the Mitty game because after
I scored the last touchdown, we put up a
defensive stand to win the game,” Vallner
said. photo by nick longoni.
4 Breaking away from a tackler, running
back Daniel Brown ‘13 rushes for 17 yards
and into Monarch territory. “When the
game was on the line all season, we would
give all we had left...and then some,” Brown
said. photo by ben frattini.
5 Starting for the first time on Senior
Night, Connor Bridgeman ‘13 tackles the
Sacred Heart Cathedral ball carrier. “I
normally played QB, but Coach Amo gave
me a chance. It was one of my favorite
moments,” Bridgeman said. photo by
kevin breschini. 6 Senior Alex Abiog
attempts to bat down the pass by the
Mitty quarterback. After being down,
the team came back and stunned Mitty
14-10. photo by ben frattini. 7 Defenders
Austin Changras ‘14 and Jayden Sawyer
‘13, celebrate the final goal line stand
against Serra. “We always found a way
to come out on top of tough situations,”
Changras said. photo by kyle mackey.
low expectationsExpected to take a step back, the team proved otherwise.
With a completely new
team taking the field in the
season opener against De La
Salle, the team was tested
early and often. Projected to
be a rebuilding year, the team
strived to prove everyone
wrong. Austin Changras ’14
explained: “before the season,
no one thought we would be
undefeated in WCAL, not even
me. After the De La Salle game,
we really reflected on ourselves
and worked harder.” One of
the few returning players,
Jared Vallner ’13 said, “Every
day at practice our coaches
would ensure we were working
hard and never finishing early
because they knew what
we needed to do in order to
match last year’s success.”
Actually the assistant coach, Coach Burke,
came up to me and told I was going to
be called on to kick the go ahead short
20-yard field goal. I was pumped because
I had been dreaming the entire week about
kicking the game-winner. When the offense
went back onto the field I felt disappointed,
but it was obviously Coach Janda’s decision
to let the offense execute within 3 yards
of scoring. It is something that I’m going
to remember forever because those
opportunities for kickers to kick a game-
winner only come so often.
the KO kid
I live Connor DeMerritt ’14
to be the best person I can.
Alexander Doan ’14
for policy debate.
Kenyon Duncan ’14
to play music and listen to
it played.
Nijal Ferguson ’14
to serve others. You only
live once!
Emilio Flamenco ’14
for the hope of making a
positive change in the world.
Anthony Fontes ’14
The welcoming students and
helpful teachers…
Joshua Garces ’14
My classmates and
teachers…
Mani Gnanasivam ’14
Our accomplishments as a
school…
Ian Granger ’14
The great yearbook that I am
helping to make…
Yao Guang Hoh ’14
Awesome friends and
teachers…
BELL PRIDE.
gave me
35

36. 36
interactive print using aurasma
What you can overlay
Photos
Videos
Audio
Link Buttons
Text Animations (Advanced)
3D Animations (Advanced)
http://www.youtube.com/watch?v=GBKy-hSedg8

37. App Overlays Content Based on Specific Markers
Phone Locates Reference Image
Upload Reference Image and Photos/Videos to
Aurasma
37

38. 38
implementation
Take photos and video from the same angle
Video overlay
Record interviews (video or audio)
Soundslides
Narrated slideshows

39. 39
Text Animation: Advanced
Workflow
Open spread in Adobe InDesign
Export as a .eps file
Import into Adobe Illustrator, group packages and separate each
group into its own layer
Import into an Adobe After Effects project with the spread dimensions,
reconstruct the spread and then keyframe text animations
Render After Effects project in spread dimensions at 480p (due to file
size constraints)
Upload to aurasma and set the reference image to be the starting
frame of your animation (which should be the spread as it is printed)

40. Review
Online photo gallery with zenfolio
Start producing video content
Create website where you can centralize everything
Introduce online and multimedia editors into your staff to
handle the increased workload and maintain quality
Make online work supplementary to YB work
In the yearbook, utilize QR codes and interactive print
40

41. 41
Thank You
ryan.demo@me.com
http://thecarillon.org/