Category: Development Process

Agile

Peter Dillon

I am currently on a team that uses the agile process. We use VersionOne for sprint tracking, and TFS and HP-ALM for bugs. Here is my experience.

User Stories – Pre-sprint

The Functional and UX team writes “stories” that contain “user acceptance criteria” which explain in detail what is needed from a certain process. They tend to write things out like this:

1. The content manager needs to be able to add and control the order of ‘featured posts’
2. When choosing featured posts, the content manager needs to choose the order in which to display the posts
3. The choices the content manager will have are: date, alpha-numeric and most popular

…and so on.

The Sprint

Sprint Planning

The developers and scrum master meet in a room to read the user stories aloud, discuss complexity and issues, and try to answer any questions they may have.

Points

Developers and specialists then proclaim a point to estimate the complexity that it may take to complete their tasks. The agile point system uses the concept of “relative sizing.” Where most estimates will be at the lower end of the Fibonacci series: 1, 2, 3, 5, 8, 13, 21 and so on. The goal is to group things of similar overall difficulty rather than a precise estimate.

  • Complexity is the “stuff we have to figure out.” We know we can solve the problem, and we probably have a decent feel for how we’ll approach it, but we still have to figure it out.
  • Effort is the amount of stuff that needs done.
  • Doubt is about the stuff we don’t actually know if it can be done. Something that would cause you to spin your wheels for a while before you figure out if you can actually do the work.

Commitment

Here developers and testers offer to do and test the work.

Tasking

Developers then go to VersionOne and create tasks. Testers write testing parameters and process. This is where I will read the story over again, and really focus, imagine and write down every part of what I have to do. Here is where you make an hourly estimate.

Backlog

The collection of all stories and tasks for the entire sprint.

Scrum

A short 15 minute meeting where the entire team reports to the scrum master and discusses day-to-day issues and ‘blockers’ if there are any. The conversation goes like this:

  1. What have they achieved since the last meeting? (yesterday)
  2. What will they achieve before the next meeting? (tomorrow)
  3. Is anything holding up their progress? (impediments)

Velocity

The measure of the amount of work a team can tackle during a single sprint and is the key metric in scrum. Velocity is calculated at the end of the sprint by totaling the Points for all fully completed user story.

Blockers

When someone (e.g. John’s code is not deployed) or something (e.g. the ui is unreadable or program crashes) is stopping you from progressing further.

Burn Down

As you work, you can ‘burn down’ hours on your tasks. It is similar to a timecard process.

Demos

Once a week (or more) our department manager requests demos on stories so he can see the progress. It often contains positive feedback as well as constructive criticism. It also helps in getting a grooming session escalated since he holds more power than the developers. (This is not part of the agile process.)

Grooming

Along the way, you may find the task is completely off track, more difficult than expected or impossible to complete as expected and needs to be looked at again by the functional UX team. The scrum master needs to address the stakeholders as quickly as possible and if they agree that their initial requirements were incorrect, they can start a grooming process that allows them to change the requirements.

Retrospective

At the end of the sprint, the entire team once again gathers to discuss how this sprint went and present ideas on how we can improve for the next one.

Hardening and Refactoring

A time between sprints allotted to going back and looking over the work you’ve done and making it better. We all know that when that sprint deadline is looming you may take some short cuts, or not spend as much time on optimization as you would have liked – this is the time to do it.

Interview Challenges

Peter Dillon

I am in the process of interviewing and wanted to document all the code challenges I am confronted with.

For every repeating letter in a string, add a “*” between them.
[codepen_embed height=”268″ theme_id=”0″ slug_hash=”adwyLw” default_tab=”result” user=”peterdillon”]See the Pen String Manipulation JS Challenge by Peter (@peterdillon) on CodePen.[/codepen_embed]

Check if a given number is a power of 2:
[codepen_embed height=”268″ theme_id=”0″ slug_hash=”GoEvaa” default_tab=”result” user=”peterdillon”]See the Pen Check Power of 2 by Peter (@peterdillon) on CodePen.[/codepen_embed]

Presented with a photoshop design I was asked to code this in 20 minutes, making sure the bottom 3 elements were coded in flex-box: [codepen_embed height=”268″ theme_id=”0″ slug_hash=”ZQyzao” default_tab=”result” user=”peterdillon”]See the Pen Interview Code Challenge by Peter (@peterdillon) on CodePen.[/codepen_embed]

What does jQuery .delegate do? How is it the same or different than .on? What does .off do? What is bubbling?
[codepen_embed height=”268″ theme_id=”0″ slug_hash=”jWGwKz” default_tab=”result” user=”peterdillon”]See the Pen Event Capturing with .on, .delegate and plain js by Peter (@peterdillon) on CodePen.[/codepen_embed]

How does css animation and transition work?
[codepen_embed height=”268″ theme_id=”0″ slug_hash=”dGVWqw” default_tab=”result” user=”peterdillon”]See the Pen CSS Transform, Transition and Animation by Peter (@peterdillon) on CodePen.[/codepen_embed]

Photoshop Challenge:
I was asked to grab a layer with a drop shadow effect on it from within a full page layout design document and export it as a png with transparency and effect included.

  1. Right click on desired layer and choose “Duplicate Layer”
  2. In dialog “Destination” choose ‘New”
  3. This gives you a new document the same height and width as the original with your new layer in it’s respective place
  4. Choose menu “Image > Trim” (There are many options when trimming but for this purpose the default meets the requirement)
  5. To save as, you have two choices, the classic “Ctrl+Alt+Shift+S” to open the “Save For Web” dialog or you can Right click layer and choose “Quick Export As PNG”
  6. Compression varies – on small simple graphic QE was more compressed – on large colorful file – SFW was smaller.