Journalism 360 No. 20: Teaching VR/AR, Experimenting With Weather Stories

By on January 25, 2019

table.mcnFollowContent {width:100% !important;}
table.mcnShareContent {width:100% !important;}

.mcnPreviewText{
display:none !important;
}
#outlook a{
padding:0;
}
.ReadMsgBody{
width:100%;
}
.ExternalClass{
width:100%;
}
body{
margin:0;
padding:0;
}
a{
word-wrap:break-word !important;
}
img{
border:0;
height:auto !important;
line-height:100%;
outline:none;
text-decoration:none;
}
table,td{
border-collapse:collapse;
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
#bodyTable,#bodyCell{
height:100% !important;
margin:0;
padding:0;
width:100% !important;
}
#bodyCell{
padding:20px;
}
.mcnImage,.mcnRetinaImage{
vertical-align:bottom;
}
.mcnTextContent img{
height:auto !important;
}
body,#bodyTable{
background-color:#ffffff;
}
#bodyCell{
border-top:0;
}
#templateContainer{
border:0;
}
h1{
color:#202020 !important;
display:block;
font-family:Tahoma, Verdana, Segoe, sans-serif;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:100%;
letter-spacing:normal;
margin:0;
text-align:left;
}
h2{
color:#404040 !important;
display:block;
font-family:Tahoma, Verdana, Segoe, sans-serif;
font-size:23px;
font-style:normal;
font-weight:normal;
line-height:150%;
letter-spacing:normal;
margin:0;
text-align:left;
}
h3{
color:#606060 !important;
display:block;
font-family:’Helvetica Neue’, Helvetica, Arial, Verdana, sans-serif;
font-size:16px;
font-style:italic;
font-weight:normal;
line-height:100%;
letter-spacing:normal;
margin:0;
text-align:left;
}
h4{
color:#808080 !important;
display:block;
font-family:’Helvetica Neue’, Helvetica, Arial, Verdana, sans-serif;
font-size:14px;
font-style:italic;
font-weight:normal;
line-height:100%;
letter-spacing:normal;
margin:0;
text-align:left;
}
#templatePreheader{
background-color:#ffffff;
border-top:25px solid #5eb3e4;
border-bottom:0;
}
.preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
color:#808080;
font-family:Tahoma, Verdana, Segoe, sans-serif;
font-size:10px;
line-height:150%;
text-align:left;
}
.preheaderContainer .mcnTextContent a{
color:#606060;
font-weight:normal;
text-decoration:underline;
}
#templateHeader{
background-color:#ffffff;
border-top:0;
border-bottom:0;
}
.headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
color:#7c7c7c;
font-family:Tahoma, Verdana, Segoe, sans-serif;
font-size:13px;
line-height:150%;
text-align:left;
}
.headerContainer .mcnTextContent a{
color:#5eb3e4;
font-weight:normal;
text-decoration:underline;
}
#templateBody{
background-color:#ffffff;
border-top:0;
border-bottom:0;
}
.bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
color:#505050;
font-family:Tahoma, Verdana, Segoe, sans-serif;
font-size:15px;
line-height:200%;
text-align:left;
}
.bodyContainer .mcnTextContent a{
color:#5eb3e4;
font-weight:normal;
text-decoration:underline;
}
#templateFooter{
background-color:#eaeaea;
border-top:0;
border-bottom:0;
}
.footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
color:#606060;
font-family:Tahoma, Verdana, Segoe, sans-serif;
font-size:12px;
line-height:150%;
text-align:left;
}
.footerContainer .mcnTextContent a{
color:#606060;
font-weight:normal;
text-decoration:underline;
}
@media only screen and (max-width: 480px){
body,table,td,p,a,li,blockquote{
-webkit-text-size-adjust:none !important;
}

} @media only screen and (max-width: 480px){
body{
width:100% !important;
min-width:100% !important;
}

} @media only screen and (max-width: 480px){
.mcnRetinaImage{
max-width:100% !important;
}

} @media only screen and (max-width: 480px){
td[id=bodyCell]{
padding:10px !important;
}

} @media only screen and (max-width: 480px){
table[class=mcnTextContentContainer]{
width:100% !important;
}

} @media only screen and (max-width: 480px){
table[class=mcnBoxedTextContentContainer]{
width:100% !important;
}

} @media only screen and (max-width: 480px){
table[class=mcpreview-image-uploader]{
width:100% !important;
display:none !important;
}

} @media only screen and (max-width: 480px){
img[class=mcnImage]{
width:100% !important;
}

} @media only screen and (max-width: 480px){
table[class=mcnImageGroupContentContainer]{
width:100% !important;
}

} @media only screen and (max-width: 480px){
td[class=mcnImageGroupContent]{
padding:9px !important;
}

} @media only screen and (max-width: 480px){
td[class=mcnImageGroupBlockInner]{
padding-bottom:0 !important;
padding-top:0 !important;
}

} @media only screen and (max-width: 480px){
tbody[class=mcnImageGroupBlockOuter]{
padding-bottom:9px !important;
padding-top:9px !important;
}

} @media only screen and (max-width: 480px){
table[class=mcnCaptionTopContent],table[class=mcnCaptionBottomContent]{
width:100% !important;
}

} @media only screen and (max-width: 480px){
table[class=mcnCaptionLeftTextContentContainer],table[class=mcnCaptionRightTextContentContainer],table[class=mcnCaptionLeftImageContentContainer],table[class=mcnCaptionRightImageContentContainer],table[class=mcnImageCardLeftTextContentContainer],table[class=mcnImageCardRightTextContentContainer],.mcnImageCardLeftImageContentContainer,.mcnImageCardRightImageContentContainer{
width:100% !important;
}

} @media only screen and (max-width: 480px){
td[class=mcnImageCardLeftImageContent],td[class=mcnImageCardRightImageContent]{
padding-right:18px !important;
padding-left:18px !important;
padding-bottom:0 !important;
}

} @media only screen and (max-width: 480px){
td[class=mcnImageCardBottomImageContent]{
padding-bottom:9px !important;
}

} @media only screen and (max-width: 480px){
td[class=mcnImageCardTopImageContent]{
padding-top:18px !important;
}

} @media only screen and (max-width: 480px){
td[class=mcnImageCardLeftImageContent],td[class=mcnImageCardRightImageContent]{
padding-right:18px !important;
padding-left:18px !important;
padding-bottom:0 !important;
}

} @media only screen and (max-width: 480px){
td[class=mcnImageCardBottomImageContent]{
padding-bottom:9px !important;
}

} @media only screen and (max-width: 480px){
td[class=mcnImageCardTopImageContent]{
padding-top:18px !important;
}

} @media only screen and (max-width: 480px){
table[class=mcnCaptionLeftContentOuter] td[class=mcnTextContent],table[class=mcnCaptionRightContentOuter] td[class=mcnTextContent]{
padding-top:9px !important;
}

} @media only screen and (max-width: 480px){
td[class=mcnCaptionBlockInner] table[class=mcnCaptionTopContent]:last-child td[class=mcnTextContent],.mcnImageCardTopImageContent,.mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent{
padding-top:18px !important;
}

} @media only screen and (max-width: 480px){
td[class=mcnBoxedTextContentColumn]{
padding-left:18px !important;
padding-right:18px !important;
}

} @media only screen and (max-width: 480px){
table[id=templateContainer],table[id=templateHeader],table[id=templateBody],table[id=templateFooter]{
max-width:600px !important;
width:100% !important;
}

} @media only screen and (max-width: 480px){
h1{
font-size:24px !important;
line-height:100% !important;
}

} @media only screen and (max-width: 480px){
h2{
font-size:20px !important;
line-height:100% !important;
}

} @media only screen and (max-width: 480px){
h3{
font-size:18px !important;
line-height:100% !important;
}

} @media only screen and (max-width: 480px){
h4{
font-size:16px !important;
line-height:100% !important;
}

} @media only screen and (max-width: 480px){
table[class=mcnBoxedTextContentContainer] td[class=mcnTextContent]{
font-size:18px !important;
line-height:125% !important;
}

} @media only screen and (max-width: 480px){
table[id=templatePreheader]{
display:none !important;
}

} @media only screen and (max-width: 480px){
table[id=templateHeader]{
border-top:0 !important;
}

} @media only screen and (max-width: 480px){
td[class=headerContainer] td[class=mcnTextContent]{
font-size:18px !important;
line-height:125% !important;
padding-right:18px !important;
padding-left:18px !important;
}

} @media only screen and (max-width: 480px){
td[class=bodyContainer] td[class=mcnTextContent]{
font-size:18px !important;
line-height:125% !important;
padding-right:18px !important;
padding-left:18px !important;
}

} @media only screen and (max-width: 480px){
td[class=footerContainer] td[class=mcnTextContent]{
font-size:14px !important;
line-height:115% !important;
padding-right:18px !important;
padding-left:18px !important;
}

} @media only screen and (max-width: 480px){
td[class=footerContainer] a[class=utilityLink]{
display:block !important;
}

}<!–


