LAYOUT AND DESIGN IN ONLINE JOURNALISM.pptx

Publishing stories online

1. # PNUJournTalks Layout & Design for Online Journalism

2. Public communication is affected by media and information because of the advancement of technology and the availability of different communication services. These allow us to have access to fast and easy forms of communication through the use of different media platforms and social media sites like Facebook, Messenger, Instagram, Twitter, among others. W e are now living in the information age when the media have a significant role in our society towards disseminating information, connecting people, and acting as an agent of change in our society.

3. Online Journalism Online journalism, also called as digital journalism, cyber journalism or netizen Journalism, is defined as the reporting of facts when produced and distributed via the Internet. In other words, it’s a contemporary form of journalism where editorial content is distributed via the internet compared to publishing it via print or broadcast.

4. Brief History of the Internet

5. Brief History of the Internet * 1960s - Scientists and computer geeks, some working with ARPA ("Advanced Research Projects Agency") housed in the U.S. Pentagon developed interests in standardizing computer languages and protocols and getting machines to talk to one another.

6. Brief History of the Internet * 1969 - The first connections of remote computers over a packet switching network succeeded over the first weekend in September. The first connections involved three computers in California and one in Utah. The network that became the Internet was born.

7. Brief History of the Internet 1970s - ARPANET grows from ten nodes to 61 nodes in 1975, all in the U.S. 1977 - Applicability to international deployment is proven. * Bay Area across the US on ARPANET - University College London - to Virginia - ARPANET - University of Southern California's Information Sciences Institute

8. Brief History of the Internet 1980s - Internet use became commercial. (Apple, Unix, IBM, etc.) 1981 - The first 'portable' computer is launched in the form of the Osborne, a 24-pound suitcase-sized device.

9. Brief History of the Internet 1989 - The world Wide Web (www) is coined. Australia, Germany, Israel, Italy, Japan, Mexico, Netherlands, New Zealand and the United Kingdom join the Internet.

10. Brief History of the Internet 1990 - 'The net' has grown from 4 to over 300,000 hosts. * Countries connecting in 1990 include Argentina, Austria, Belgium, Brazil, Chile, Greece, India, Ireland, South Korea, Spain, and Switzerland.

11. Brief History of the Internet March 29, 1994 - Internet first became available to the Philippines

12. Digital Landscape in Ph

13. Why go online publishing? APPEALING, ESPECIALLY TO MILLENNIALS, GEN Z WIDER REACH ENGAGING, INTERACTIVE

14. Characteristics of Online Journalism

15. Multimediality One of the unique features of digital journalism is how it uses multiple forms of the online content that are available on the internet. This includes: text, audio, visuals and video. All of these could coexist in the same production and adapted to the audience’s needs. Thus, news can be presented as the conjugation of these segments, giving the news a fresh new-look!

16. Hypertextuality Instead of providing one single perspective or thought on a specific topic or having to literally explain everything like terminologies for example in an article as it’s the case with traditional media, the hypertextuality offers the possibility of jumping from one text to another, from one idea to another, putting together a network of content that complement each other.

17. Interactivity The third fundamental feature of digital media journalism is interactivity. It is the most innovative compared to previous forms of media such as the television and radio. In these forms of traditional media, the consumers are occupied as only passive role whereas in online journalism the viewers get to choose which news to watch, which videos play and for how long and managed their exposure time to the news as they wish. Besides, in many cases the audience are capable of expressing their opinions in the comments section that is made available for the readers.

18. Immediacy The basic concept of immediacy behind it is that it allows for no lag between when information is received or created at a news producer and when the information is passed on to the news consumers.

19. Online media in the Philippines

20. Pioneers - CyberDyaryo (cyberdyaryo.com) Bulatlat (2001) All major news organizations now have an online site

21. Online = Multimedia

22. Online = Multimedia

23. What to use? Articles - best in explaining complex issues, may tend to be boring (if too long) * Expanded maternity leave bill, a win-win for mothers, babies, national economy https://wp.me/p7Nbdo-raP

24. What to use? Photography - best in illustrating action, emotions https://spark.adobe.com/page/j4LkNtuGF6JMW/ https://spark.adobe.com/page/SUn25B2TK4nIB

25. What to use? Video - best in illustrating action, emotions; should have a good narrative http://bulatlat.com/main/2016/12/24/christmas-wish/

26. What to use? Audio - best in sharing powerful speeches, interviews; may also be used in news, poetry https://www.iheart.com/podcast/1297-story-of-the-week-with-jo-103210926/

27. What to use? Graphics - best in conveying an opinion visually; summarises points

28. What to use? Graphics

29. What to use? Graphics

30. What to use? Graphics

31. What to use? Graphics

32. What to use? Graphics

33. What to use? Social media - best in crowdsourcing, source news, for distribution https://www.rappler.com/move-ph/196730-walkoutph-trends-twitter-millennials-press-freedom-human-rights http://bulatlat.com/main/2012/11/29/mining-in-negros-occidental-a-microcosm-of-the-impact-of-mining-in-the-whole-country/ https://storiesfromthemargins.wordpress.com/

34. What to use? Social media

35. What to use? Social media

36. What to use? Social media

37. What to use? Social media

38. What to use? Social media

39. What to use? Social media

40. What to use? Social media

41. What to use? Social media

42. What to use? Social media

43. What to use? Social media

44. What to use? Social media

45. What to use? Social media

46. What to use? Social media

47. What to use? Social media

48. What to use? Social media

49. What to use? Social media

50. What to use? Social media

51. What to use? Social media

52. What to use? Social media

53. What to use? Social media

54. What to use? Social media

55. MAXIMIZING PHOTOS IN SOCMED

56. Natural Lighting (silhouette)

57. Natural Lighting (silhouette)

58. Reflection

59. Reflection

60. Reflection

61. Visual Emotions

62. Visual Emotions

63. Visual Emotions

64. Visual Emotions

65. Visual Emotions

66. Visual Emotions

67. Visual Emotions

68. Visual Surprise

69. Visual Surprise

70. What to use? Social media https://fb.watch/mOl-zLKi9H/

71. T ips for social media posting Stick to your news media brand Use the most interesting photos Practice layout & design principles Value immediacy Connect to the trend Make it short Double check content Maximize engagement Get permission Be seen everywhere

72. Website Builders you can use Adobe Sparks Wix Odoo Blogspot Wordpress

73. Social Media where your news organization can be introduced Facebook Instagram X ( Twitter) Threads Tiktok Youtube Podbean Spotify

74. 10 Apps which may come handy to you Filmora Adobe Premiere Pro & After Effects Adobe Photoshop Adobe Lightroom Adobe Express Canva Capcut Audacity Adobe Audition Microsoft Powerpoint

75. ACTIVITY Make a social media post via Facebook of news about this event. You are required to write a 4 paragraph news and to attach a photograph/ infographics or other pubmat in the said post. Use # PNUNLjourn

76. Feedback

77. GOOD POINTS Good diction Pacing skill is evident Posture, gesture and facial expression is appropriate Voice recording is clear Video instructions knowledge evident Lock room is secured, eyes on cam

78. POINTS FOR IMPROVEMENT Angle can be improved Spare yourself from using adjectives Avoid editorializing Enrich it with details Headroom compromised