Coder Social home page Coder Social logo

localpreservation / localpreservation.github.io Goto Github PK

View Code? Open in Web Editor NEW
4.0 3.0 4.0 30.73 MB

:bell: Local Preservation School: Tools, resources, and tutorials for saving historic places in your community.

Home Page: http://localpreservation.github.io

License: MIT License

HTML 98.74% Ruby 1.26%
oer tutorial preservation localpast savingplaces resources tools

localpreservation.github.io's People

Contributors

dependabot[bot] avatar elipousson avatar todrobbins avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

localpreservation.github.io's Issues

Adding a dark mode/reading mode

I think the website looks, it just needs to have a dark mode or a reading mode, or even both in order for the reading experience to be pleasant. I could see if I can implement it myself.

What courses should the Local Preservation School offer?

When we started this project, I did not want to narrow down the list of possible topics for lessons or courses until we had a chance to start talking to people about their needs and interests. I did some initial planning around course and lesson ideas in a public "Local Preservation 101" Trello board but did not continue using that board past the fall.

In this case, a course is a discrete collection of related lessons or tutorials that we can publish in a stand-alone repository. A course could be used as a more traditional self-guided online course, as the basis for a preservationist Learning Circle, or as a resource for the facilitator of a formal workshop or training.

Here are a few course ideas that we are working on:

Here are a few ideas I'd like to work on:

I can expand on these ideas with short descriptions for each course but I'd also welcome comments or suggestions for what may be missing from this list.

Site Launch Checklist

from the DataMade Site Launch Checklist

Framing / Call to Action

  • Make sure that the site has a clear call to action. This should not be 'hey look at this cool tool'. Rather, it should be a way for someone to engage in a meaningful way on the issue being presented.

Some examples:

  • Join a mailing list (which means you need to create one)
  • Attend an event
  • Share on Facebook/Twitter
  • Donate to a particular organization
  • Create a Tumblr for people to share interesting findings (if it's a data access site)

Web Search Indexing

  • If you have a staging site, tell the search engine robots not to index you with a robots.txt
  • Make sure you allow indexing when you are ready to launch
  • Make sure you handle the www subdomain with DNS redirect

Google Analytics

  • Create Google Analytics account
  • Hook up the GA Tracking Code (typically in our analytics_lib.js file)
  • Set up relevant Goals and Funnels
  • Set up Google Webmaster Tools
  • Verify site in Webmaster Tools with DNS TXT record
  • Link Webmaster Tools to Google Analytics

Sharing & Rich Snippets

  • Set up general meta tags
  • <meta name=“description”>
  • <meta name=“author”>
  • Set up Facebook meta tags & validate here
  • <meta property=“og:site_name”>
  • <meta property=“og:title”>
  • <meta property=“og:type”>
  • <meta property=“og:description”>
  • <meta property=“og:url”>
  • <meta property=“og:image”>
  • Set up Twitter meta tags & validate here
  • <meta name=“twitter:card”>
  • <meta name=“twitter:site”>
  • <meta name=“twitter:creator”>
  • <meta name=“twitter:description”> (note that this needs to be under 200 characters)
  • <meta name=“twitter:title”>
  • <meta name=“twitter:url”>
  • <meta name=“twitter:image:src”>
  • Create 2-5 meme images using Canva or a similar tool

Mobile Friendliness

Test on various mobile devices:

  • scrolling is easy
  • nav bar works
  • hoverable things are tappable
  • charts/maps look ok

Page Speed

Miscellaneous Polish

Load Testing

If your site relies on a database or server-side code, it should use caching and be load tested. If it's a static HTML or Jekyll site, you can skip this section.

Testing

  • Plan for a day of bugfixing. This day should happen after you have added the last features you plan on adding.

GitHub Readme

If the site is open source, make sure the Readme.md is complete and accurate.

Here's a few good examples:

The Readme should have the following sections:

  • Overview
  • Setup
  • Running locally
  • Team
  • Errors / Bugs
  • Pull Requests
  • Copyright and License

Outreach

  • Write up press release
  • Identify who will be the primary person of contact and make their info prominent on the website and all PR
  • Identify relevant media contacts to email
  • Identify relevant social news sites (reddit, listservs, slack channels)
  • Divide & conquer - send out the media blitz!

Make the Get Involved page more inviting and actionable

The Get Involved page is incomplete and confusing. Here is how I think it should be improved:

  • Remove information on Trello (we are not using the board at the moment and it may confuse people)
  • Add at least one image
  • Add a clear call to action (e.g. link to contributor guidelines, link to setup GitHub account, link to help-wanted issue list)
  • Add a contact form to contact me with interest in volunteering

How do volunteers contribute to this project?

  • Add CONTRIBUTING.md document
  • Create a list of issues for volunteers using a help-wanted tag
  • Add Code of Conduct document

Contributor Guidelines

We need Contributor Guidelines with a clear description explaining how volunteers can contribute to this project by adding new text, making revisions and commenting on issues.

Examples

Code of Conduct

Related Resources

[Courses] What topics should the Local Data 101 course include?

Back in the fall, we came up with the idea of building a course about making maps, visualizations, seeing trends and patterns in data about historic places and the past. I started to assemble materials for this class in the Local Data 101 repository.

  • What topics should the Local Data course include?
  • What existing resources are available that could be adapted or reused to create lessons around these topics?
  • Who is the intended audience with the proposed Local Data 101 course?

How do we want lessons on the site to approach teaching?

Do we have a recommended pedagogy for lessons on the site? How do we explain that pedagogical approach to contributors or workshop participants? This question is related to issue #22 and #20.

We need to talk about who the audience for the lessons may be and how they learn.

Resources for adult learners

Resources on designing educational materials

Create a template for new lessons or tutorials

For our upcoming workshops, we want to engage preservation professionals, educators, and interested volunteers in the process of creating lessons for the Local Preservation School and/or adapting existing reference materials to create lessons.

Here is how that process could work:

  • Participants will be provided with a Local Preservation School template and examples of other lessons
  • Depending on the group size, this could be done in teams with 3-5 people per group using Google Docs to collaborate.
  • Later workshops could have access to lessons/tutorials developed by other groups.
  • After the each group drafts a lesson/tutorial, invite participants to present lessons back to the group and reflect on what works and what doesn’t.
  • Present a tutorial on how participants can contribute to Local Preservation School resources beyond the workshop

Here is the draft template in a Google Doc. Based on this draft, these are the parts a lesson should include:

  • Title
  • Audience
  • Difficulty
  • Prerequisites
  • Learning Objectives
  • Key Concepts
  • Exercise/Activity Description

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.