1. WebGeekDevCup taghuddle.com/WebGeekDevCup
Thoughts
about
the
WebGeek
DevCup
Nikko
Bau6sta,
Web
Applica6on
Developer
@nikkobau6sta
/
linkedin.nikkobau6sta.com

2. WebGeekDevCup taghuddle.com/WebGeekDevCup
Introduc6on
-­‐
Nikko
Bau6sta
(@nikkobau6sta)
-­‐
Team
APPNimbus
-­‐
Bukas
Palad

3. WebGeekDevCup taghuddle.com/WebGeekDevCup
Bukas
Palad
hLp://webpilipinas.github.com/bukaspalad
-­‐
Bukas
Palad
is
a
Dona6on
and
Resources
Management
System
for
Relief
and
Dona6on
Centers
here
in
the
Philippines

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

5. WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing
Bukas
Palad
hLp://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
(hLp://graphicriver.net)
for
a
very
cheap
price
(e.g.
Bukas
Palad
logo
template
is
$4
USD)

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

7. WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing
Bukas
Palad
hLp://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!

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

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

10. WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing
Bukas
Palad
hLp://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
6me.

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

12. WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing
Bukas
Palad
hLp://webpilipinas.github.com/bukaspalad
Step
3:
Minimum
Viable
Product
-­‐
If
your
6me
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
applica6on
is
going.

13. WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing
Bukas
Palad
hLp://webpilipinas.github.com/bukaspalad
Step
4:
Schedule
-­‐
Scheduling
is
cri6cal
in
a
situa6on
where
6me
is
limited.
DO
NOT
FORCE
YOURSELF
TO
FOLLOW
AN
UNREALISTIC
SCHEDULE.
Create
one
that
suits
your
skills
and
s6ck
to
it
as
best
as
you
can.
-­‐
The
schedule
is
there
to
be
your
guide;
it
is
not
there
to
be
your
master.

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

15. WebGeekDevCup taghuddle.com/WebGeekDevCup
Developing
Bukas
Palad
hLp://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
6me
for
the
improvements
branch,
then
just
switch
to
the
stable
branch

16. WebGeekDevCup taghuddle.com/WebGeekDevCup
Taghuddle

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

18. taghuddle
hLp://taghuddle.com/iPhone5
(
iPhone5)

19. WebGeekDevCup taghuddle.com/WebGeekDevCup
Why
use
it?
-­‐
Automa6cally
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-­‐6me
way
to
discuss
the
updates
with
other
people

20. 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
(hLp://taghuddle.com/
EventName)
-­‐
Watch
as
your
photos
are
automa6cally
retrieved
-­‐
Provide
the
link
to
the
event
aLendees

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

22. 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/TwiLer/
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!
-­‐
BeLer
Service
Provided
=
More
Referrals
for
you!

23. WebGeekDevCup taghuddle.com/WebGeekDevCup
Ques6ons?
• nikko@nikkobau6sta.com
• hLp://facebook.com/nxbau6sta
• hLp://twiLer.com/nikkobau6sta
• hLp://www.linkedin.com/in/nikkobau6sta
• hLp://webpilipinas.github.com/bukaspalad/
• hLp://taghuddle.com