UXE - Build a Graphviz document

Being able to diagram a proposed workflow is a necessary skill in UX. Anyone can reach for a drawing tool and start to "design" a workflow, but all too often people get caught up with making these charts look good.

The real exercise is in understanding how these relationships work, not how the diagram looks.

Graphviz is an excellent tool for doing just that and letting a computer decide how it looks.

Reading the overall documentation and looking at examples, the goal of this assignment is to have you create an example workflow for the HTML page you created. Be sure to download the app for either Mac or Linux.

Submitting assignments

Submitting assignments for this course will require leveraging some of the more advanced features of Github. These features will not only improve your knowledge of Git and Github, but also provide practice exercises for working on a distributed project with a large team.

How to submit an assignment

In order to submit assignments, please use the following steps

  1. Fork this repo so that you have a working version
  2. Clone the forked repo to your local computer
  3. Create a folder named with your name and the class designator, example dale-sande-b12
  4. Once completed with your assignment, commit code to the master branch and push to Github git push origin master
  5. From your fork of the project, initiate a pull request to the parent repo

Assignment review

When a pull request is initiated, I will be notified of the update and comment on the submitted assignment via Github tools.

Keeping your local repo up to date

Your local repo will be an independent version of the original repo from the moment you fork the repo. In order to keep your local repo up to date with the original repo, you need to do what is called an upstream pull.

To manage an upstream pull, I suggest updating your .bash_profile and your .gitconfig file with easy to remember aliases.

.bash_profile

In your .bash_profile add the following alias

alias upstream="git remote add upstream \$@"

From the command line you simply need to refer to the alias and add the path to the upstream repo as shown in the following example.

$ upstream https://github.com/blackfalcon/unicorn-class-css-section.git

Once the upstream repo is configured for your local repo, this never needs to be reset again, unless you delete your local repo.

.gitconfig

In your .gitconfig add the following alias

pu = !"git fetch origin -v; git fetch upstream -v; git merge upstream/master"

From the command line, within the project repo, enter the following command to pull latest code from the upstream master.

git pu