Read & Respond week 16 – Best of US!

April 20, 2017

Here it is: Your final read & respond! This one will be easy. You’ll be assessing your own work, based on the material you provided me. Based on the following examples, you’ll be voting (via this Google Forms ballot) on the following categories:

NOTE: If your name doesn’t have links, you need to provide them to me!

Group Blog Honors

Note: You can’t vote for your own group unless otherwise indicated!

The Groups (group-selected posts are linked):

The Categories

1. Best Post on a Group Blog (can’t vote for your own post, but can vote for a post by your group)

2. Most Improved Group Blog

3. Best Group Blog Overall

Personal Blog Awards

Note: You can’t vote for yourself!

The Personal Blogs (best posts provided by you)

Mateo Alexander Post 1 Post 2
Lindsey Baatz Post 1 Post 2
Rachel Brosky Post 1 Post 2
Ashley Conley Post 1 Post 2
Cara Devenney Post 1 Post 2
Steven Devine Post 1 Post 2
Denali Hedrick Post 1 Post 2
Madalyn Lamastro Post 1 Post 2
Carly Magnotta Post 1 Post 2
Haley Moore Post 1 Post 2
Zaakira Muhammad Post 1 Post 2
Cayla Nolder Post 1 Post 2
Aishina Shaffer Post 1 Post 2
Shannon Stanley Post 1 Post 2
Mia Swanegan Post 1 Post 2
Jackie Thompson Post 1 Post 2
Rebecca Toro Post 1 Post 2
Laura Vázquez-López Post 1 Post 2

The Categories

1. Best Post on an Individual Blog

2. Most Improved Personal Blog

3. Best Personal Blog Overall

Superlatives

Nominate another blogger for a “Most/Best ____” category (e.g., Best use of GIFs, Most Likely to Proofread Everyone’s Work)

Nominate yourself for something at which you think you excel (e.g., Best Interviewer of Homeless Persons) or perhaps are notorious for (e.g., Most Likely to Get Caught Texting)

The usual deadline applies, but you don’t have to respond as a comment. Instead, complete the ballot on Google Forms by 11:59 p.m. Monday, April 24 (note the extended deadline).

Advertisements

Class coding: HTML #2

April 19, 2017

This week, we start with the foundation from earlier this week and add lists and styles (learned this in this week’s Codecademy module: Web Fundamentals: HTML Basics II):

Remember these basics for coding and previewing your work:

To preview in TextWrangler:

  1. Open Chrome and TextWrangler
  2. In Chrome, go to File > Open File… and open “index.html”
  3. Command-Tab to select TextWrangler and write code
  4. Command-Tab to select Chrome
  5. Command-R to refresh your webpage

You’ll do the following:

  1. Use/create WWW folder; create “index.html”; add structural tags
  2. Create a comment inside that says “In-class assignment #2: HTML2”
  3. Create a first-level heading and an intro paragraph
  4. Create a second-level heading and an ordered list of your top three books, movies, or bands
  5. Create a fourth-level heading and an unordered list of skills you possess
  6. Add a fourth item to the ordered list (step 4) and add an image to it

Too easy? Try these:

  1. Change background color of page
  2. Change style of top headline to Verdana font family, a different color, and centered alignment
  3. Change style of your intro paragraph to 30px, a different color, and centered alignment

Class Coding: HTML 1

April 17, 2017

After completing your first Codecademy assignment in Web Fundamentals (HTML I) and showing me your completion badges, do the following:

  1. Preparation:
    • Create a desktop folder called WWW
    • Open TextWrangler (or another text editor), create a new file called “index.html” and save to WWW
    • Save two images (ideally with short names) to your WWW folder
  2. Place your structural tags
  3. Create a title
  4. Add a first-level headline and one paragraph
  5. Bold a few words. Italicize a few other words.
  6. Insert an image
  7. Add a second-level headline and another paragraph
  8. Create a hyperlink to the SOJ homepage within this paragraph
  9. Add a third-level hed and another image
  10. Make this second image into a hyperlink

To preview in TextWrangler

  • In Chrome, go to File > Open File… and open “index.html
  • Command-Tab to select TextWrangler and write code
  • Command-Tab to select Chrome and Command-R to refresh your webpage

To view a webpage’s source code

  • Chrome: View > Developer > View Source
  • Firefox: Command-U OR Tools > Web Developer > Page Source
  • Safari (why are you using Safari???): Develop > View Page Source

Read & Respond week 13 – Video

April 6, 2017

This week’s readings are mostly viewings. To start, though, let’s have a moment of silence for Vine. The six-second-video-sharing app is owned by Twitter, which in October announced plans to shut it down. In a nutshell, Vine could be used to create and share a six-second clip of anything … just how useful can that be?

There are several possible reasons. For one, Twitter has been scaling back in the hopes of turning a profit. For another, livestreaming apps have horned in on its territory. Periscope (also owned by Twitter) is popular and defeated competition like Meerkat, and Facebook Live is perhaps even more popular; one mark in Facebook Live’s favor is the use of the social networking giant’s ability to note popularity of specific points in a stream through viewer likes and reactions. This is our current social media world: Ideas live, they die, they live again (but under new management).

So how do you livestream? The Providence Journal has some suggestions, as does HuffPost. Is livestreaming something you’d try? How can we apply this to the practice of journalism, and what are its problems?

Before Wednesday’s class (we’ll be editing podcasts on Monday), give livestreaming a try. Take a few minutes on Facebook Live to broadcast something you’d like to share – it’s a good idea to tell your followers in advance so interested parties can check it out – and see what you think. We’ll discuss!

Post your responses in a comment to this post by 11:59 p.m., Sunday, April 9.


Read & Respond week 12 – Audio

March 30, 2017

