Gruppe 16 Jasmine En-Ning Garry Tor Anders Gustavsen Line Sørensen Fredrik Hoem Grelland Vi er fire studenter ved Informasjonsteknologistudiet, og vil nå presentere vårt hovedprosjekt som vi har jobbet med det siste semesteret ved Høgskolen i Oslo Ingeniørutdanningen.(KLIKK) Jeg heter Jasmine, (KLIKK) Jeg heter Tor Anders, (KLIKK) Jeg heter Line Sørensen, (KLIKK) og jeg heter Fredrik og nå vil jeg først presentere vår arbeidsgiver: -> (KLIKK)

Aptoma AS. Aptoma jobber primært med webapplikasjoner for nyhetsredaksjoner på nett, (KLIKK) og leverer pr. i dag løsninger til store mediehus i Norge og utlandet. Blant deres kunder finner vi blant annet, VG, SOL, og franske 20minuttes.

Produktportefølje ”Dr. Front” ”Listefeber” ”Livefeed” HiO 2006 – ”Atika” HiO 2007 – ”Dr. Klikk” og kanskje… Aptomas produktportefølje (KLIKK) inneholder bla. forsidepubliseringsverktøyet ”Dr. Front”, ”Listefeber”, ”LiveFeed” av sportsresultater (KLIKK) og tidligere hovedprosjekter fra HiO. I 2006 – Turnusverktøyet ”Atika”, I 2007 statistikkverktøyet ”Dr.Klikk”, (KLIKK) og kanskje etter hvert… (KLIKK)

“Sir Jerky Leap” ”Sir Jerky Leap”

Hva er “Sir Jerky Leap”? Arkivskapet, her ser man et ganske uoversiktlig system. I Sir Jerky Leap kan det i stedet se slik ut KLIKK Et overfylt skrivebord, ganske upraktisk. I Sir Jerky Leap kan det se slik ut KLIKK

Hvorfor “Sir Jerky Leap”?

Aptoma Development Process (ADP) KLIKK KLIKK Aptoma Development Process er Aptomas egen prosessmodell. ”The Appel Way”. Prosessmodellen går ut på å først designe, deretter programmere, helst i små sprints på ca 3 uker. Testing skal foregå på slutten av hvert sprint…

Design – ingeniørens uekte barn.

Fra papirprototype

Til et rikt brukergrensesnitt

Demo KLIKK funksjonaliteten er der til en hver tid, men den er lite påtrengende. KLIKK Sir Jerky Leap har et innovativt brukergrensesnitt KLIKK Det er også intuitivt, og enhver bruker kan ta i bruk dette systemet uten problemer  ?

Tilnærming mot vindusapplikasjon Dynamiske kontroller Alt i samme vindu Ingen nye sidevisninger i nettleseren

Fanebasert navigasjon FREDRIK  Gjør det enklere å jobbe på tvers av oppgaver

Hvordan løste vi dette? PHP AFW JavaScript KLIKK KLIKK Scriptaculous og prototype er to javascript-rammeverk, spesielt egnet? KLIKK AJAX…synkrone kall mot bakende gjør…? KLIKK PHP… objektorientert bruk av dette? KLIKK AFW… oppdragsgivers eget PHP-rammeverk

DOM KLIKK KLIKK Scriptaculous og prototype er to javascript-rammeverk, spesielt egnet? KLIKK AJAX…synkrone kall mot bakende gjør…? KLIKK PHP… objektorientert bruk av dette? KLIKK AFW… oppdragsgivers eget PHP-rammeverk

Utvidelse av DOM Prototype document.getElementById(’id’); $(’id’); Scriptaculous Sortable.create('id',[options]); KLIKK KLIKK Scriptaculous og prototype er to javascript-rammeverk, spesielt egnet? KLIKK AJAX…synkrone kall mot bakende gjør…? KLIKK PHP… objektorientert bruk av dette? KLIKK AFW… oppdragsgivers eget PHP-rammeverk

Utfordringer Scriptaculous – Sortable Object.extend( Sortable, { destroy: function(element) { var s = Sortable.options(element); if(s) if(element.id == s.element.id) Draggables.removeObserver(s.element); s.droppables.each(function(d) Droppables.remove(d) }); s.draggables.invoke('destroy'); delete Sortable.sortables[s.element.id]; } }})

Utfordringer AFW – forstå rammeverket, og bruke det riktig.

Takk for oss

Spørsmål?