Thoughts  about  the  WebGeek  DevCup  

Nikko  Bau6sta,  Web  Applica6on  Developer  @nikkobau6sta  /  linkedin.nikkobau6sta.com  

WebGeekDevCup taghuddle.com/WebGeekDevCup

Introduc6on  -­‐   Nikko  Bau6sta  (@nikkobau6sta)  

-­‐   Team  APPNimbus  

-­‐   Bukas  Palad    

WebGeekDevCup taghuddle.com/WebGeekDevCup

Bukas  Palad  -­‐   Bukas  Palad  is  a  Dona6on  and  Resources  Management  System  for  Relief  and  Dona6on  Centers  here  in  the  Philippines  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad  

Developing  Bukas  Palad  Step  1:  Idea    

-­‐  Thought  about  my  family  and  friend’s  stories  about  their  experiences  volunteering  at  Dona6on  Centers  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad    

Developing  Bukas  Palad  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)  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad    

Developing  Bukas  Palad  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.    

-­‐   Implement  those  features  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad    

Developing  Bukas  Palad  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

hLp://webpilipinas.github.com/bukaspalad    

Developing  Bukas  Palad  Step  5:  WORK    

-­‐   By  3PM,  I  was  finished  with  Step  1  to  Step  3    

-­‐ WORK  

-­‐   WORK  

-­‐   Finished  MVP  by  6PM  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad    

Developing  Bukas  Palad  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  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad    

Developing  Bukas  Palad  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.  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad    

Developing  Bukas  Palad  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.  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad    

Developing  Bukas  Palad  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.  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad    

Developing  Bukas  Palad  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.  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad    

Developing  Bukas  Palad  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  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad    

Developing  Bukas  Palad  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  

WebGeekDevCup taghuddle.com/WebGeekDevCup

hLp://webpilipinas.github.com/bukaspalad    

Taghuddle WebGeekDevCup taghuddle.com/WebGeekDevCup

What  is  Taghuddle?  Taghuddle  aggregates  updates  from  different  social  networking  sites  based  on            hashtag

WebGeekDevCup taghuddle.com/WebGeekDevCup

taghuddle

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

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  

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  

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  

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!  

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  

WebGeekDevCup taghuddle.com/WebGeekDevCup