Artist webside. Gruppe medlemmer Joakim Kartveit. Oppdragsgiver Tetriz Event & Management. Frode Mathiesen. Gry Anita Nilsen.

Transkript

1 Artist webside Innhold Artist webside...1 Gruppe medlemmer...1 Oppdragsgiver...1 Kontaktperson...2 Veileder...2 Oppgaven...2 Muligheter...2 Sammendrag...2 Dagens situasjon...2 Mål og rammebetingelser...3 Tidsramme...3 Testing...3 Maskinplattform og utviklingsmiljø...3 Utviklings miljø...3 Verktøy...3 Mål...3 Løsninger alternativer...4 Løsninger Back end...4 Løsninger front end...4 Analyse av virkninger...5 Vedlegg...6 Fremdriftsplan...6 Arbeidsplan...6 Gruppe medlemmer Joakim Kartveit Frode Mathiesen Gry Anita Nilsen Jasmin Mehrnia Oppdragsgiver Tetriz Event & Management

2 Pløens gate Oslo Kontaktperson Tetriz Event & Management Daniel Hamnes daniel@tetriz.no Pløens gate Oslo CEO/dagelig leder Veileder Geir Skjevling Oppgaven Vi har inngått en avtale om å utvikle en nettside for en artist, denne nettsiden skal i hovedsak brukes til å promotere og informere om artisten. Det skal også utvikles tilhørende verktøy, blant annet rik teksteditor, slik at bedriften selv skal kunne vedlikeholde informasjonen på nettsiden. Oppdragsgiver ønsker også at det skal være mulig å gjenbruke produktet vi skal utvikle til å opprette flere nettsider for flere artister som bedriften har ansvaret for. Vi skal utvikle en nettside med nødvendige publiseringsverktøy for en artist, dette skal utvikles på en slik måte at man kan bruke produktet til flere forskjellige artister. Muligheter Lett tilgang til sosiale medier knyttet til artisten, facebook / instagram / youtube / twitter. Oversikt over konserter eller opptredener artisten deltar på, gjennom tredjeparts applikasjon Bandsintown. Linker til kjøpt av artistens verk skal også legge til og ulike måter å høre artisten på. Bilder og oppdateringer om artisten for pressen og fans. Mulighet til å melde seg på Nyhetsbrev, som blir sendt i PDF format på e-post fra websiden. Sammendrag Vi skal utvikle en nettside som skal fungere som promoteringsplattform for en artist, oppdragsgiveren er Tetriz Event & Management og veileder for gruppen er Geir Skjevling. For dette prosjektet kommer vi til å bruke HTML 5, CSS3, Javascript og PHP til å utvikle front-end og back-end for nettsiden. Vi kommer også til å bruke MySQL til å lagre innholdet til websiden. Dagens situasjon Tetriz er en bedrift som har ansvaret for flere artister, nettsiden for bedriften er bestilt av et annet firma og er per dags dato under utvikling. Siden Tetriz har ansvaret for å promotere sine artister ønsker de dermed å få utviklet en nettside mal med publiseringsverktøy som de deretter kan bruke til å lage nettsider for spesifikke artister. Domenenavn for artistene er allerede kjøpt og serverplass for nettsidene vil leies når det er behov.

3 Vi ønsker å utvikle et produkt som kunden vår er fornøyd med, produktet er en nettside som skal promotere artisten og gjøre det lettere for interesserte å få informasjon om artisten. Vi ønsker også og følge dagens standarder. Som studenter ønsket vi og vise hva som kan utvikles med den rette metodikken. Mål og rammebetingelser Tidsramme 20 uker Testing Vi ser for oss at vi kommer til å teste nettsiden vår til den aktuelle brukergruppen, som kommer til å besøke nettsiden og basert på resultatene av brukertestene vil vi endre og tilpasse siden. Publiseringsverktøyene som skal være tilgjengelig for brukerne som vedlikeholder nettsiden vil bli testet internt i gruppen for at nødvendig funksjonalitet skal fungere og på brukere med varierende grad av teknisk innsikt for å utforme verktøyene, layouten og dokumentasjonen for at disse skal være intuitive og ha en god brukervennlighet. For å redusere antall feil i koden kommer vi til å teste modulene fortløpende, når moduler blir ferdige vil de bli testet for å validere og finne avvik med tanke på forventet input og output kommunikasjonen mellom modulene vil også bli testet og validert. Maskinplattform og utviklingsmiljø Utviklings miljø Teknologier Apache server MySQL Javascript HTML PHP Verktøy Verktøy Forklaring Vurdering Netbeans IDE-verktøy, kryssplatform Ettersom alle på gruppen har brukt Netbeans før velger vi å bruke dette for å spare tid på opplæring i nye miljøer. Netbeans er også tilgjengelig i Windows og OSX som er de operativsystemene gruppen bruker. Xampp Programpakke for lokal server Brukes for å kunne utvikle lokalt uten å måtte flytte filer til server for å teste. Apache Webserver Webserver programvaren som brukes av netthotellet som skal brukes. MySQL Databaseadministrasjonssystem Brukes til å lagre innholdet til nettsiden. Notepad++ Brukes av noen medlemmer Mål Primærmål Promotering av artist. Enkel oppdatering av informasjon.

