Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Application to Khan Academy

Steph Jang
September 14, 2013

Application to Khan Academy

Steph Jang

September 14, 2013

Other Decks in Programming


  1. Inspired  by  cool  interacEve  exercises,  I   set  out  to

     make  one  myself.   WOAH…   INTERACTIVE!  
  2. A  few  weeks  ago,  the  exercise  was  pushed   live.

     Thanks,  @beneater  and  @mwahl!  
  3. While  making  the  exercise,  I  found   myself  thinking  about

     how  the   Exercises  UI  could  be  improved.  
  4. ANSWER   Check  answer   Get  a  hint   Watch

     a  video   Simple multiplication! EXERCISES   How  much  wood  would  25   woodchucks  chuck  if  a   woodchuck  could  chuck  17   pieces  of  wood?   25   HINTS   How  many  woodchucks  are   there?  25.     Okay,  now  that  we  have   the  number  of   woodchucks,  how  much   wood  can  each  woodchuck   chuck?  17  pieces.     So  if  each  woodchuck   could  chuck  17  pieces  of   wood,  and  there  are  25   woodchucks  at  work,  we   have  25  *  17  pieces  total.     =  25  *  (10  +  7)     =  250  +  (20  +  5)  *  7     =  250  +  140  +  35     =  250  +  175   =  300  +  125   =  425  pieces  of  wood  total   17   Get  a  hint   0  hints   leO  
  5. Then,  I  set  out  to  build  a  working   prototype

     using  KA’s  actual   exercises  codebase.  
  6. It  ended  up  looking  a  liQle  different,   but  sEll

     aimed  to  address  issues   idenEfied  with  the  current  design.  
  7. The  user  can  scroll  down  and     sEll  use

     the  answer  area  buQons   (consistent  with  the  current  design)  
  8. A  summary  of  the  major  changes   Bigger  problem  text

      Centered  problem   Can  view  hints  and    problem  together   AutomaEc  scrolling   for  hints   Less  text,     bigger  buQons  
  9. You  can  try  the  mockup  for   yourself*  by  cloning

     a  branch  of  my   repo.  (Link  provided  at  the  end  to   hold  your  aQenEon.)     *Please  use  a  recent  version  of  Chrome  for  best  results.  Other  browsers/versions  have   not  been  fully  tested…    
  10. This  is  meant  to  be  a  discussion   starter,  and

     by  no  means  a  final   design.    
  11. For  example,  the  hints  sidebar  is  too   narrow  for

     some  hints  with  graphie   elements.  
  12. Here  is  the   hypotheEcal   table.   IKEA  

      VIKA  AMON/ VIKA  CURRY   Table,  white     $39.99  
  13. Skills   -­‐  JavaScript,  jQuery,  Handlebars.js   -­‐  HTML,  CSS,

     SCSS/Compass,  Photoshop   -­‐  Java   -­‐  Some  Ruby  on  Rails,  Python,  C++     Preferred  environment  (but  I  can  adapt)   -­‐  Textmate,  vi   -­‐  Chrome  Developer  Tools   -­‐  Mac  OS  X   -­‐  Bash  
  14. But  I’m  also  not  afraid  of   feedback,  because  that’s

     one  of   the  quickest  ways  to  learn.  
  15. PRESENT In  a  small  group  charged  with   bringing  MicrosoW’s

     search  ads  to   Bing  and  Yahoo!  in  internaEonal   markets.  
  16. PRESENT However,  aWer  working,  I’ve  realized   how  important  it

     is  for  me  to  do   work  that’s  imagining  and  creaEng  a   beQer  future.  
  17. PAST PRESENT Where  I  majored  in  Electrical  and   Computer

     Engineering  (ECE)  and   minored  in  Computer  Science.  
  18. PAST PRESENT At  Duke,  I  was  very  involved  with  

    our  Engineers  Without  Borders   chapter.  
  19. PAST PRESENT I  led  a  10-­‐student  team  which   designed

     and  built  a  3,000  sq.  W.   government-­‐endorsed  health  clinic   in  rural  Honduras.  
  20. PAST PRESENT AWer  my  junior  year,  I  interned  at  a

      venture-­‐funded  clean-­‐tech  startup   called  Redwood  Systems.  
  21. PAST PRESENT A  fellow  intern  and  I  developed  a  

    Python  package  to  simplify  sensor   data  analysis.  We  fondly  named  it   Pynecone.  
  22. PAST PRESENT In  another  project,  I  used  MATLAB   to

     generate  a  Eme-­‐lapsed   visualizaEon  of  moEon  sensor  data   for  use  in  VC  and  customer  pitches.  
  23. PAST PRESENT In  my  senior  year,  I  led  a  team

     to   second  place  overall  and  a  $10k   prize  in  the  university-­‐wide  Duke   Start-­‐Up  Challenge.  
  24. PAST PRESENT Our  idea,  70  Sesame,  was  like   GroupMe

     for  China,  with  features  to   help  with  group  planning  and   polling.  
  25. PAST PRESENT A  screenshot  from  our  demo  video,    

    in  English  for  the  audience:   Full  vid  here:  hQp://stchangg.com/projects/70sesame    
  26. PAST PRESENT However,  we  did  not  conEnue  with   the

     idea  as  we  weren’t  quite  ready   to  do  business  in  China...  
  27. PAST PRESENT (To  be  fair,   this  was  just  

    one  of  several   reasons.)  
  28. PAST PRESENT Finally,  before  Duke,  I  went  to  a  

    math  &  science  high  school  where   students  worked  in  small  groups   during  class,  like  in  KA’s  LASD  pilots.   It  was  preQy  great.  
  29. In  the  future,  I  want  to  build  a    

    {company,  nonprofit,  or  social  movement}     that  helps  people  change  their   mindset  to  achieve  their  goals.  
  30. So,  you  see,  helping  build  out  KA’s   exercises  plazorm

     is  an  exciEng   opportunity  to  learn  firsthand  how   to  do  this  in  educaEon.  
  31. Looking  forward  to  hearing  back   from  you!   • 

    hQp://stchangg.com/projects/   •  Porzolio  site  with  recent  projects  (2011+)   •  hQp://www.linkedin.com/in/stchangg   •  More  tradiEonal  resume,  no  side  projects    
  32. Code  Links   •  Redesign  code:   – hQps://github.com/stchangg/khan-­‐exercises/ tree/redesign  

      •  KA  pull  requests:   – Telling  Time  2:  created  the  exercise   •  hQps://github.com/Khan/khan-­‐exercises/pull/8913     – Slope  of  a  Line:  added  a  problem  type  (interacted   with  @marcia)   •  hQps://github.com/Khan/khan-­‐exercises/pull/6124