How-To: Making and Embedding Google Maps

October 16, 2019

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.

Here’s our map (in progress)!

Last semester’s map (for reference)


Assignment #5: Twitter Scavenger Hunt!

September 18, 2019

It’s time! Every year, our class takes to the streets for a Twitter scavenger hunt. Thus far, many of you have probably only used Twitter for personal posting, but it’s a powerful tool for reporting and newsgathering, and the best way to learn about this is to do it. For the remainder of class today (Wednesday, Sept. 18), you’re heading out into the world in teams of two (at least one of you needs a phone with the Twitter app) to find 10 things. You’ll need to complete the bulk of this assignment by the end of class.

IMPORTANT: To earn credit, each tweet MUST include:

  • A photo or video
  • The context of what you’re reporting – your audience doesn’t know what you asked, so be clear (e.g., Freshman Jim Jackson predicted a WVU loss to Oklahoma this Saturday: “They’re just lousy this season.”)
  • The full name(s) of whoever you’re talking to
  • The number you are doing (e.g., 1. Joe Smith: “I love WVU”) – Without these, I can’t guess which entry you’re checking off (which means no credit)!
  • The hashtag: #WVUblogJ

So a sample tweet might look like this:

3. Asked about the impact of social media on society, Prof. Biggins (Econ) said “It’s made protesting easier, but also more identifiable”. #WVUblogJ

Restrictions: No College of Media students, and please don’t all mob the same professor (I’m off-limits). They can’t all come from the same building, so don’t just hang around Evansdale Crossing or the Rec Center – try heading downtown!

Also: Be ethical – make sure the people you talk to know you’ll be posting their responses!

Let’s Get Started!

Each member of your team must post an introductory tweet with a photo and description of your team (that means two per team) before posting any items so readers and I know what to expect. Don’t forget the course hashtag for this as well!

And now … the list!

  1. School spirit. Photo and quote from someone (not you or your partner) revealing school or civic spirit (what that means is up to you).
  2. Eating Up. Photo and quote from someone (not you or your partner) at a restaurant, coffee shop or bar anywhere in Morgantown. Why do they eat here? Be sure to say where “here” is!
  3. Professors weigh in. Photo and quote from a professor on campus. We’re in the middle of WVU diversity week, so you’ll ask a faculty member how they address diversity issues in their classes. Be sure you include the professor’s title and department. (students always seem to leave this one until last – I promise, we’re not that scary!)
  4. Current issues. Photo and quote from a student (not you or your partner) in response to a specific issue. This semester, ask someone what they think about the state of pedestrian safety here at WVU (there’ve been a number of accidents, most recently this August). Be sure you include their year in school and major.
  5. Academic excellence. Photo and quote that reveals (you are going to have to be creative) how our university contributes to cutting edge research and/or learning.
  6. Scenic spot. Photo of a distinctive scenic spot on or near campus.
    • 2016 rule: No photos of Woodburn Hall. We’ve seen it! It’s in all the brochures!
    • 2017 rule: No photos from the top of Evansdale Crossing. It’s very pretty, but I’ve seen enough of it.
    • 2018 rule: No photos from the PRT overlook. It’s … the PRT.
    • 2019 rule: No photos of the ponds next to the rec center. The geese have been complaining.
  7. Little-known fact. Photo and detail of something you think many people might not know about your school or campus or city.
  8. Fanatic fans. Photo/quote from somebody asking for their take on WVU’s football season. Why do they feel the way they do?
  9. Extracurricular extravaganza. Photo and quote/detail that exemplify some of the huge variety of clubs, organizations, etc. available to students at our university. What do people have to say about them?
  10. It’s the Arts. Find an example of the arts at work in Morgantown – paintings, sculptures, exhibits, or something more out there. Try to find someone informed to talk to, but if you can’t, make sure to provide specifics about what it is we’re seeing (and where it is)

Extra Credit? Sure, why not? Add something beyond the standard requirements above, and I’ll consider an extra point or so. It should clearly add something special, and determining what constitutes “extra” is solely my call.

DUE: You need to make most of your 10 tweets during our regular class time of 10-11:15 a.m. (one or two stragglers are acceptable), and your team must be done by noon today. You’re expected to use class time to work on this, so if there’s a long delay to your start, it will affect your grade.

