Introduction

Preparation

You should have the following:

  • name tags
  • configuration settings for a working Internet connection
  • projector/monitor should be configured and working

Introduction to the workshop

(10 minutes-ish–definitely depends on how many people are in the class.)

Activity: Introduction

Present

Hi! I’d like to welcome you all to the social media in RE workshop. Today we’re going to meet each other, make a covenant, get a feel for what the rest of the week will entail, and then talk about what we want to get out of the class.

I want to go around the room and introduce ourselves. When you introduce yourself, say your name, where you live, and what you hope to get out of this class.

Go around the room; everyone introduces themself.

One thing you can do with hopes is write them down and post them on a board somewhere to refer to again later.

When everyone’s done, reiterate the important things that were said that you want to make sure get covered over the course of the workshop.

Build a covenant

(30 minutes)

Activity: Build a covenant

Present

Let’s create a covenant. This covenant should cover the following kinds of things:

  • How will we act towards one another?
  • What should you expect from me?
  • What do I expect from you?
  • How do we escalate when things aren’t working?
  • How do you want to do breaks?
  • How do you want to organize chalice lighting and closings?

Work on the covenant.

One way to do this is to create a pad on PiratePad [1], seed it with the questions, give everyone the url, and then let them add their bits, consolidate bits, and work through to a consensus.

[1]http://piratepad.net/

If you plan to have the participants keep a blog over the course of the workshop, you could tie that into chalice lighting in the morning.

When everyone is done, present the following.

Defining things

(30 minutes)

Activity: Defining things

Present

This workshop has a technical bent and that’s scary but doesn’t have to be. It’s often the case that we talk about these things, but we don’t really know what they are. Let’s spend some time defining terms we’re going to be using throughout the workshop.

You can do this in one of a few ways:

  1. for each item, you can read the name and see if anyone wants it defined and if so, define it
  2. for each item, you can read the name and see who can define it
  3. build a slide deck with pictures and go through everything

If you have time or suspect some participants to be “beginners”, go for option 3 to alleviate the possibility that people are too embarrassed to shout out, “I don’t know what the Internet is!”

Also, feel free to add additional terms.

Internet

Loosely, the Internet is a really big network with billions of computers in it connected by a variety of network connections ranging from wireless, 3g, 4g, 10-base-T, fiber optics, DSL, cable, satellite signals, and so on. The network is world wide and even connects objects in orbit.

That massive network allows our computers to be connected to one another and allows us to run computer programs.

http://en.wikipedia.org/wiki/Internet

Sometimes the Internet is called the “cloud”. The idea behind the “cloud” is that somewhere on the Internet is a computer that’s doing something for you; you don’t really care where it is so long as it gets the work done.

computer

We’re going to define computer as any device that you can manipulate through input devices like touchpads, mice, and keyboards and displays results on output devices like monitors and screens.

There are lots of different kinds of computers out there: servers, desktop computers, tablets, notebooks, laptops, netbooks, smart phones, ... The differences between the kinds of computers usually relate to how they’re built, what function they serve, and how people are expected to use them.

http://en.wikipedia.org/wiki/Computer

operating system

Your computer is a piece of hardware. The operating system manages the hardware, provides a user interface, and implements a bunch of functionality that you use to do things like start programs, set up printers and network connections, manage files on your hard drive, and other things like that.

Often the operating system comes with programs like a web browser. For example, OSX comes with a web browser called Safari. Windows comes with a web browser called Internet Explorer. Most GNU/Linux operating systems come with a web browser called Firefox.

World Wide Web

The World Wide Web is on the Internet. It’s the part of the Internet that we access with a web browser.

Every time we click on a link or type in a url, our web browser requests a web-page from a web server, the web server does some processing, and then the web server returns a response to our web browser.

For websites, this response is HTML, CSS, JavaScript, images, and other things that make up a web-page.

The World Wide Web was invented by Tim Berners-Lee in December, 1990 to make it easier for physicists to build a knowledge base of material to share their research.

As a side note, Tim Berners-Lee is a Unitarian Universalist [2].

[2]http://en.wikipedia.org/wiki/Tim_Berners-Lee#Personal_life
client/server application

A client/server application is an application that has a client part, a server part and a well defined protocol that the two parts communicate with.

http://en.wikipedia.org/wiki/Client%E2%80%93server_model

protocol

A protocol is a formal description for what messages look like and how they’re exchanged. Protocols surround us. For example, in a worship, call and response is a protocol.

There are hundreds of protocols used by applications on the Internet. Many of them are defined with specifications called RFCs. RFCs are written by people who are interested in the protocol and how it’ll be used.

http://en.wikipedia.org/wiki/Protocol_%28computing%29

HTTP

HTTP stands for Hyper Text Transfer Protocol. It’s the client-server protocol that your web browser and a web server use to communicate. When you “go to a website”, your web browser requests data from that web server. The web server sends the data. Then your web browser displays it to you.

For example, that conversation could look like this:

The web browser requests the page /index.html:

GET /index.html HTTP/1.0

The web server finds the page and sends the response back to the browser:

HTTP/1.0 200 OK
Content-Type: text/html

<html>
<body>
Hi!
</body>
</html>

http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol

web server
A web server is a kind of computer the sole duty of which is to perform the “server” side and respond to HTTP requests from web browsers. Any computer can be a web server, but web servers for websites are usually computers dedicated to serving web pages.
web browser

A web browser is a program that runs on your computer that allows you to browse the web. When you click on a link, a bookmark, or type in a url, your web browser connects to the web server for that website, makes an HTTP request, gets back an HTTP response, and displays the response for you.

There are a variety of standards that specify how the response should be displayed.

HTML, CSS, Javascript

HTML, CSS and Javascript are three standards that specify how an HTTP response should be displayed. There are more standards involved and there are different versions of these standards. There’s a couple of organizations that are set up solely to maintain the standards. The W3C is one of them.

HTML stands for Hypertext Markup Language. It’s a markup language that allows you to specify how text should be displayed.

For example:

<html>
<body>
   <h1>Welcome to my site!</h1>
   <p>
      This is a paragraph.
   </p>
   <p>
      This is another paragraph.  My favorite book is
      <b>Pride and Prejudice</b>.
   </p>
</body>
</html>

http://en.wikipedia.org/wiki/HTML

CSS stands for Cascading Style Sheets. It allows you to split semantic markup from formatting markup which makes it easier to write web-pages. This is a lot like styles in OpenOffice and Word where instead of specifying which text is bold, you specify that certain text use the “titles of books” style and that style is always bold.

For example, the above web page using CSS:

<html>
<head>
<style type="text/css">
.title {
    font-weight: bold;
}
</style>
<body>
   <h1>Welcome to my site!</h1>
   <p>
      This is a paragraph.
   </p>
   <p>
      This is another paragraph.  My favorite book is
      <span class="title">Pride and Prejudice</span>.
   </p>
</body>
</html>

http://en.wikipedia.org/wiki/Css

HTML and CSS on a page don’t change. They’re formatting languages–not programming languages. Javascript is a programming language that allows developers to write web-pages that do things.

All social media sites use extensive amounts of Javascript in the interface.

http://en.wikipedia.org/wiki/Javascript

social media

Social media is any web site or web service that enables interaction and participation often by connecting people in a network.

Many websites have social media aspects to them: comments, forums, buttons to indicate you like something, voting, scoring, and other ways to participate.

Other websites have participation and interaction at their core. This is what I’m referring to when I’m talking about “social media”.

Social media doesn’t have to be just a website. Many successful social media systems use standard Internet protocols or expose application programming interfaces that allow developers and other people to write desktop applications, mobile applications and other things. Sometimes you can use the website or a desktop application or both.

Check to see if there are any other terms that people want defined. Also make sure that if terms pop up that participants don’t understand over the course of the workshop, they should feel free to ask.

Make sure it’s really clear that no one should feel any negative feelings for asking a question about something they don’t understand.

Advantages and concerns of social media

(30 minutes)

Activity: Advantages and concerns about social media

Present

Let’s cover a rough set of advantages and concerns of social media so we have a context in which to think about things as we go through the workshop.

Let’s talk about advantages first. I know we’re at the beginning of the workshop, but what advantages can you think of for using social media sites in your programs?

Have participants talk about advantages social media will have on RE programs. This is at the beginning of the workshop, so it’s totally fine if no one can think of anything.

After things peter out, make sure at least the following are mentioned:

  1. enables us to work together in ways that are convenient to our schedule and the schedules of our volunteers.
  2. allow us to capture what happened, how it happened, what’s currently happening, and what should/will happen in ways that are easy to query, report, disseminate, and learn from (histories, archives, revisions, ...).
  3. social media can relieve participants from having to participate in a specific location. With social media, they’re able to participate from wherever they are: on vacation, at home, at the church, at work, cafes, ...
  4. social media makes it easier to collaborate, coordinate and communicate with each other in a local community as well as with your peers regardless of where they are in the world.

Present

Let’s talk about concerns of social media. It’s best to think of these things as concerns because many of them can be alleviated or worked around . They’re things we have to keep in mind when we’re choosing systems to use and how we’re going to integrate them into our program.

What concerns can you think of when using social media in your program?

Have participants talk about disadvantages of social media. This is at the beginning of the workshop, so it’s totally fine if no one can think of anything.

After things peter out, make sure at least the following are mentioned:

  1. when you use social media, you’re putting personal information out there on the Internet in a place that’s potentially available to anyone in the world
  2. most social media websites are not accessible to people with vision impairments, people who don’t have computers available to them, people who do have computers, but may not have a modern browser, people who have difficulties reading, people who have difficulties using computers and typical application interfaces, ...
  3. social media sites are often run by companies in flux and if the company goes away, then so does the service and you potentially lose your data
  4. social media sites often have bugs and sometimes remove features–things you depend on might go away
  5. communicating electronically lacks all the sorts of things you get in face to face communication and it’s easy to misinterpret what’s being said

Outline of the workshop

(10 minutes)

Explain the outline of the workshop and what you plan to cover. If you can factor in participants’ hopes, that’d be super.

Table Of Contents

Previous topic

Chalice lightings

Next topic

Communication

This Page