Open Hack NightLafayette College Libraries

Overview

● Objectives

● Teams and Roleso GitHub

● Toolso Git

o Working with the Site

● Hacking

● The Results

Objectives

● Web Development (dev)o Resolving Bugs

● User eXperience Analysis and UI Design (design)o Proposing Improvements and Features

Objectives

● Resolving Bugs (dev)o Select an identified bug

o Resolve the bug within your working environment

o “Push” your solutions to GitHub

o Issue a “Pull Request”

o Review your submission

o Prosper

● Identifying Improvements and New Features (design)

Objectives

● Resolving Bugs (dev)

● Identifying Improvements and New Features (design)o Select a site feature or component

o Identify problematic cases for the feature

o Document the desired improvement or feature

o “Push” your document on GitHub

o Issue a “Pull Request”

o Prosper

Teams and Roles

● Looking Towards Scrumo Scrum is a lean project management methodology

o Teams are self-organizing

o Roles are loosely structured

Team Manager (Scrum Master)

Product Manager (Product Owner)

Designers

Developers

Teams and Roles

● Suggested Roleso Team Manager

Presents solutions and design deliverables

o Designer

Drafts analysis and design documents

o Product Manager

Controls the quality of bug solutions

o Developer

Implements bug solutions

Tools and Services

● Using GitHubo Please see the presentation on GitHub usage

o https://docs.google.com/presentation/d/1CQbxwwPMscxUKsx_bOOYf

kbV3a9P2lDJcH7GdRR2Zxw/edit?usp=sharing

Tools

● Git (for Developers)o git Operations

git add● Add changes to be pushed

git commit● Prepare the changed files for the push with a message

git push● Push the set of changes (a commit) to the remote base

Tools

● Git (for Designers)o GitHub provides an interface for drafting documents

GitHub Wiki● Oriented towards technical documentation

● Not optimized for presentation

GitHub Pages● Documents drafted in the browser are pushed

● GitHub projects are then publicly accessible

o Templates are offered by GitHub for these pages

o One can further edit the CSS files for aesthetics

Hacking

● Hacking Site Structure (Developers)o Issues are taken

o Changes are Committed and Pushed

● Hacking Site Design (Designers)o Components and Features are Taken

o Documents are drafted and pushed

o The Wiki or Site is published and updated

Rewarding Points

● Bug Resolutiono 1 point for a “push”

o 4 points for issuing a “pull request”

o 6 - 12 points for the resolution of an issue

o 16 points for implementing new features

● Design

Assessing the Results

● Bug Resolution

● Designo 1 - 6 points for wiki documentation

More are possible

o 4 - 12 points for GitHub Pages

16 - 24 for web design

o 8 - 16 points for design deliverables

o < 16 points for integration with bug resolution

Pedagogy and Philosophy

● Open Hack Night should remain open

o Lafayette College Libraries serve you in providing a

free (as in libre) and open and learning space

Experiment with new technologies

Do not limit yourself to solving bugs

Don’t reinvent Bootstrap

Hacking

Commence!

Lost? Undecided? Just Join Us?

Join a Team and Take a Role!

Code Design

GitHub Tutorial GitHub Tutorial

Hacking Tutorial Design Tutorial