Gruppe 16 Jasmine En-Ning Garry Tor Anders Gustavsen Line Sørensen

Presentasjon om: "Gruppe 16 Jasmine En-Ning Garry Tor Anders Gustavsen Line Sørensen"— Utskrift av presentasjonen:

1

2 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)

3 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.

4 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)

5 “Sir Jerky Leap” ”Sir Jerky Leap”

6 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

7 Hvorfor “Sir Jerky Leap”?

8 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…

9 Design – ingeniørens uekte barn.

10 Fra papirprototype

11 Til et rikt brukergrensesnitt

12 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  ?

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

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

15 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

16 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

17 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

18 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]; } }})

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

20 Takk for oss

21 Spørsmål?