Eindwerk voorgedragen door: Van den Broeck Silke en Van Peborgh Stijn Tot het bekomen van het diploma Hoger Onderwijs, één cyclus, volledig leerplan, studiegebied Handelswetenschappen, opleiding Informaticamanagement en multimedia Thomas More Mechelen, 2012 – 2013 Interne promotoren: mevrouw K. Rutten en de heer D. Heerinckx Eindwerk voorgedragen door: Van den Broeck Silke en Van Peborgh Stijn Tot het bekomen van het diploma Hoger Onderwijs, één cyclus, volledig leerplan, studiegebied Handelswetenschappen, opleiding Informaticamanagement en multimedia Thomas More Mechelen, 2012 – 2013 Interne promotoren: mevrouw K. Rutten en de heer D. Heerinckx "Ik, Silke Van den Broeck, verklaar dat, voor zover ik er weet van heb, deze scriptie geen materiaal bevat dat ooit in eender welke instelling is gebruikt om een diploma, van welke aard ook, te behalen of dat eerder werd gepubliceerd of geschreven door een ander persoon, behalve daar waar deze scriptie referenties bevat naar andere werken.” "Ik, Stijn Van Peborgh, verklaar dat, voor zover ik er weet van heb, deze scriptie geen materiaal bevat dat ooit in eender welke instelling is gebruikt om een diploma, van welke aard ook, te behalen of dat eerder werd gepubliceerd of geschreven door een ander persoon, behalve daar waar deze scriptie referenties bevat naar andere werken.” Inhoudstafel Voorwoord ................................................................................................................................... 1 Samenvatting ............................................................................................................................... 2 Inleiding ....................................................................................................................................... 3 1. Uitgangspunt ........................................................................................................................ 4 2. Onderzoek ............................................................................................................................ 5 2.1 Concurrentieanalyse ................................................................................................................... 5 2.1.1 Tab Pro ........................................................................................................................... 5 2.1.2 Guitar Pro ....................................................................................................................... 6 2.1.3 Sibelius............................................................................................................................ 6 2.1.4 MuseScore ...................................................................................................................... 7 2.1.5 Finale .............................................................................................................................. 8 2.1.6 Power Tab ....................................................................................................................... 9 2.1.7 Notion 3 ........................................................................................................................ 10 2.1.8 Noteflight...................................................................................................................... 11 2.2 Interview .................................................................................................................................. 13 2.2.1 Kader ............................................................................................................................ 13 2.2.2 Korte samenvatting ...................................................................................................... 13 2.2.3 Conclusie ...................................................................................................................... 14 2.3 Enquête .................................................................................................................................... 15 2.3.1 Kader ............................................................................................................................ 15 2.3.2 Resultaten..................................................................................................................... 15 2.3.3 Conclusie ...................................................................................................................... 37 3. Concept .............................................................................................................................. 40 3.1 Mission Statement ................................................................................................................... 40 3.2 Probleemstelling....................................................................................................................... 40 3.3 Voorgestelde oplossing ............................................................................................................ 41 3.4 Functionaliteiten ...................................................................................................................... 41 3.4.1 Partitureneditor ............................................................................................................ 41 3.4.2 Snapshots ..................................................................................................................... 42 3.4.3 Delen ............................................................................................................................ 42 3.4.4 Documentatie ............................................................................................................... 43 3.5 Doelgroep ................................................................................................................................. 43 3.5.1 Segmenten .................................................................................................................... 43 4. Flow ................................................................................................................................... 48 5. Design ................................................................................................................................ 51 5.1 Kleurenpallet ............................................................................................................................ 51 5.2 Lettertypes ............................................................................................................................... 52 5.3 Logo .......................................................................................................................................... 52 5.4 Style tile .................................................................................................................................... 53 5.5 Product page ............................................................................................................................ 54 5.6 Applicatie.................................................................................................................................. 56 5.6.1 Inloggen en registreren ................................................................................................ 56 5.6.2 Project overview ........................................................................................................... 57 5.6.3 Add project .................................................................................................................. 60 5.6.4 Edit project ................................................................................................................... 62 5.6.5 Score ............................................................................................................................. 62 5.6.6 Score toolbar ................................................................................................................ 67 5.6.7 User settings ................................................................................................................. 72 6. Technische analyse ............................................................................................................. 77 6.1 Frontend ................................................................................................................................... 77 6.1.1 Twitter Bootstrap ......................................................................................................... 77 6.1.2 VexFlow en VexTab ....................................................................................................... 78 6.1.3 Image picker ................................................................................................................. 79 6.1.4 KineticJS ........................................................................................................................ 80 6.2 Backend .................................................................................................................................... 81 6.2.1 Pusher ........................................................................................................................... 81 6.2.2 PHP met CodeIgniter .................................................................................................... 84 6.3 Databankontwerp..................................................................................................................... 84 6.4 Version Control........................................................................................................................