Steg 3 – Applikationsidé och design
App, app papegoja?
Jag tänkte att jag skulle gräva ner nosen i JavscriptMVC som ser ut att vara en vettig och intressant sak om man ska bygga en applikation som består av mestadels Javascript och massa AJAX-kommunikation.
Det finns ett flertal olika delar som default med bl.a testning så jag kommer dyka in i grunden och de delar som skickas med. Jag har även kikat på t.ex CouchDB som ser intressant ut men jag väljer att köra på en klassisk MySQL-databas via PHP som levererar data i JSON-format till applikation. Det är något som jag redan kan vilket betyder jag får mer tid åt JavascriptMVC.
Själv applikationen blir en dela-notes-applikation med PHP och MySQL som backend då. Ingen användarautensiering utan det blir öppet för alla. Specifikation:
- Javscript med AJAX-anrop (JSON-data)
- Backend i PHP + MySQL
- Frontend i JavascriptMVC + jQuery
- Funktioner (kan komma att ändras):
- gruppera anteckningar (även grafiskt visa/placera i en grupp)
- CRUD anteckning(ar)
- CRUD grupper
- drag’n'drop av en anteckning
- byta bakgrundsfärg på anteckning
- spara namn via kaka eller html5 localstorage
En annan intressant sak som jag tänkt lite grann på vore om man kan exportera/impotera anteckningar eller skapa en synkning ifrån en annan instans – men det är en funktion som får hamna på kanskelistan.
Design
När jag sitter och pysslar med designen så märker jag att jag behöver sätta mig in mer i ramverket JavascriptMVC samt även testa för att förstå mig på det vilket jag ska ta tag i helgen. Dokumentationen är inte helt klockren vad jag sett hitills och den bästa sidan för att komma igång förutom Get Started (en kort tutorial bara) heter Rapid Start.
Men jag har kommit så här långt iallafall:
Intro (controller)
- hämta namn ifrån Modellen User.get (retunerar en sträng eller false)
- visa sidan “skriv in namn” vid false eller till huvudappen om det är en sträng.
Main (controller)
- vid start; hämta alla grupper och gruppernas scribbles samt rendera gränssnitt
- koppla nödvändiga events
User (model ifrån html5 localstorage eller kakor)
- get (retunerar en sträng eller false)
- save (retunerar false eller true)
- update (retunerar false eller true)
Group (model ifrån php->databasen)
- getAll (retunerar en array av objekt eller false)
- save (retunerar false eller id)
- delete (retunerar false eller true)
- update (retunerar false eller true)
Scribble (model ifrån php->databasen)
- getAll (retunerar en array av objekt eller false)
- save(retunerar id eller false)
- delete (retunerar false eller true)
- update (retunerar false eller true)
Mockups
Här är några bilder som jag satte ihop för att få en lite mer grafisk bild hur jag tänkt mig.. gränssnittet kommer med största sannorlikhet att finslipas och förbättras 
Så ser det ut Kodskelett m.m finns att kika på här.
March 3rd, 2011 at 12:00 pm
Så, du har också vågat dig på JSMVC, kul! Ska bli spännande att sammanfatta folks erfarenheter av det ramverket i efterhand! Precis som du skriver så är det svårt att göra en övergripande design av kodskelettet innan man vet hur JSMVC påverkar strukturen.
Gillar din applikationsidé! Bra definierad, alltid tacksamt med grafiska prototyper för att se hur funktionaliteten ska se ut. Finns en del detaljer vad gäller hantering av scribbles och groups som du inte specar, men det kommer du ju ändå göra allteftersom du påbörjar implementationen. När läraren ger respons 1 vecka för sent får han dessutom skylla sig själv.
Lycka till med implementationen!