WebGeekDevCup taghuddle.com/WebGeekDevCup
Thoughts about the
WebGeek DevCup
Nikko Bautista, Web Application Developer
@nikkobautista / linkedin.nikkobautista.com

WebGeekDevCup taghuddle.com/WebGeekDevCup
Introduction
- Nikko Bautista (@nikkobautista)
- Team APPNimbus
- Bukas Palad

WebGeekDevCup taghuddle.com/WebGeekDevCup
Bukas Palad
http://webpilipinas.github.com/bukaspalad
- Bukas Palad is a Donation and
Resources Management System for
Relief and Donation Centers here in the
Philippines

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 1: Idea
- Thought about my family and friend’s
stories about their experiences
volunteering at Donation Centers

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 2: Brand
- Thought about a good name to use
- Once I had a name (“Bukas Palad”), I
developed a logo.
- You can purchase design/logo elements on GraphicRiver (http://graphicriver.net)
for a very cheap price (e.g. Bukas Palad logo template is $4 USD)

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 3: Minimum Viable Product
- Wrote down all the features I wanted, ordered
by priority
- Erase bottom 50%
- From the remaining, I determined which features
are ABSOLUTELY and UNEQUIVOCALLY required.
- Implement those features

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 4: Schedule
- Determined a deadline for each feature on my
list (e.g. Feature #1 should be done by 11:30AM,
Feature #2 should be done by 12:00NN
- WORK!

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 5: WORK
- By 3PM, I was finished with Step 1 to Step 3
-WORK
- WORK
- Finished MVP by 6PM

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 6: Improvements
- Picked improvements from my list of features
that did not make the second feature cut.
- “Transportation” feature
- “Update Feed” feature
- Implement in a separate Git branch
- Launch each feature one at a time

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 1: Idea
- Always choose to do something that you are very
familiar with or have experienced yourself. This
way, you are knowledgeable with the problem you
are trying to solve. This cuts out a lot of research
time.

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 2: Brand
- The Brand should be something quite easy to
remember and related to your idea. Your brand
distinguishes your app from the other
applications, so make sure you have a good one.

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 3: Minimum Viable Product
- If your time is limited, always go for the MVP, but
make sure to keep a list of all the features you
want to implement. This gives you a clear
roadmap on where your application is going.

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 4: Schedule
- Scheduling is critical in a situation where time is
limited. DO NOT FORCE YOURSELF TO FOLLOW
AN UNREALISTIC SCHEDULE. Create one that suits
your skills and stick to it as best as you can.
- The schedule is there to be your guide; it is not
there to be your master.

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 5: WORK
- Be smart about working. If you find yourself
doing something for more time than it’s worth,
find a faster way to do it or drop it.
- Stay Focused and Keep Shipping

WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad
Step 6: Improvements
- If you can, always use a VCS – it makes it easy to
create a stable and a improvements branch.
- If there is not enough time for the
improvements branch, then just switch to the
stable branch

WebGeekDevCup taghuddle.com/WebGeekDevCup
Taghuddle

WebGeekDevCup taghuddle.com/WebGeekDevCup
What is Taghuddle?
Taghuddle aggregates updates from
different social networking sites based
on hashtag

taghuddle
http://taghuddle.com/iPhone5 ( iPhone5)

WebGeekDevCup taghuddle.com/WebGeekDevCup
Why use it?
- Automatically retrieves your updates from your social
networking accounts as long as it has the hashtag
- Let’s you see other people’s updates about a specific
topic.
- Let’s you create a private huddle for retrieving updates
and showing them to a specific group of people
- Provides an easy, real-time way to discuss the updates
with other people

WebGeekDevCup taghuddle.com/WebGeekDevCup
Case Study: Photobooth
- Photobooth photos are taken at an event
- All photos are posted in a Facebook album – the album
is hashtagged EventName
- Visit the huddle for the event
(http://taghuddle.com/EventName)
- Watch as your photos are automatically retrieved
- Provide the link to the event attendees

WebGeekDevCup taghuddle.com/WebGeekDevCup
Case Study: Wedding
- Wedding Planner creates a private huddle for the
wedding (taghuddle.com/v/50#DelaCruzSantosWedding)
- Notify all wedding guests that when posting pictures on
Facebook/Twitter/Instagram to use the hashtag
DelaCruzSantosWedding
- Once the wedding is done, notify the wedding guests of
the private huddle URL, tell them to make sure to
connect their accounts

WebGeekDevCup taghuddle.com/WebGeekDevCup
Case Study: Wedding
- While the guests visit the site, all their personal updates
are retrieved
- Guests who are not friends on
Facebook/Twitter/Instagram will be able to see each
others updates!
- Bride and Groom will be able to see photos from all the
guests, from their point of view!
- Better Service Provided = More Referrals for you!

WebGeekDevCup taghuddle.com/WebGeekDevCup
Questions?
• nikko@nikkobautista.com
• http://facebook.com/nxbautista
• http://twitter.com/nikkobautista
• http://www.linkedin.com/in/nikkobautista
• http://webpilipinas.github.com/bukaspalad/
• http://taghuddle.com