A Few Tips:

  • Think like a reporter. Have an eagle eye for the interesting, the important, the relevant, the unique, and the immediate. Double check your facts.
  • Think like a public relations professional. Show other people what’s cool about WVU.
  • Think like a storyteller. You may only have 280 characters in each tweet (actually less, once you subtract numbers, links and hashtags), but you can say a lot in a few words or using an image.
  • You may use more than one Tweet for each of the items below. Don’t overdo it, though, and don’t forget the #WVUblogJ hashtag for each!
  • 280 characters isn’t much. Try using other apps and tactics to allow you to say more.

This is going to seem a little strange to some of you, but the goal is to reveal to you the journalistic applications of Twitter. You need to be an observer, a reporter, and you can’t be afraid to accost people on the street for their opinions. You’ll provide perspective and voice, and you’ll tell a larger audience something about your subject (WVU, in this case) – make sure you’re thinking of them!


How-To: Setting Up Your WordPress Blog

August 28, 2019

We set up our WordPress blogs in class, but it’s helpful to have a guide available for troubleshooting, so here you go! Follow the handy steps below to get started – feel free to stick with me or dash ahead.

  1. We’ll be using WordPress (http://wordpress.com)
  2. Click the “Sign up” link (at top) – you want the free version!
  3. Enter the required information (username, password, email)
  4. Give your blog a name
    • The format is YOURNAME.wordpress.com (unless you’ve got a killer name in mind, using your real name is just fine)
    • May take a couple tries to find one not taken
  5. Once you’ve got a blog …
    • Post!
      1. Log in & in the top infobar click “New Post”
        • Important! To access the main menu, enter your blog’s URL and add “/wp-admin” after it (example: interactivejournalismwvu.wordpress.com/wp-admin). There should be a BLACK bar at the top, not a blue one.
      2. Enter a title in the top box, enter your text in the lower box (we’ll delete it later)
        • For more detail, go to your dashboard (link in top left of infobar > WP Admin) – in left menu, Posts > Add New
        • It’s preferable to compose your posts in a word processing program then paste them into the blog box
    • Add value! (in dashboard view only)
      • Images: Make sure you know where the image is, then click Add Media > Upload Files > Select Files. Find your image, and decide where you want it in the text (left, right, or center). Make sure you have permission to use the images you do, and include a source credit!
      • Links: Select the text you want to make into a link. Click the little chain link icon above the text window and enter an address (or cut and paste) – it MUST begin with http:// (your links should look like this)
      • Tags and Categories: Tags and categories (in the right menu) help index your posts. Just type a new one and click “add”.
    •  Publish!
      1. Click the big blue “Publish” button in the right menu
      2. If you want to save a post for later, click “Save Draft”
        • Log in later and publish manually
        • Set a specific time for it to publish automatically
        • This is a great tool for writing posts on your own time to post during our 10a – 4p Monday-Thursday requirement
      3. Don’t like what you have? Open the post in its own window (click the headline), scroll to the bottom, click “edit” and make the changes you want.
  1. Publicity (Publicize > Settings)
    1. You can link your blog to your Facebook, Twitter, Google+, LinkedIn, Tumblr, and Path accounts
    2. Linked blogs can publish automatically to these
  2. NOTE: Whenever you make an assigned blog post, be sure to check the assignment for where to post the link (typically as a comment to the assignment post but sometimes as an email or tweet)

And remember…

Your first post should not be published until Thursday, Aug. 28 (between 10a and 4p). Regular blogging hours are from 10a-4p, Monday through Thursday. Posts (one required every week) must be made within this time to receive credit! That doesn’t mean you have to write them then – write when you want and save it as a draft to post later – but they MUST be posted then.

Any special requirements for your week’s personal blog will be included in the previous week’s Thursday post, but in general posts need a minimum of three meaningful links and three relevant media content (pics, video, social posts) embeds. Headlines should be specific and relevant; first-paragraph leads should be about 25 words.


Assignment #5: Twitter Scavenger Hunt!

February 7, 2019

It’s time! Every year, our class takes to the streets for a Twitter scavenger hunt. Thus far, many of you have probably only used Twitter for personal posting, but it’s a powerful tool for reporting and newsgathering, and the best way to learn about this is to do it. For the remainder of class today (Thursday, February 7), you’re heading out into the world in teams of two (at least one of you needs a phone with the Twitter app) to find 10 things. You’ll need to complete the bulk of this assignment by the end of class.

IMPORTANT: To count, each tweet MUST include:

  • A photo or video
  • The context of what you’re reporting – your audience doesn’t know what you asked, so be clear (e.g., Freshman Jim Jackson predicted a WVU loss to Oklahoma: “They’re just lousy this season.”)
  • The full name(s) of whoever you’re talking to
  • The number you are doing (e.g., 1. Joe Smith: “I love WVU”) – Without these, I can’t guess which entry you’re checking off (which means no credit)!
  • The hashtag: #WVUblogJ

So a sample tweet might look like this:

“3. Asked about the impact of social media on society, Prof. Biggins (Econ) said “It’s made protesting easier, but also more identifiable”. #WVUblogJ

Restrictions: No College of Media students, and please don’t all mob the same professor (I’m off-limits). They can’t all come from the same building, so don’t just hang around Evansdale Crossing or the Rec Center – try heading downtown!

Also: Be ethical – make sure the people you talk to know you’ll be posting their responses!

Let’s Get Started!

Each member of your team must post an introductory tweet with a photo of your team (so two per team) so readers and I know what to expect. Don’t forget the course hashtag for this as well!

And now … the list!

  1. School spirit: Photo and quote from someone (not you or your partner) revealing school or civic spirit (what that means is up to you).
  2. Eating Up: Photo and quote from someone (not you or your partner) at a restaurant, coffee shop or bar anywhere in Morgantown. Why do they eat here?
  3. Professors weigh in. Photo and quote from a professor on campus. Ask them how last week’s snow cancellations affected them. Be sure you include the professor’s title and department.
  4. Student on the street. Photo and quote from a student (not you or your partner). Ask them what they think about how police responded to students celebrating during last week’s snow days. Be sure you include their year in school and major.
  5. Academic excellence. Photo and quote that reveals (you are going to have to be creative) how our university contributes to cutting edge research and/or learning.
  6. Scenic spot. Photo of a distinctive scenic spot on or near campus.
    • 2016 rule: No photos of Woodburn Hall. We get it! It’s in all the brochures!
    • 2017 rule: No photos from the top of Evansdale Crossing. It’s very pretty, but I’ve seen enough of it.
    • 2019 rule: No photos from the PRT overlook. It’s … not pretty.
  7. Little-known fact. Photo and detail of something you think many people might not know about your school or campus or city.
  8. Fanatic fans – Photo/quote from somebody asking for their take on WVU’s basketball season. Why do they feel the way they do?
  9. Extracurricular extravaganza: Photo and quote/detail that exemplify some of the huge variety of clubs, organizations, etc. available to students at our university. What do people have to say about them?
  10. It’s the Arts: Find an example of the arts at work in Morgantown – paintings, sculptures, exhibits, or something more out there. Ideally you’ll still have someone to talk to about this, but if not, make sure to provide specifics about what it is we’re seeing (and where it is)

Extra Credit? Sure, why not? Add something beyond the standard requirements above, and I’ll consider an extra point or so. It should be clearly above and beyond the norm, and determining what constitutes “extra” is solely at my discretion.

DUE: You need to make most of your 10 tweets during our regular class time of 2-3:15 p.m. (one or two stragglers are acceptable), and your team must be done by 4p today. You’re expected to use class time to work on this, so if there’s a long delay to your start, it will affect your grade.

A Few Tips:

  • Think like a reporter. Have an eagle eye for the interesting, the important, the relevant, the unique, and the immediate. Double check your facts.
  • Think like a public relations professional. Show other people what’s cool about WVU.
  • Think like a storyteller. You may only have 280 characters in each tweet (actually less, once you subtract numbers, links and hashtags), but you can say a lot in a few words or using an image.
  • You may use more than one Tweet for each of the items below. Don’t overdo it, though, and don’t forget the #WVUblogJ hashtag for each!
  • 280 characters isn’t much. Try using other apps and tactics to allow you to say more.

This is going to seem a little strange to some of you, but the goal is to reveal to you the journalistic applications of Twitter. You need to be an observer, a reporter, and you can’t be afraid to accost people on the street for their opinions. You’ll provide perspective and voice, and you’ll tell a larger audience something about your subject (WVU, in this case) – make sure you’re thinking of them!


How to write a simple chatbot (part II)

October 17, 2018

Last time you learned the basics of making a rule-based chatbot that can respond to some basic triggers (hi, yes, no, maybe, what is the meaning of life). Nifty but not too journalistic, so now we’re going to progress toward making a simple on-the-rails explainer using buttons.

For a great example of this, remember the Quartz News (nee Quartzy) chatbot from class. The bot may seem complex, but if you walk through a story, you actually have very few options – many checkpoints only provide a single option, and the ones that provide more quickly return to the main story. This simple engagement, coupled with a distinctive voice and an interesting story, provides a way to relate the news via your bot, and it’s pretty much all done with buttons. Let’s make one!

Your first button

Select your bot from last time and go into Edit mode (the pencil icon). We’ll keep our hi/Hello There! first interaction, but we’ll have our bot follow it up with a button to direct the reader’s next step.

Your first two lines of code should say:

+ hi

– Hello there!

Hit return twice and add the following:

+ intro button

– 

Add a space after the – and leave your cursor there. Do the following:

  • Click the button icon at the top of the edit panel (second from the left).
  • This adds the button code, which will look like this: ^buttons(First Choice, Second Choice, Third Choice)
  • The text is all placeholders. The only things you can’t change are the punctuation marks ^ and ()
  • Delete everything in the parentheses and replace it with “What are you?
  • Back at the top, after “Hello There!” add a space the code {@ intro button} so the button will show up after the robot is triggered with “hi”

Right now you’ve created a button that doesn’t go anywhere – give it a try! Next, we’ll make it do something.

  • Add a new trigger: “what are you” (no quotes)
  • Add the response “I’m a bot!

Publish and try it out! Your code should now read:

+ hi
– Hello there! {@ intro button}

+ intro button
– ^buttons(What are you?)

+ what are you
– I’m a bot!

Did it work? If not, go through our troubleshooting list (is it published? are there capitals or punctuation in triggers? did you add the {@ intro button} code in your bot’s first response?). If not, check in with me and we’ll see.

Adding more buttons

This is the simplest button scheme you can have – there’s only one choice! What I’d like you to do now is add in a second option for the reader who already knows what a bot is. Back in the response to + intro button, add a comma after What are you? and add a second option, Who made you? At the bottom of your code, add this new trigger/response pair:

+ who made you

– You did, silly!

Publish and try it out! If it fails, run through the usual steps, which you should be getting pretty good at.

Tell me a story

Now you know how to write button code with ^buttons() and how to call that code with { }. From here, we’re going to turn this to something more practical. Identify a simple story related to your interests that can be told in three stages (plus an introduction). Think again of the Quartz News example – we’d call this an explainer – and don’t overthink it!

  • Keep it short and conversational!
  • Each stage should progress via a single button
  • Try at least one stage with two buttons

When you’re done, go to the deploy menu, click the switch that deploys your bot (it won’t work otherwise, as we learned last time), paste the code at pste.edu and give it a try. If it works, go to this link (it’s a Google Doc) and add your chatbot (with your name and description) to the list. Let’s see what you come up with!


Group Blogs: Pitching Your Ideas

September 17, 2018

For the final third of the semester (weeks 11-15), you will be creating, promoting and maintaining focused group blogs. In preparation, and to identify similar interests, each of you will propose a group blog concept and a list of potential stories. I’ll use these to determine group assignments, which we’ll finalize in class. Use the group blogs you reviewed in this week’s read & respond to identify ideas you think will work (and those you think NEED work).

Post a comment (to this post) with a pitch for a group blog concept by 10 a.m. Wednesday, September 19. This must contain the following:

  • A one-paragraph description of a group blog concept focused on some aspect of Morgantown life (no activities calendar blogs!). Other regions (e.g., West Virginia; other cities) can also be your focus as long as you’re able to cover them.
  • A tentative title for this blog concept
  • At least FIVE story ideas. Use complete sentences and address why this story matters. For example: “A few years back, downtown Morgantown saw an explosion of eCigarette shops, but today many of these have closed. Is vaping on its way out?” Include at least two potential sources for each!

We’ll go through these comments in our next class. By the end of class, you must post comments to TWO concepts that you’d be interested in contributing to (more than two is fine), and let the creator know what you’d bring to the table. This will determine who you’ll be working with for the last five weeks of the semester, so make your best case!


Assignment #4: Twitter Scavenger Hunt!

September 12, 2018

It’s time! Every year, our class takes to the streets for a Twitter scavenger hunt. Thus far, many of you have probably only used Twitter for personal posting, but it’s a powerful tool for reporting and newsgathering, and the best way to learn about this is to do it. For the remainder of class today (Wednesday, September 12), you’re heading out into the world in teams of two (at least one of you needs a phone with the Twitter app) to find 10 things. You’ll need to complete the bulk of this assignment by the end of class.

IMPORTANT: To count, each tweet MUST include:

  • A photo
  • The number you are doing (e.g., 1. Joe Smith: “I love WVU”) – Without these, I can’t guess which entry you’re checking off (which means no credit)!
  • The hashtag: #WVUblogJ

So a sample tweet might look like this:

“3. Prof. Biggins (Econ): It’s made protesting easier, but also more identifiable. #WVUblogJ”

Restrictions: No College of Media students, and please don’t all mob the same professor. No more than half can come from the same building, so don’t just hang around Evansdale Crossing or the Rec Center – try heading downtown!

FIRST!

Each member of your team must post an introductory tweet with a photo of your team so readers (and I) know what to expect. Don’t forget the course hashtag!

And now … the list!

  1. School spirit: Photo and quote from someone (not you or your partner) revealing school or civic spirit (what that means is up to you).
  2. Eating Up: Photo and quote from someone (not you or your partner) at a restaurant, coffee shop or bar on or near campus. Why do they eat here?
  3. Professor on the street. Photo and quote from a professor on campus. Ask them what role they think social media plays in our society today. Be sure you include the professor’s title and department.
  4. Student on the street. Photo and quote from a student (not you or your partner). Ask them where they get their news and if they use social media to keep up on the news. Be sure you include their year in school and major.
  5. Academic excellence. Photo and quote that reveals (you are going to have to be creative) how our university contributes to cutting edge research and/or learning.
  6. Scenic spot. Photo of a distinctive scenic spot on or near campus.
    • 2016 rule: No photos of Woodburn Hall. We get it! It’s in all the brochures!
    • 2017 rule: No photos from the top of Evansdale Crossing. It’s very pretty, but I’ve seen enough of it.
  7. Little-known fact. Photo and detail of something you think many people might not know about your school or campus or city.
  8. Fanatic fans – Photo/quote from somebody asking for their take on NC State cancelling this weekend’s game against WVU due to Hurricane Florence.
  9. Extracurricular extravaganza: Photo and quote/detail that exemplify some of the huge variety of clubs, organizations, etc. available to students at our university.
  10. WVU Weird: Photo and detail of the strangest thing you can find in WVU or Morgantown. See if you can out-weird your classmates!

Extra Credit? Sure, why not? Add something beyond the standard requirements above, and I’ll consider an extra point or so. It should be clearly above and beyond the norm, and determining what constitutes “extra” is solely at my discretion.

DUE: You need to make most of your 10 tweets during our regular class time of 10-11:15a (one or two stragglers are acceptable), and your team must be done by 1p today. You’re expected to use class time to work on this, so if there’s a long delay to your start, it will affect your grade.

A Few Tips:

  • Think like a reporter. Have an eagle eye for the interesting, the important, the relevant, the unique, and the immediate. Double check your facts.
  • Think like a public relations professional. Show other people what’s cool about WVU.
  • Think like a storyteller. You may only have 280 characters in each tweet (actually less, once you subtract numbers, links and hashtags), but you can say a lot in a few words or using an image.
  • You may use more than one Tweet for each of the items below. Don’t overdo it, though, and don’t forget the #WVUblogJ hashtag for each!
  • 280 characters isn’t much. Try using other apps and tactics to allow you to say more.

This is going to seem a little strange to some of you, but the goal is to reveal to you the journalistic applications of Twitter. You need to be an observer, a reporter, and you can’t be afraid to accost people on the street for their opinions. You’ll provide perspective and voice, and you’ll tell a larger audience something about your subject (WVU, in this case) – make sure you’re thinking of them!