Noteworthy


Teaching VR/AR. The ONA Educators community is launching a series of talks, hosted via Zoom. The first event on Feb. 7 will focus on how educators are experimenting with VR/AR journalism. Join the group to learn more and RSVP.

Weather stories. The Weather Channel is using mixed reality to communicate the dangers of natural hazards. “It translates what we’re showing in the forecast to what we’re going to expect in reality,” says Michael Chesterfield, Director of Weather Presentation.

Honky tonk. Tour Tom Sefcik Hall, one of the last traditional dance halls in Texas, to learn the story of the family that keeps it running.

Perspectives. Consider these nine ways to direct the viewers’ attention in 360 videos, including tips on storyboarding strategy, use of motion and social cues.

Audio design. Throwback: Game audio professional Nick LaMartina led a technical session at ONA16 on how creators approach audio for virtual or mixed reality pieces. Review the presentation — accompanied by audio samples — for tips on workflows and recording.

Focused on audience. Journalism 360 ambassador Thomas Seymat is developing a tool for audience feedback as part of his fellowship at the Reynolds Journalism Institute. Learn more and share your input to help improve immersive storytelling.  

<!–


–>


We always welcome your comments, links and other inputs to future issues. Send tips to karolle@journalists.org.

Did someone forward this email to you? Subscribe here. Missed an issue? Browse the archives.