4 Tilgang til sosiale medier tilknyttet artist. Oversikt over konserter og eventer. Opplasting av bilder. Sekundærmål Rik teksteditor. E-post varslingssystem. Integrere youtube videoer. Integrere twitter feed. Loggføring av feil. Integrere tredjeparts applikasjon Bandsintown. Løsninger alternativer Vi kommer skal følge en modell som deler inn produktet vårt i Et presentasjonslag Databehandlingslag Datalagringslag Vi vil også dele opp back end i moduler for og gjøre det lettere å dele arbeidsmengden samt gjøre det lettere å teste og validere kommunikasjon og interaksjon mellom moduler. Løsninger Back end Valg Fordeler Ulemper Laravel 4 Framework basert på PHP Ingen på gruppen har brukt Utviklet for å gjøre det lettere å utvikle Laravel i noe prosjekt tidligere Bruker MVC modell PHP 5 Alle på gruppen har brukt PHP før Ikke opprinnelig OOP Gruppen har god kompetanse på språket Variabler kan defineres fra streng til int uten varsel Lett tilgjengelig hjelpedokumentasjon MySQL Mye brukt av andre sider Store brukere forlater MySQL Godt testet ut til fordel for MariaDB Fokuserer på web, cloud og big data Oracle eieren av MySQL Alle på gruppen har kjennskap til MySQL nedprioriterer MySQL til fordel for sin egen proprietære database løsning. Konklusjon Vi velger å bruke PHP 5 siden alle på gruppen har god kjennskap til programmeringsspråket og dermed kan vi fokusere på å utvikle back end som er godt testet og sikret. Vi vil også ta i bruk MySQL til databaseadministrasjon siden alle på gruppen kjenner til syntaksen og har brukt det før, og netthotellet som det skal leies serverplass hos støtter MySQL. Løsninger front end Teknologi Detaljer Vurdering

5 HTML 5 CSS3 Javascript JQuery AJAX 5 versjon av HTML standarden Markup language basert på XML Støtter lyd og video elementer direkte i standarden Beskriver utseendet og formatteringen av et dokument i markup Deler dokument innhold fra dokument utseende Basert på ECMAScript Utføres på klientside Et JavaScript-bibliotek utviklet for å forenkle klientscript av HTML Syntaksen er laget for å gjøre det lettere å navigere et dokument Asynchronus JavaScript and XML En kombinasjon av Javascript og andre skript og markup språk Høyt utbredt Reduserer behovet for andre teknologier som flash Gjør det mulig å forandre på utseendet til nettsiden uten å måtte gjøre endringer i dokument innhold Er eit veldig godt verktøy som blir gjort i nettlesren på klient siden. Gjør det letter å naviere i eit dokument. Gjør at autofylling av skjema kan gjøres, med noe informasjon Konklusjon Vi skal bruke HTML5, Javascript og CSS3 til front end utvikling ettersom dette er utbredte standarder som er støttet i alle de store browserne, på mobil og nettbrett. Analyse av virkninger Vi har bestemt oss for å bruke HTML 5, CSS 3 og Javascript til front end, og PHP 5 og MySQL til back end vi har kommet fram til disse valgene ettersom alle på gruppen har god kjennskap til HTML 5, CSS 3 og MySQL og alle på gruppen har brukt PHP 5 og Javascript før. Vi velger denne løsningen fordi det blir vanligere med datatrafikk gjennom mobiltelefoner og nettbrett, og det blir derfor viktig at vi støtter disse. Ettersom de valgte teknologiene er godt utbredt finnes det mye dokumentasjon, og støtten for teknologiene er også god. Dette gjør det enklere for oss som utvikler nettsiden å tilpasse den for browsere på stasjonære og bærbare PC-er, mobiltelefoner og til nettbrett. Det er også viktig for oss å dele opp nettsiden i back end og front end, hvor front end fokuserer på presentasjonen av innholdet og interaksjon mellom besøkende på nettsiden og back end fokuserer på å hente ut og formattere lagret informasjon og behandle interaksjon mellom brukeren og nettsiden i de tilfeller der interaksjonen krever kommunikasjon med server.

6 Vedlegg Fremdriftsplan Arbeidsplan Arbeidsplan Uke Aktivitet Frist Lage statusrapport Lage prosjektskisse Lage prosjektside Samle inn nødvendig informasjon Lage arbeidsplan, fremdriftsplan og forprosjektrapport Samle inn kravspesifikasjon Analysere kravspesifikasjon Utvikle low-fidelity prototyper E/R modellering - Nettsidedesign - Godkjenne nettsidedesign 6 7 Opprette database og tabeller Teste prototype internt og eksternt på brukere Utbedre krav, design og funksjonalitet avhengig av resultatene fra test av prototype 9 12 Lage high-fidelity prototype Utvikle sluttprodukt Dokumentere funksjoner fortløpende Teste sluttprodukt internt og eksternt Lage dokumentasjon for sluttproduktet Prosjektrapport Forberede presentasjon av prosjektet Gjennom hele prosjektet: Skrive prosjektdagbok.

7 Fremdriftsplan: