effective collaboration and engagement in a digital age
effective collaboration and engagement in a digital
[email protected] native2
I take complex things and make them simple and easy to
understand.Lets talk about the future
The first need is to become aware of the world in which we live;
to survey its forces; to see the opposition in forces that are
contending for mastery; to make up ones mind which of these forces
come from a past that the world in its potential powers has
outlived and which are indicative of a better and happier future.
(Dewey, 1958)
8
Social media is the online tools that people use to create,
share and connect with each other9
#1) social media affects how information is delivered10
#2) social media affects how knowledge is collected and
organized11
#3) social media affects how people communicate12
#4) social media affects how people collaborate13
A process not a product14
so how do I use it?A process not a product15
AudienceInterfaceMethodMedia
A process not a product16AudienceA process not a
product17Audience1. Who is your audience?(There can be more than
one!)2. Create a role modelAn example of what your averagecustomer
looks likeA process not a product18InterfaceA process not a
product19InterfaceHow do you want to interact with your
audience?Frequently?Occasionally?Humorously?Informally?Formally?Cautiously?Firmly?Enthusiastically?etc
A process not a product20MethodA process not a product21
MethodHow will your audience interact with you?
A process not a product22MethodWhat tools will your audience
use?
A process not a product23You have a tool.Now what?go
exploringtell the worldpost frequently(but dont bombard)mention,
retweet, favorite, & featuretrack your resultsif it doesnt work
out,try something else
[lets take a break]making a websiteWhat I wont be teaching
you:
HTMLCSSPHPJavascriptServer selectionConnecting to FTPMySQLWhat I
will teach you:
How to find the right person to do everything on the left.
Semantic DesignA web site has two basic components HTML and CSSHTML
contains the content it is the structure of your website.CSS
controls how the HTML is displayed it is like a style guide.
- Home
- About
- Entertainment
- Location
- Safety
About Mayfest 2011 was designed by Student Association and
University Union in collaboration with Syracuse University and the
City of Syracuse. The event will celebrate the end of the school
year and the arrival of spring with free food and beverages and
live musical entertainment. This event is for all SU and SUNY-ESF
students; ID is required for entry. Walnut Park will be split into
three sections, following already-existing city blocks. The first
section offers complimentary beer and food with proof of age, the
middle holds the concert stage featuring live musical acts, and the
third section serves free food and non-alcoholic beverages. Block
Party Mayfest will lead into University Unions Block Party 2011,
which takes place the same day at 7 p.m. in the Carrier Dome.
Hip-hop performer Kid Cudi will headline the event. He will be
joined by special guests Nas and Damian Marley. Doors to the Dome
will open at 6 p.m. Guest Tickets 350 guest tickets will be
available for purchase for Mayfest 2011. SU/ESF students may
purchase one guest ticket, for $20, at the Schine Box Office. A
valid college ID is required for all guests to Mayfest 2011. Guest
Ticket Sales
- Available at the Schine Box Office beginning Tuesday, April
12
- Tickets can only be purchased by SU or SUNY-ESF students
- Limit ONE guest ticket per SU/SUNY-ESF student
- Ticket includes food, non-alcoholic beverages, music
entertainment
- Beer is included for the guests who are 21 years of age with a
valid college ID and state issued ID over 21
- Tickets are limited and will be sold until 1 p.m. on Friday,
April 29, or earlier in the event they sell out
Guest Admission Requirements
- Must have valid ticket plus college ID for admission to Walnut
Park
- Must have valid ticket plus college ID and state issued ID over
21 to receive bracelet for beer and admission to beer section of
Walnut Park
- Backpacks and/or bags are not permitted
- Entry between 1 p.m. and 3p.m. receives wristband for four
beers
- Entry after 3 p.m. receives wristband for two beers
The HTML contains *no* information on the colors, fonts, sizes,
etc.
It just displays basic organization of the content headings,
paragraphs, lists, etc. HTMLIts important to keep styling away from
HTML if you dont it becomes difficult to change things.HTML(it also
is really bad for search engine rankings and
accessibility)h1,h2,h3,h4,h5,h6 {font-family:
Tahoma,Geneva,sans-serif;color: white;font-weight:
bold;padding-bottom: 0.5em;line-height: 1;}The CSS for the headings
contained all of the information on how headings should look.
CSSBasic Design has three componentsHeaderBodyFooter
HeaderBodyFooterSome Sites Have a
SidebarHeaderBodyFooterSidebar
HeaderBodySidebar
HeaderBodyColumnColumn
HeaderBodySidebarSemantic DesignYour content shouldnt revolve
around your design.(the same HTML file should have be able to be
used for any of the designs we just looked at)CMSA CMS (Content
Management System) allows you to control your website without
dealing with code.YOU NEED A CMS!
CMS
Drupal
CMSThe CMS you choose depends on your specific needs and should
be discussed with your web designer.SitemapsA sitemap is a simple,
text-based listing of the pages on your
website.SitemapsHomeAboutCompanyStaffProductsShippingSupportContact
UsFeaturesYou should decide on what features your website should
have. This is anything beyond a simple page.FeaturesPhoto
GalleryContact Us formEvent SignupSocial Media (recent Tweets, like
button)CalendarSearchCommentsMore and more of this can be
outsourced to other services (many which are free!)Finding a
DesignerThere are a few steps to thisFinding a DesignerStep 1Decide
on a priceMost designers charge between $75-$150 an hour.
Grassroots.org offers a system that connects non-profits with web
developers willing to give free services.SU is a great resource!
The iSchool, Newhouse, and Maxwell all have classes working with
community organizations to create a web presence. Finding a
DesignerStep 2Create your requirementsMake a sitemap, choose your
features, and decide if youre going to use a CMS (you dont need to
pick a specific one, but many designers specialize in specific
systems)Finding a DesignerStep 3Reach out to designersFind other
sites you like and see who made themFinding a DesignerStep 4Pick
your designerThe most expensive site isnt always the best! They
should provide you a good idea of their capabilities and what to
expect.Finding a DesignerStep 5Trust your designerDont backseat
design they are experts and have experience in crafting great user
experiences! Plus, every change you make could drive up the
cost.Simple ImprovementsWhat if I cant afford a designer? What can
I do to quickly improve my site?Simple ImprovementsWidgets are a
great way to improve your user experience!Simple Improvements
Simple ImprovementsYou can also improve your current
contentSimple ImprovementsRevise TextAdd videosChange photosEdit
headersInsert Calls to ActionAll these actions make your visitors
read a little deeper plus help your Google score!effective
collaboration and engagement in a digital ageSpecial Thanks:
@skytland, @JESS3