When we think blogging, we think writing. Recent weeks have emphasized images and other tools, but things still seem to come back to the written word. Briggs, in this week’s chapter, proposes some ways to emphasize sound over sight. We’ll focus on one: Podcasting. This semester, for the first time, we’ve got a fully functional podcasting studio, and our class will be the ones to break it in (and hopefully not just break it). Read on, and think about what you might have to say.

A podcast is essentially an audio blog. Instead of reading, you can download and listen, which is helpful if you like to do your “reading” while exercising, cooking, or doing something else. The process can be simple or complex, but it boils down to four basic steps:

  1. Plan
  2. Record
  3. Convert/Upload
  4. Promote

This guide from DigitalTrends gets into more detail, but at minimum you need a theme (and usually some guests), a topic, a mic, and a (free) copy of Audacity; anything more can give a cleaner, more polished product but isn’t absolutely necessary.

Audiences listen to podcasts via apps such as Stitcher (free), iTunes, or just listening to them streaming online. Consider these examples of the form:

Your response this week should be enjoyable: Listen to some podcasts, especially if you never have. Pick some from the links above, or find some of your own (Buzzfeed has its own list of the ones you should be listening to). How do these (and Briggs’ other audio subject) inform your work? Have you now decided blogging is dead, and you’re going to become a podcaster instead?

Most importantly, what’s a subject (ideally one relevant to your group blog) you could see running an approximately 10-minute podcast on? Would you have guests, or would it just be you and your groupmates? What are some questions/topics you can set up in advance to avoid the dreaded Dead Air? Post your responses by 11:59 p.m. Sunday, April 2.


How-To: Make a Google Map

March 29, 2017

Today we’re making maps! At the bottom of this how-to, you’ll see a sample map of our own beloved Evansdale Crossing, made by following these very steps. Follow along and create your own!

Making the map

  1. Sign in to Google and go to maps.google.com
  2. Click the menu icon to the left of the search bar (it looks like three horizontal lines) and select “Your Places” from the drop-down menu, then click “MAPS”
  3. Select “Create Map” (at the very bottom of the left bar)
  4. In the new window, click “Untitled map” to give it a title and description
  5. Add places: Search a place address, click the marker, and select “+ Add to map” in its pop-up window
  6. Make changes by clicking a placed marker:
    1. Edit (the pencil icon) lets you change the title and description of a place. You can also add links () with HTML.
    2. Style (the paint bucket icon) lets you change the color and design of map markers. You can also upload your own designs, if you’re fancy.
    3. Add Image or Video (the camera icon) lets you … well, I think you can figure that one out.
    4. You can also add points of your own by selecting the “Add marker” icon (under the search bar) and clicking to place new map markers.
  7. Add lines and shapes
    1. Click the line/shape button and click points – double-click to finish
    2. Can name/describe your lines and polygons (shapes) in the same way as map markers.
    3. Style:
      1. Click lines to change color and thickness
      2. Click polygons to change color, border thickness, and transparency.
  8. Trash an element by selecting it and clicking the trashcan in its window

Adding group members

  1. Click “share” in top left menu
  2. Under “Invite collaborators,” add email addresses
  3. Choose what they can do: “Can view” or “Can edit”

Embed the map in your blog

  1. Click “share” and change settings from Private to “Public on the Web” (this allows any reader of your blog to see it), then click Done.
  2. Placing the map:
    1. Position the map how you want it to appear on your blog
    2. Click the three dots next to your map’s name in the top left menu > Select “Set default view”
    3. Click them again and select “Embed on my site”
      1. The code should look like this: “iframe src=”https://www.google.com/maps/d/embed?mid=1L7ZYJ8iuII5T9qoIuk4IAtmQF7U” width=”640″ height=”480″ “
      2. [note: There will also be pointy brackets like this <> around it, but I’ve left them out so WordPress doesn’t think I’m trying to embed a map here!]
    4. Paste the resultant line of code directly into a WordPress blog post and preview to see if it looks the way you want it.

Advanced map shaping

  1. Don’t like the shape of your map? Notice the details of that code:
    1. (this code comes from the map embedded in this post): iframe src=”https://www.google.com/maps/d/embed?mid=zRA7u_2r6VF0.kDx4jre2-3cA”; width=”640″ height=”480″
  2. See those “width” and “height” values? Right now it’s a horizontal rectangle, but you can change that! Try some different values to get the shape you want.

The final product!


Read & Respond week 11: Images

March 23, 2017

This week is all about visuals. In Briggs’ chapter on visual storytelling, think about his advice and note the example experts he gives. Some of you have been incorporating visuals into your work from the start, and others have yet to do so. Regardless of your use of visuals so far, how might your blogs tell a story that is more visual than textual? Yes, photos are ONE possibility – what are others? Skim around this list and identify some options you might be able to apply to making your blogging more visual.

Photos:

  • Some of you are photographers. Many of you aren’t. Here’s a crash course on using a point-and-shoot camera for your blog (from Mindy McAdams’ excellent Journalists’ Toolkit)
  • Photoblogs: These blog-like formats are focused on image sharing. Sites like Cake Wrecks hit big a few years back, but there are more serious efforts like the Boston Globe’s The Big Picture.
  • Tumblr provides a resource for frictionless sharing of images and simple ways for fans to share and interact. Check out what was hot on Tumblr in 2016 – there’s some funny, weird trend information here, but you need to click around a bit (try the “year in review” link to get started – it’ll take a moment to load up).

Graphics:

GIFs:

Sure, they’re short and silly, but journalists use them too. Is confining an idea to a seconds-long clip any stranger than limiting it to a 140-character tweet, or a six-second Vine?

Remember, your responses are due by 11:59 p.m. Sunday, March 6, as a comment to this post.