Förbättring av webbportal för examensarbetsförslag
|
|
- Lucas Martinsson
- för 8 år sedan
- Visningar:
Transkript
1 Förbättring av webbportal för examensarbetsförslag Improving Web Portal for Degree Project proposals Kristoffer Risendal Examensarbete inom information- och programvarusystem, grundnivå Högskoleingenjör Degree Project in Information and Software System Stockholm, Sweden 2012 Kurs II121X, 15hp TRITA-ICT-EX-2012:256
2 Förbättring av webbportal för examensarbetsförslag Examensarbete/projektrapport inom Datateknik, II121X, 15HP Kungliga Tekniska Högskolan Skolan för informations- och kommunikationsteknik (ICT) Examinator: Anders Sjögren, Handledare: Anders Sjögren, KTH ICT, Författarens e- postadress: Utbildningsprogram: Högskoleingenjör Datateknik, 180HP Omfattning: 6039 ord
3 Sammanfattning I ett tidigare examensarbete på skolan för informations- och kommunikationsteknik på KTH utvecklades exjobbspoolen, en webbportal skapad med syftet att göra det möjligt för företag att annonsera ut examenarbeten som studenter på ICT- skolan kan söka. Men för att kunna börja använda exjobbspoolen behövdes vissa efterfrågade funktioner utvecklas och befintliga förbättras. För att en mer enhetlig känsla med resten av KTH:s hemsidor skulle uppnås samt att presentationen av sidans innehåll skulle visas på ett effektivare sätt behövdes även webbportalens layout göras om. Den här rapporten tar upp hur systemet har vidareutvecklats och varför valda metoder har använts. Arbetet har gjorts utifrån projektmetoden Feature- Driven Development och är konstruerat i HTML5, PHP, JavaScript, jquery och har en databas av typen PostgreSQL. Resultatet av projektet är en webbportal som ger möjligheten till företag eller institutioner att förmedla exjobb med önskad formatering. Det examensarbetet kan sedan sökas och bokas av studenter som har identifierats sig via KTHs- inloggningstjänst. Nyckelord: HTML5, CSS, PHP, Webbportal, PostgreSQL, jquery, JavaScript
4 Abstract In a previous project at the School of Information and Communication Technology at KTH, a web portal called exjobbspoolen was created with the aim of making it possible for companies to advertise graduate jobs that students at the School of ICT could apply for. But in order to start using this webportal some requested features had to be developed and some existing improved. For a more consistent feel with the rest of the KTH websites the layout also had to be redone. This report discusses how the system has been developed and why selected methods have been used. The projec have been driven based on Feature Driven Development, and is developed in HTML5, PHP, JavaScript, jquery and has a PostgreSQL database. The result of the project is a web portal that provides the ability for companies or institutions to submit graduate jobs with the desired formatting. The job can then be searched and booked by students who have been identified via the KTH- login service. Keywords: HTML5, CSS, PHP, Web portal, PostgreSQL, jquery, JavaScript
5 Förord Jag vill tacka Johan Fredriksson på ICTs IT- service för hjälpen med att sätta upp systemet på KTHs server samt min uppdragsgivare och examinator Anders Sjögren för hjälp och förtroende. Stockholm Kristoffer Risendal
6 Innehållsförteckning Sammanfattning... 2 Abstract... 3 Förord... 4 Terminologi Inledning Bakgrund Syfte Problemanalys Listning av examensarbeten Presentation av inlagt examensarbete Ändra användargränssnittet Implementera status för ett examensarbete Städa systemet Identifiering innan bokning Förbättra administratörens vy och funktion Översikt Teoristudie HTML CSS PHP PostgreSQL JavaScript jquery Utvecklingsmiljö Studie av det tidigare systemet Metod Konstruktion Användargränssnittet Databasen Lista examensarbeten Presentation av examensarbete Förmedla ett examensarbete Identifiera studenten Ett examensarbetes olika statusar Städning av systemet Förbättra administratörens vy och funktion Resultat Slutsats... 30
7 Källförteckning Bilaga A: Generell layout Bilaga B: Use Case- diagram Bilaga C: Databasmodell Bilaga D: Förhandsgranskning Bilaga E: Exjobbspoolens övriga vyer Bilaga F: Statusdiagram... 44
8 Terminologi FDD Står för Feature- driven development som är en iterativ mjukvaruutvecklingsprocess. Feature Snippet Regex CAS Utvald funktionalitet som ska utvecklas. En snippet eller code snippet är ett fragment av kod, används ofta för att visa förklarande delar av källkoden. Är en förkortning för Regular Expression och är en mängd tecken som används för att hitta texter som följer ett visst mönster. Står för Central Authentication Service. Används då användare ska autentiseras mot en CAS server 7
9 1 Inledning 1.1 Bakgrund 1.2 Syfte I ett tidigare examensarbete på skolan för informations- och kommunikationsteknik på KTH utvecklades exjobbspoolen, en webbportal skapad med syftet att göra det möjligt för företag att annonsera ut examenarbeten som studenter på ICT- skolan kan söka. Även om det redan fanns webbplatser som erbjöd liknande funktionalitet så fanns en efterfrågan. Att inrikta sig mot endast studenter som studerar på skolan i Kista var något som lockade till utveckling. Men för att kunna börja använda exjobbspoolen behövdes vissa efterfrågade funktioner utvecklas och befintliga förbättras. Därför påbörjades detta examensarbete som en del i utbildningen högskoleingenjör i datateknik. Projektets syfte är att ta fram ny nödvändig funktionalitet till exjobbspoolen enligt överenskommelse med Anders Sjögren på institutionen ICT- KTH i Kista. Även existerande funktioner som behöver förbättras ska undersökas och vidareutvecklas. Dessutom behöver användargränssnittet för webbportalen korrigeras för att en mer enhetlig känsla med resten av KTH:s hemsidor ska uppnås samt att presentationen av sidans innehåll ska visas på ett effektivare sätt. 1.3 Problemanalys Listning av examensarbeten Som systemet är utvecklat för tillfället är valen av hur examensarbeten ska listas inte tillräckliga. Studenter ska kunna lista alla examensarbeten som finns tillgängliga i applikationen. Även andra önskvärda listningsalternativ ska finnas Presentation av inlagt examensarbete I nuvarande version av webbportalen presenteras ett inlagt examensarbete helt utan formatering, bara som en klump text. Det är i både studenten och företagets intresse att uppgiften ska presenteras på ett bra och överskådligt sätt Ändra användargränssnittet Användargränssnittet ska förbättras för att en mer enhetlig känsla med resten av KTH:s hemsidor ska uppnås samt att presentationen av sidans innehåll ska visas på effektivare sätt. 8
10 1.3.4 Implementera status för ett examensarbete Varje examensarbete bör ha olika status. Exempel på dessa statusar kan vara: Inlagt då ett företag eller institution lägger in ett nytt exjobb i systemet, Publicerat då en administratör har godkänt och publicerat arbetet så att det är synligt för omvärlden, Bokat då en student har valt att boka examensarbetet, Accepterat då företaget/institutionen och studenten har kommit överens och tagit beslut att arbetet ska utföras. Ett publicerat arbete ska också han en deadline det vill säga en tid då det inte längre går att söka arbetet. Om ett arbete inte har sökts innan deadline ska det få status Utgånget eller liknande Städa systemet En funktion som städar systemet från arbeten som har passerat deadline eller som inte har publicerats eller som av annan anledning behövs tas bort behöver implementeras. Antingen ska funktionen köras ett antal gånger om året per automatik eller triggas av en administratör Identifiering innan bokning När en student vill boka ett exjobb måste systemet kontrollera att denna är inloggad via kth.se s inloggningstjänst för att på så sätt kunna identifiera studenten. I den nuvarande versionen kan vem som helst boka ett inlagt arbete, det finns alltså ingen referens till vem som har bokat. Detta medför svårigheter för företaget att komma i kontakt med studenten men möjliggör även sabotage Förbättra administratörens vy och funktion Administratörernas vy och innehållande funktionalitet är i behov av en generell förbättring. En administratör ska kunna ändra information om ett examensarbete, hantera vilka exjobb som blir publicerade, avboka exjobb, se annan nödvändig information om examensarbetena som finns i systemet samt radera inte längre önskvärda exjobb. Vyn som ska innehålla denna funktionalitet bör vara lätt att använda och visa informationen på ett lämpligt sätt. 9
11 1.4 Översikt Denna projektrapport består av sex kapitel. Nedan följer rapportens disposition och en kort beskrivning för varje kapitel. 1 Inledning Inledningen beskriver projektets syfte och bakgrund och innehåller dessutom en problemanalys 2 Teoristudie Detta kapitel tar upp relevant information för att öka läsarens förståelse för resten av innehållet. 3 Metod Här beskrivs med vilken metod arbetet har utförts. 4 Konstruktion Detta kapitel behandlar lösningar och analyser som utformats under examensarbetet. 5 Resultat Här presenteras resultatet av examensarbetet. 6 Slutsats Projektrapporten avslutas med de slutsatser som kan dras efter detta projekt. 10
12 2 Teoristudie Teoristudien tar upp relevant information för att öka läsarens förståelse för resten av innehållet i denna rapport. 2.1 HTML5 HTML står för Hypertext Markup Language och består av ett antal taggar som används för att beskriva en webbsidas innehåll. Meningen med dessa taggar är att beskriva innehållet i HTML- dokumentet, varje tagg består av ett nyckelord som omges av vinkelparenteser. De flesta taggar har en öppnings- och en slut tagg för att definiera var innehållet ska placeras [1]. HTML5 är den senaste versionen av HTML och kommer enligt w3schools bli den nya standarden [2]. I snippet 2.1 nedan visas hur ett minimalt HTML5- dokument med nödvändiga taggar byggs upp. <!DOCTYPE*html>*** <html>***** ***<head>* *******<title>dokumentets*titel</title>** ***</head>* ***<body>** *******Dokumentets*innehåll****** ***</body>* </html>! Snippet Minimalt HTML5- dokument. Källa: [1] 11
13 2.2 CSS CSS står för Cascading Style Sheets och används som stilmall för hur HTML- element ska visas i webbläsaren. Vanliga användningsområden är till exempel: ändra bakgrundsfärger, marginaler, fontstorlek och så vidare [3]. CSS kan skrivas antingen direkt i HTML- dokumentet eller som en separat CSS- fil. CSS- filen innehåller bara CSS och sparas med filändelsen.css. En sådan fil måste kopplas samman med HTML- dokumentet för att stilmallarna ska kunna användas. Detta görs i huvudet av HTML- dokumentet med hjälp av <link>- taggen som länkar samman det med CSS- filen. Att skriva CSS direkt HTML- dokumentet görs också det i huvudet, men här används istället <style>- taggen som i sin tur innehåller CSS- koden. Nedan vissas hur en <h1>- tagg kan modifieras både genom CSS i en separat fil och CSS skrivet direkt i HTML- dokumentet. <!DOCTYPE*html>* <html>** ***<head>** ******<title>dokumentets*titel</title>** ******<link*href="main.css"*rel="stylesheet"*media="screen"*/>* ***</head>*** ***<body>* *******<h1*class="search_h1">*sök*examensarbete*</h1>* ***</body>*** </html>* *.*.*.* * /**main.css**/***.search_h1{******* ****marginjbottom:22px;*** }*** Snippet 2.2 HTML med extern CSS- fil <!DOCTYPE*html>** <html>* ***<head>* ******<title>dokumentets*titel</title>* ******<style*type="text/css">* **********.search_h1{** ****************marginfbottom:22px;** **********}****** ******</style>** ***</head>* ***<body>* *******<h1*class="search_h1">*sök*examensarbete*</h1>** ***</body>*** </html>* Snippet 2.3 HMTL med CSS i <head> 12
14 2.3 PHP PHP är ett open- source scriptspråk som framförallt används för att skapa webbsidor med dynamiskt innehåll. PHP körs inte i klientens webbläsare som till exempel JavaScript, ett PHP- script körs istället på servern där scriptet är placerat [4]. I snippet 2.4 nedan visas ett enkelt exempel på hur PHP används för att skriva ut information i ett HTML- dokument. <body>''''' <?php''''''' '''echo'"dokumentets'innehåll";''''?>''''' </body>'! Snippet 2.4 PHP- exempel. Källa: [4] 2.4 PostgreSQL PostgreSQL är en relationsdatabas som baseras på öppen källkod. PostgreSQL, som från början kallades Postgres, skapades av Michael Stonebraker 1986 [5]. Databasen har sedan dess utvecklats till att bli en av de ledande inom området. Den går att köra på alla de större operativsystemen (Linux, Unix och Windows) [6]. För att hämta och modifiera data i en PostgreSQL- databas används språket SQL. SQL står för Structured Query Language. 2.5 JavaScript JavaScript är ett scriptspråk som idag är mycket vanligt förekommande på webben. Vanliga användningsområden är formulärvalidering, manipulera HTML- element, skapa cookies eller göra något vid händelser till exempel visa ett meddelande vid knapptryckning [7]. JavaScript kan bäddas in direkt i HTML- filen genom <script> taggen men kan också sparas i en extern fil för att sedan länkas till i webbsidans huvud. Det går att avaktivera JavaScript i samtliga av de stora webbläsarna. På grund av att denna möjlighet finns bör till exempel validering av indata inte bara göras i webbläsaren genom JavaScript. Om valideringen görs där behöver det finnas en ytterligare validering som sker i lägre lager för att säkra att validering görs för alla användare. I artikeln A study of Internet users' cookie and javascript settings [8] framgår det enligt deras undersökning att mindre än 1 % av de ca internetanvändare som besökte deras sida hade JavaScript avaktiverat. 13
15 2.6 jquery jquery är ett JavaScriptbibliotek med funktioner som har tagits fram för att förenkla anrop och modifikation av element på hemsidor, skapa effekter och animationer samt hantera händelser som till exempel ett mus- klick[9]. Eller som de själva beskriver det: The Write Less, Do More, JavaScript Library [10]. För att använda jquery kan biblioteket antingen laddas ned det gratis från deras hemsida [10] eller länkas till den senaste versionen direkt i HTML- filen enligt följande rad: <script(src=" </script>! Snippet 2.5 Länka till senaste versionen av jquery 2.7 Utvecklingsmiljö Projektet utvecklas med följande verktyg och resurser: Apache http- server Apacheservern ligger på en stationär enhet, men kan också nås utifrån om arbete skulle behöva göras någon annanstans ifrån. Apacheservern installerades genom WAMP- Server[11]. WAMP- Server är en webbutvecklingsmiljö för Windows som inkluderar Apache, PHP och MySQL. PostgreSQL- databas Med installation av WAMP så medföljer det som standard en MySQL- databas, men eftersom att systemet senare ska använda sig av en PostgreSQL databas så behövs MySQL- databasen byttas ut mot denna. PHP PHP version 5.0.X var tvungen att användas, en nyare version är släppt och följde med WAMP distributionen. Men för att kunna använda PostgreSQL var en äldre version tvungen att användas. Adobe Dreamweaver CS5 Användes som texteditor under utvecklingen. Anledningen till att denna programvara valdes är att den förenklar vissa delar av arbetet som kommer att effektivisera hela utvecklingsprocessen. Dropbox Används för enklare versionshantering och möjligheten att nå källkoden oavsett var arbetet ska utföras. Apacheservern har projektmappen i Dropbox som root vilket gör att även om arbetet sker från en annan enhet kan ändringarna ses live på servern utan att uppladdning via FTP eller liknanden krävs. 14
16 2.8 Studie av det tidigare systemet I projektets inledning gjordes en studie av det tidigare systemet, hur det var uppdelat och vad varje del hade för funktion. Nedan presenteras kort hur de punkter som togs upp i problemanalysen fungerade i den tidigare versionen. Gränssnittet Gränssnittet är uppbyggt av ett antal HTML- och PHP- sidor. Inga separata CSS- filer finns för att strukturera sidorna. Vissa element har tilldelats storlek och ramar direkt i taggen men för övrigt finns det inga stilmallar. Förutom KTH- logotypen ger sidan inget direkt intryck om att användaren faktiskt befinner sig på en KTH- hemsida. I figuren 2.1 visas förstasidan av exjobbspoolen. Figur 2.1 Del av indexsidan från den ursprungliga versionen av exjobbspoolen Databasen Databasen består av tre tabeller. Alignments som representerar de kategorier som ett exjobb kan tillhöra. Examinators som innehåller e- postadresser, namn och ansvarsområde för examinatorer. Tabellen examinators agerar också administratortabell i systemet. Sista tabellen är xjobb_pool som innehåller all information om ett exjobb och dess förmedlare. Söka examensarbete Användaren tillåts söka ett examensarbete utifrån kategori. Det finns ingen möjlighet att söka i alla kategorier. Även ett textfält finns vars användningsområde är att söka efter ett specifikt företag som har förmedlat ett exjobb inom den valda kategorin. 15
17 Presentation av examensarbete De uppgifter som presenteras när en student har klickat på ett examensarbete som finns i listan efter sökning är kontaktperson, e- postadress, telefon, beskrivning och examinator. Beskrivningen presenteras utan styckesindelning. Administratörens vy och funktionalitet I webbportalens huvudmeny finns tre stycken olika länkar som leder till administrativ funktionalitet. Dessa länkar visas för alla användare. För att få tillgång till dessa krävs det dock att administratören autentiserar sig genom att logga in via KTHs inloggningstjänst. När användaren är autentiserad kan denna godkänna icke granskade exjobb, sätta ett exjobb till påbörjat, avslutat eller övergivet samt lägga till eller ta bort examinatorer som i det här fallet har administratörsrättigheter. När ett exjobb ska sättas till påbörjat eller övergivet händer inget med arbetet ifråga, det finns fortfarande kvar som publicerat och sökbart. Studentens identifiering Innan ett exjobb ska bokas sker ingen identifikation av användaren. Det är inte möjligt att veta om den som ska reservera ett examensarbete verkligen är en KTH- student. Vem som helst kan boka ett exjobb och på så sätt få det att vara otillgängligt i 3 dagar. 16
18 3 Metod Projektmetoden som har använts är FDD, Feature- driven development. FDD är uppbyggd av fem delprocesser. Målet med dessa är att utveckla de features som kunden har i sin kravspecifikation. En feature är i det här sammanhanget en från kunden utvald funktionalitet som ska tas fram. De fem delprocesserna är: 1. Skapa en modell av systemet som ska utvecklas. Det viktiga är att få en bra överblick av systemet och inte att få med varje feature eller detalj. 2. Skapa en feature- lista, en lista med alla funktioner som ska utvecklas. Vanligtvis innehåller den de features som krävs för att skapa ett helt nytt system, men då detta projekt bygger vidare på ett redan existerande system kommer endast de punkter som ska skapas eller vidareutvecklas att tas med. 3. Feature- planering. Här planeras hur och i vilken ordning punkterna i listan som skapades i tidigare steg ska utvecklas. 4. Feature- design. Den här punkten kan brytas ned i ytterligare tre delprocesser: genomgång, design och inspektion. 5. Feature- utveckling. Här utvecklas de features som tidigare har listats, planerats och designats. Källa: [12] I delprocess 1 togs ett use case- diagram fram för få en bra överblick av systemet som skulle utvecklas. Den kan hittas i bilaga B. Utifrån diagrammet framställdes en feature- lista och i vilken ordning de olika punkterna skulle göras fastställdes. Varje feature har utvecklats iterativt då senare utvecklade features ofta resulterade i förbättringar av tidigare arbete. Genom att använda FFD har det alltid varit tydligt vad som behöver göras och i vilken ordning. Att detta ska ha gynnat projektets resultat är utom tvivel. Att alltid ha en planering för vad som ska göras och när är nödvändigt när projekt av den här storleken ska utföras. 17
19 4 Konstruktion 4.1 Användargränssnittet Eftersom exjobbspoolen kommer att hittas under och på så sätt vara en del av KTHs hemsidor bör det vara tydligt att användaren fortfarande är kvar på kth.se. Användargränssnittet ska följa en mall på alla KTHs sidor, det ska helt enkelt inte kännas som att man har lämnat kth.se när navigering till exjobbspoolen sker. Således har sidans utseende försökt efterlikna kth.se s övriga sidor. Detta gjordes med hjälp av Google Chromes granska komponent - funktion som gör det lätt att se hur en HTML- sida har strukturerats upp med hjälp av element och CSS. Exempel på saker som kan ses med hjälp av detta verktyg är font- egenskaper för olika taggar, en div- taggs storlek, färger på bakgrund etcetera. Med hjälp av den informationen är det relativt lätt att återskapa en design med samma egenskap som KTHs övriga sidor. Innan utveckling av systemets features påbörjades så togs en generell layout fram som sedan kom att användas vid de olika sidornas utveckling. Se figur 4.1. Figur 4.1 Generell layout för Exjobbspoolen Layoutens uppbyggnad med HTML- och CSS- filer hittas i Bilaga A 18
20 4.2 Databasen En ny databas behövde framställas för att kunna uppfylla de krav som fanns i problemanalysen. Bland annat fanns inte längre något behov av examinatorer i systemet och skulle därför ersättas med en administratörstabell som kunde innehålla en vanlig- och en super- administratör. För att kunna implementera de statusar som exjobben skulle kunna ha behövdes också en del kolumner läggas till i tabellen för examensarbeten. Den information som hade något att göra med kontaktuppgifterna till den som förmedlade examensarbetet bröts ut till en egen tabell. Detta för att lättare kunna hämta information om bara annonsören. Den nya databasdesignen kan ses i sin helhet i bilaga C. 4.3 Lista examensarbeten Uppdragsgivaren efterfrågade att det skulle vara möjligt att lista examensarbeten efter ett antal olika alternativ. Innan har det endast varit möjligt att lista alla exjobb utifrån en kategori och göra en fritextsökning på vilket företag eller institution som har förmedlat examensarbetet. Att kunna lista alla exjobb som fanns tillgängliga ansågs som ett viktigt alternativ, tillsammans med att också kunna söka i beskrivning eller titel. Utifrån dessa önskemål utvecklades följande funktionalitet: Studenten kan välja att visa alla examensarbeten ur en specifik kategori eller alla examensarbeten i hela systemet. Detta val görs genom ett rullgardinselement i PHP- filen. Om en ytterligare filtrering efter ett ord eller mening vill göras anges det i ett textfält under. Textfiltreringen söker igenom det urval som angivits i rullgardinen efter namn och beskrivningar av exjobben. Användarvänlighetsmässigt är det snyggare att ladda in resultatet av sökningen utan någon som helst uppdatering av sidan. Detta implementeras med hjälp av AJAX och jquery enligt snippet 4.1 nedan. 19
21 <!##$jquery$##>$$$$ <script$src=" <script$type="text/javascript">$$$$$$$$ $$$$$(function()${$$$$$ $$$$$$$$$$$("#search_button").click(function()${$$$$$$$$$$$ $$$$$$$$$$$$$$$//$getting$the$value$that$the$user$typed$$$$$$$$$ $$$$$$$$$$$$$$$var$searchstring$=$$("#search_box").val();$$ $$$$$$$$$$$$$$$var$category$=$$(".category_select").val();$$$$ $$$$$$$$$$$$$$$//$Create$the$search$string$$$$$$$$$ $$$$$$$$$$$$$$$var$data$=$'search='+$searchstring$+$'&category='$+$category$;$$$$ $$$$$$$$$$$$$$$if(searchstring.length$>=$0)${$$$$$ $$$$$$$$$$$$$$$$$$//$ajax$call$$$ $$$$$$$$$$$$$$$$$$$.ajax({$ $$$$$$$$$$$$$$$$$$$$$$$type:$"post",$ $$$$$$$$$$$$$$$$$$$$$$$url:$"search.php",$ $$$$$$$$$$$$$$$$$$$$$$$data:$data,$$$$ $$$$$$$$$$$$$$$$$$$$$$$beforesend:$function(html)${$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$("#results").html('');$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$("#results").hide();$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$("#searchresults").show();$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$(".word").html(searchstring);$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$(".searchcategory").html(category);$$$ $$$$$$$$$$$$$$$$$$$$$$$},$$$ $$$$$$$$$$$$$$$$$$$$$$$success:$function(html){$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$("#results").append(html).show('slow');$$ $$$$$$$$$$$$$$$$$$$$$$$}$$$$$ $$$$$$$$$$$$$$$$$});$ $$$$$$$$$$$$$$}$$$$$$ $$$$$$$$$$$$$$return$false;$$$ $$$$$$$$$$});$$$$$$$ $$$$});$$$$ $$$$$(document).ready(function()${$$ $$$$$$$$$$$("#search_button").trigger('click');$$ $$$$});$$$$$$ </script>$! Snippet 4.1 jquery och AJAX för att ladda in sökresultatet Ett problem som detta kan ställa till med är att om användaren inte har JavaScript aktiverat i webbläsaren kan ingen sökning göras. En lätt och vanlig lösning är att tala om för användaren att han eller hon behöver ha JavaScript påslaget för att kunna ha möjligheten att söka i exjobbspoolen. Men det bästa är självklart att utveckla tjänsten så att den fungerar oavsett. Detta kan göras genom att använda noscript- taggen, innehållet i taggen presenteras endast för användaren då JavaScript är avstängt i webbläsaren[13]. Innehållet kan vara ett annat sökformulär som inte använder sig av jquery och AJAX. Det ska dock ifrågasättas om det verkligen är värt att lägga ned tid och resurser på att utveckla extra funktionalitet för att hjälpa de användare som har valt att avaktivera JavaScript. Som introducerades i teoristudien är det troligen inte mycket mer än 1 % som har inaktiverat JavaScript. 20
22 4.4 Presentation av examensarbete I tidigare version av systemet presenterades beskrivningen för ett examensarbete enligt figur 4.2 Figur 4.2 Beskrivning av examensarbete i tidigare version Att läsa en text utan styckesindelning och som dessutom täcker hela bredden av webbläsarfönstret är inte det lättaste för ett mänskligt öga. Det är i både företagets och students vinning att examensarbetena presenteras på ett sådant sätt att det är lätt att läsa. I och med att denna beskrivning sparas och läses ifrån en kolumn i databasen behöver texten både formateras rätt då ett företag eller institution förmedlar exjobbet, samt läsas in rätt då den ska presenteras för studenter. En fråga som kan ställas i detta sammanhang är: kommer formateringen som en användare gjorde i textrutan att presenteras på samma sätt? Om svaret är ja så är det i alla fall positivt ur den aspekten att personen som gör inmatningen har möjligheten att göra en formatering av texten. Men meddelas det inte att denna möjlighet finns är det inte säkert att användaren ifråga utnyttjar denna funktionalitet. Därför behövs det på något sätt visas att detta går. Ett lösningsförslag är att bara informera användaren genom att skriva en liten förklarande text. Som till exempel: formatering i textrutan kommer sedan att användas vid presentation av examensarbetet. Men användaren kan ändå inte vara helt säker på hur allt kommer att visas, det är inte säkert att de helt säkert vet vad systemet menar med formatering. Ett bättre alternativ är helt enkelt låta person se med egna ögon hur det kommer att se ut efter publicering och kan sedan göra ändringar efter eget tycke. Detta kan liknas vid en förhandsgranskning av till exempel ett Microsoft Word- dokument där man lätt kan se hur det kommer se ut innan utskrift sker. Denna lösning implementerades genom att lägga till en förhandsgranskningsknapp till gränssnittet där ett exjobb ska förmedlas. För att förhandsvisa användes Fancybox [14] vilket är ett verktyg som använder sig av jquery för att visa innehåll och bilder flytande ovanför den ursprungliga hemsidan. När användaren har sett resultatet kan fancyboxen lätt stängas ned och formuläret kommer nu att visas igen. 21
23 Nedan visas hur detta implementerades i koden. I snippet 4.2 visas hur jquery och fancyboxens JavaScript- fil läses in samt hur förhandsvisningsknappen #previewlink kopplas ihop med funktionen. I snippet 4.1 presenteras hur man genom JavaScript hämtar värden från textfält och placerar denna information i HTML- element. Div- taggen med id preview_container är satt som display: none; i tillhörande CSS- fil och kommer inte synas förutom vid tillfället då användaren använder sig av förhandsgranskningen. <!##$Javascript$for$the$preview$##>$ <script$type="text/javascript">$$$ $$$$$("#previewlink").click(function$()${$$ $$$$$$$$$('#namepreview').html($('#name').val());$$$$$ $$$$$$$$$('#companypreview').html($('#company').val());$$$$$$$ $$$$$$$$$('#contactpreview').html($('#contact').val());$$$$$ $$$$$$$$$('# preview').html($('# ').val());$$$ &&&&&&&&$('#phonepreview').html($('#phone').val());$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$('#descriptionpreview').html(nl2br($('#description').val(),true));$ $$$$});$ $$$$function$nl2br$(str,$is_xhtml)${$ $$$$$$$var$breaktag$=$(is_xhtml$ $typeof$is_xhtml$==='undefined')$?$$ $$$$$$'<br$/>'$:$'<br>';$$ $$$$$$$return$(str$+$'').replace(/([^>\r\n]?)(\r\n \n\r \r \n)/g,$$ $$$$$$$'$1'+$breakTag$+'$2');$$$$$$ $$$$}$$$ </script>$ $ <div$id="preview_container">$$ $$$$<div$id="preview">$$$ $$$$$$$$<h1$class="xjobb_info_h1"$id="namepreview">$</h1>$$$$$$ $$$$$$$$<h2$class="green_h2">$kontaktuppgifter$</h2>$$$ $$$$$$$$<div$id="contact_info">$$$$$$$$$$$$$$$$$ $$$$$$$$$$$<p$class="xjobb_info_h2"$>företag:$$ $$$$$$$$$$$<span$id="companypreview"></span>$</p>$$ $$$$$$$$$$$<p$class="xjobb_info_h2">kontaktperson:$$$$$ $$$$$$$$$$$<span$id="contactpreview">$</span>$</p>$ $$$$$$$$$$$<p$class="xjobb_info_h2"> $$$$$$$$$$$$$$ $$$$$$$$$$$<span$id=" preview"><a$class="mail"></a>$</span>$</p>$$ $$$$$$$$$$$<p$class="xjobb_info_h2">telefon:$$$$$$$$$$$$ $$$$$$$$$$$<span$id="phonepreview">$$</span>$</p>$$$$$$ $$$$$$$$</div>$$ $$$$$$$$<h2$class="xjobb_description_h2">beskrivning:</h2>$$$ $$$$$$$$<p$id="descriptionpreview">$</p>$$$$$$$ $$$$<div>$ </div><!##$end$preview_container$##>$! Snippet 4.1 JavaScript och HTML för förhandsvisningslayout och innehåll 22
24 <!##$Javascript$##>$$$ <script$src=" <script$type="text/javascript"$src="fancybox.js"></script>$ <script$type="text/javascript">$$ $$$$$(document).ready(function()${$$$$$ $$$$$$$$$$("#previewlink").fancybox({$$$$$$$ $$$$$$$$$$$$$$'titleposition'$:$'outside',$ $$$$$$$$$$$$$$'transitionin'$$:$'none',$$$ $$$$$$$$$$$$$$'transitionout'$:$'none',$ $$$$$$$$$$$$$$'autodimensions':$'true'$ $$$$$$$$$$});$$$$$ $$$$});$$ </script>! Snippet 4.2 jquery och Fancybox Att läsa in formateringen på rätt sätt är inte det enda som krävs för att beskrivningen ska visas på ett bra sätt. När formateringen sparas i databasen ligger radbrytningar som \n. För att få en radbrytning i HTML- dokumentet måste du ersätta detta med en <br\> tag. Detta görs enkelt med hjälp av nl2br( )funktionen som finns i PHP [15]. Ett exempel på hur denna förhandsgranskning kan se ut finns i bilaga D 4.5 Förmedla ett examensarbete Förutom förhandsgranskningen som togs upp i ovanstående punkt fanns ytterligare problem i den tidigare versionen. När ett examensarbete skulle förmedlas behövdes bland annat ingen adress fyllas i, och det visades inte heller för användaren vilka uppgifter som var obligatoriska. Valideringen av e- postadressen gjordes med hjälp av ett regex, som är en förkortning av regular expression. Regexs används oftast i situationer som denna, då det ska kontrolleras om en sträng följer ett visst mönster. I snippet 4.3 visas den php- kod som utför valideringen av variabeln $mail som är den sträng som användaren angav i mailtextfältet. Om en ogiltig e- postadress angavs skickas användaren tillbaka till formulärsidan där en felkod kommer visas och tala om vad som gick fel. Enklare validering av övriga obligatoriska uppgifter som måste anges av företaget eller institutionen sker samtidigt som valideringen av e- postadressen. <?php%%!!!if(!preg_match("/^[a+z0+9\å\ä\ö._+]+@[a+z0+9\å\ä\ö.+]+\.[a+z]{2,6}$/i",%$mail)){%%%!!!!!!!die(header('location:%../add/?error= error'));%% %%%}%%?>! Snippet 4.3 Validering av e- postadress i add.php En alternativ och väldigt vanlig lösning till valideringsproblemet är att göra valideringen i webbläsaren med hjälp av JavaScript. Fördelen att göra på detta sätt är att man 23
25 slipper skicka data till servern innan validering och behöver således inte ta hand om den informationen som redan är inmatad i formuläret. Sker valideringen som i det här fallet på servern måste den informationen tas om hand för att användaren ska slippa mata in alla uppgifter på nytt om något fält inte går igenom valideringen. Den största nackdelen och också den orsak till att validering med JavaScript inte användes i denna del av projektet är att JavaScript går att stänga av i webbläsaren. Har användaren av någon orsak valt att inte tillåta JavaScript sker ingen validering och okontrollerad data sparas i databasen. 4.6 Identifiera studenten I den tidigare versionen kunde vem som helst boka ett publicerat arbete, det fanns alltså ingen referens till vem som har bokat och därför inte heller någon möjlighet att avboka. För att ett bokat arbete återigen ska vara sökbart var det enda alternativet att vänta i tre dagar då det återigen blev synligt. Eftersom att det endast ska vara studenter på KTH som tillåts söka de arbeten som är publicerade är det lämpligt att använda sig av KTHs inloggningstjänst. Detta är bra då studenten inte behöver registrera sig i ett ytterligare ett system. Innan bokningen kan göras måste studenten vara inloggad via KTHs inloggningstjänst och är han eller hon inte autentiserad kan ingen bokning genomföras. Inloggningen sker genom användning av student_login.php. Denna fil använder sig i sin tur av phpcas- biblioteket, CAS står för Central authentication service och används då användare ska autentiseras mot en CAS- server [16]. Figur 4.3 Hur phpcas fungerar. Källa: [16] 24
26 Studenten kan när som helst logga in genom att klicka på Logga in - länken som alltid visas i det översta högra hörnet då användaren inte är autentiserad. Om någon försöker boka ett exjobb innan autentisering används phpcas::forceauthentication( )funktionen som tvingar användaren att logga in för att kunna gå vidare. När ett examensarbete bokas sparas också studentens KTH- e- postadress i kolumnen student_reference i databastabellen exjob. På så sätt kommer alltid en bokning kunna kopplas till en student. Detta gör att missbruk av tjänsten blir lätt att avslöja då även administratörer har möjlighet att se vilka exjobb som har bokats, av vilken användare och när bokningen gjordes. 4.7 Ett examensarbetes olika statusar För att ett examensarbete ska presenteras på rätt plats i exjobbspoolen oavsett om det är bokat, påbörjat, publicerat, ej granskat eller avslutat behöver systemet hantera exjobben utifrån dessa statusar. Hur detta har lösts och implementerats beskrivs i detta avsnitt. Ett examensarbete skapas i systemet när ett företag eller institution förmedlar sina uppgifter via add/add.php. Per default sätts värdet i kolumnen status till 0 vilket indirekt ger hela exjobbet statusen inlagt men ej granskat. När ett exjobb har denna status visas det inte för någon annan än administratörerna, som kan se det som ej granskad. Det är först när en administrator har godkänt och publicerat det som kolumnen status får värdet 1 och får således statusen publicerad. När ett exjobb har nått detta läge är det sökbart för alla användare i systemet, det vill säga det kan hittas vid sökning i search/search.php. I och med att det går att hitta vid sökning är det också bokningsbart för studenter som har loggat in. När en student väljer att boka ett examensarbete, ge exjobbet status bokat, ändras värdet i kolumnen visible_from (timestamp) till tidpunkten för bokningen plus tre dagar. Arbetet kommer vara bokat i dessa tre dagar eller till dess att studenten eller en administratör avbokar det. När ett exjobb är bokat kan en student genom att gå till mina sidor ändra statusen till påbörjad. Tanken är att det ska ske då en student har kommit överens med företaget eller institutionen som har förmedlat examensarbetet. När detta sker ändras värdet på status i databasen till 2. En administratör är den enda som kan ändra tillbaka ett arbete från påbörjat till publicerat och således också gör det tillgängligt för sökningar av andra studenter. För att ett exjobb ska erhålla status avslutat måste studenten som bokat och angett det som påbörjat också markera arbetet som avslutat. I databasen sparas då värdet 3 i kolumnen för status. 25
27 4.8 Städning av systemet I problemanalysen efterfrågades det en funktion som skulle städa systemet. Denna skulle antingen köras per automatik efter ett visst schema eller triggas av en administratör. Detta för att inte gamla, icke publicerade och avklarade exjobb skulle finnas tillgängliga i systemet. Att utveckla ett script som körs per automatik på KTHs server fanns det inte rättigheter till, och troligen inte heller tid. Att en administratör ska behöva trycka på en knapp för att rensa systemet verkade inte heller som den bästa lösningen. Att utveckla systemet så att detta sköts av sig själv vore det bästa. Nedanstående punkter resulterar i att systemet städar sig självt. 1. När en administratör ska granska ett exjobb väljer den antingen att publicera eller radera det. 2. Ett arbete kan inte ligga hur länge som helst som publicerat eftersom det sätts en deadline då det skapas. 3. När en elev är klar med exjobbet ska den sätta det som avslutat och arbetet kommer inte längre visas i systemet. Något som kan ses som ett problem är att ansvaret för att sätta ett examensarbete som avslutat ligger hos studenten. Kommer denna verkligen att avsluta sitt exjobb? Administratörer har i vilket fall också möjligheten att sätta ett arbete som avslutat om det skulle bli ett problem. 4.9 Förbättra administratörens vy och funktion I den tidigare exjobbspoolen kunde alla användare av systemet se de länkar som ledde till administratörens funktionalitet. Oavsett om inte alla kunde använda dess så bör de endast vara synbara för administratörerna. Detta löstes genom att implementera administratörsinloggningen i samma login- länk som används av studenterna. En administratör loggar alltså in på samma sätt som en student, med skillnaden att då dennes KTH- alias (e- postadress) finns i databasen autentiseras han eller hon som en administratör. När autentiseringen som admin är klar kommer en länk till administratörsgränssnittet att visas där det för studenter finns en länk till Mina sidor. 26
28 Väl i administratörsgränssnittet är gammal och ny funktionalitet samlad. Vyn kan ses i bilaga E. Där kan följande fem tabeller med olika funktioner hittas: Ej granskade exjobb Här visas de exjobb som har förmedlats av ett företag men ännu inte godkänts av en administratör. En granska- knapp finns för varje arbete i tabellen. Vid granskning kan en administratör välja att publicera eller radera exjobbet. Bokade exjobb Här visas de exjobb som för tillfället är bokade i systemet. Administratören kan också se vem som har bokat och när bokningen går ut. Här finns också möjligheten att avboka varje exjobb. Publicerade exjobb Här visas de exjobb som är publicerade och som inte är bokade för tillfället eller har markerats som påbörjade. En administratör kan här välja att klicka på editera- knappen. Vid editering av ett exjobb har en administratör möjligheten att ändra uppgifter som kanske inte stämde från början. Det kan vara något som fel kontaktuppgifter eller stavfel i beskrivningen. Även exjobbets status kan ändras. Det kan sättas tillbaka till ej granskat eller markeras som avslutat om det skulle behövas tas bort från systemet. Påbörjade exjobb De exjobb som har markerats som påbörjade presenteras i denna tabell. Administratören kan här precis som i publicerade exjobbstabellen editera uppgifter. Även status kan ändras här. De valen som finns är att ändra tillbaka till publicerat eller markera som avslutat. Superadmin I systemet finns också en eller ett fåtal superadministratörer. Tabellen superadmin presenteras bara då administratören är av typen super, vilket bestäms av värdet i kolumnen superadmin i tabellen administrator i databasen. De funktioner som en superadmin men inte vanliga administratörer har tillgång till är: lägga till och ta bort kategorier samt lägga till och ta bort en administratör. Ta- bort- kategori- funktionen är utvecklad så att ingen kategori med exjobb knutna till densamma kan tas bort. Detta då ett exjobb alltid måste vara ansluten till en kategori. Eftersom inloggningen i systemet använder sig av KTHs inloggningstjänst kan endast administratörer med en kth- epostadress registreras. 27
29 Alla olika tabeller kan minimeras och maximeras för att öka användarvänligheten då det i vissa tabeller kommer att kunna finnas ett stort antal exjobb som gör vyn svår att arbeta med. Detta görs med en metod i jquery som heter toggle. Den gömmer och visar innehållet i ett element som den har kopplats till. I det här fallet körs toggle- funktionen varje gång det klickas på en tabellrubrik och tabellens innehåll visas eller göms efter varje klick. 28
30 5 Resultat Resultatet av detta examensarbete är en förbättrad version av webbportalen exjobbspoolen. Den tillhandahåller förutom det från tidigare version följande funktionalitet. ü Möjlighet för företag eller institution att innan förmedling av ett examensarbete förhandsgranska den information som ska skickas. ü En förbättrad presentation av ett examensarbete med formatering av informationen. ü Autentisering av studenter som ska boka ett exjobb. ü När en student bokar ett exjobb spara dennes e- postadress för att kunna paras ihop med en bokning. ü En student kan själv hantera avbokning och ange ett exjobb som påbörjat. ü Ett gränssnitt som är anpassat efter kth.se s övriga design. ü Sökning med möjlighet att visa alla tillgängliga examensarbeten samt söka efter fritext i namn och beskrivning. ü Sökresultatet presenteras utan omladdning av sidan. ü Förbättrad administratörsvy med nya funktioner som: avboka exjobb, lägga till och ta bort kategorier, editera uppgifter för ett arbete. Figurer på hur det färdiga systemet ser kan hittas i bilaga D och bilaga E. 29
31 6 Slutsats Webbportalen som utvecklats uppfyller i stor utsträckning de krav som ställdes av uppdragsgivaren. Troligen finns en del buggar som avslöjas först när systemet har använts ett tag, men jag tror att systemet skulle kunna användas utan större problem redan idag. Något som inte fanns med i problemanalysen men som kan vara bra att undersöka i framtiden är om det på något sätt går att koppla samman systemet med EXIT (Examiners In Information Technology). EXIT är ett system som ska ha funktionen att visa då examinatorer på ICT- skolan är lediga och vem som kan ansvara för ett specifikt exjobb. I och med att examinatorer inte längre har någon roll i exjobbspoolen anser jag att det vore bra om systemen på något sätt kunde bryggas för att lättare komma i kontakt med rätt examinator. Huruvida exjobbspoolen kommer att användas skarpt eller inte är vid skrivande stund svårt att veta. Detta eftersom att hela KTH nu har en egen exjobbsportal som kanske får ICTs version att verka överflödig. Oavsett om ICTs exjobbspool kommer att användas eller ej kan jag dra slutsatsen att det i vilket fall behövs ett liknande system på KTH. Att samla examensarbetsförslag på en plats hjälper både studenter, institution och företag att enklare hantera hela processen med examensarbetessökning. 30
32 Källförteckning [1] W3schools, HTML - Introduction Hämtad [2] W3schools, HTML 5 - Introduction Hämtad [3] W3schools, CSS - Introduction Hämtad [4] The PHP Group, What is PHP whatis.php Hämtad [5] The PostgreSQL Global Development Group, PostgreSQL - History, Hämtad [6] The PostgreSQL Global Development Group, PostgreSQL - About, Hämtad [7] W3schools, JavaScript - Introduction Hämtad [8] Smorgasbork.com, A study of internet users cookie/js settings a- study- of- internet- users- cookie- and- javascript- settings Hämtad [9] Webbdesignguiden.se jquery guiden/ Hämtad [10] jquery.com, The write less do more JavaScript library Hämtad [11] WAMP- Server, Apache, PHP and MySQL on Windows Hämtad
33 [12] Martin Bauer, successful- development, development/ Hämtad [13] w3schools, noscript tag Hämtad [14] Fancybox, image and content displaying tool, Hämtad [15] The PHP Group, nl2br function Hämtad [16] Wiki.jagsig.org, phpcas examples Hämtad
34 Bilaga A: Generell layout <!DOCTYPE*HTML>** <html*lang="sv">** ***<head>******* ******<!<<*Meta*information*<<>** ******<meta*charset="utf<8">*** ******<meta*http<equiv="content<type"*content="text/html;*charset=utf<8"*/>*** ******<!<<*Title*<<>**** ******<title>examensarbeten*i*kista</title>* ******<!<<*Favicon*<<>** ******<link*rel="shortcut*icon"*type="image/x<icon"*href="favicon.ico">**** ******<!<<*Stylesheets*<<>****** ******<link*href="resources/css/main.css"*rel="stylesheet"*media="screen"*/>** ***</head>* ***<body>**** ******<div*id="main_container">*** *********<header>**** ************<div*id="header"*class="clearfix">** *****************<div*id="header_logo">*<a*href=" *******************<img*src="resources/images/logo.png"*alt="kth:s*logotyp">*</a>** *****************</div>*** *****************<div*id="header_title">** ********************<a*href="../index.html">*icts*exjobbspool*</a>* *****************</div>**** ************</div>*** *********</header><!<<*end*header*<<>*** *********<div*id="content_container"*class="clearfix">***** *************<div*id="left_content">*** ****************<h2*class="navigation_header">*navigering*</h2>** ****************<nav>****** ****************<ul*class="navigation">*** *******************<li*class="active">*<a*href="">start</a>*</li>* *******************<li>*<a*href="information/">information</a>*</li>*** *******************<li>*<a*href="search/">sök*examensarbete</a>*</li>**** *******************<li>*<a*href="add/">förmedla*examensarbete</a>*</li>***** *******************<li>*<a*href="#">examinatorer</a>*</li>*** ****************</ul>** ****************</nav>*** *************</div><!<<*end*left_content*<<>**** *************<div*id="right_content">****** ****************<h1>*huvudrubrik*</h1>******* *************</div><!<<*end*right_content*<<>**** *********</div><!<<*end*content_container*<<>**** *********<footer>***** *********<div*id="footer">*</div>************* *********</footer><!<<*end*footer*<<>** ******</div>*<!<<*end*main_container*<<>** ***</body>** </html>! Figur A1: template.html 33
35 @charset!"utf&8";! /*!CSS!Document!*/!! body{!!!!!!line&height:1;!text&align:center;!background:!#e4e4e4;!!!!border&top:!solid!11px!#1954a6;!! }!! ul{!!!!!list&style:none;!! }!!! a{!!!!!!margin:0;!padding:0;!font&size:100%;!vertical&align:baseline;!!!!!!background:transparent;!text&decoration:!none;!! }!! h1{!!!!!!font&size:!38px;!font&family:!'garamond!pro',garamond,'times!new!!!!!!roman',times,serif,'droid!sans';!color:!black;!font&weight:!normal;!!!!!border&bottom:!solid!1px!gray!line&height:!110%;!padding&bottom:!15px;!! }!! h2{!!color:!#1954a6;!font&family:!'helvetica!neue',helvetica,arial,sans&serif;!!!!!!!font&size:!18px;!line&height:!25px;!font&weight:!300;! }!!!! /*!Site!layout!*/!!! #main_container{!!!!!margin:!auto;!!width:!976px;!text&align:left;!!background:#fff;! }!!!!! /*!header!*/!!! #header{!!!!!min&height:!90px;!border&bottom:!3px!solid!#1954a6;!!margin:!0!38px!20px!38px;!!!!!!padding:!18px!0;!!display:!block;!position:relative;!! }!! /*!content!*/!! #content_container{!!!!!width:!975px;!!padding&bottom:!15px;! }!! #left_content{!!!!!margin&right:!10px;!float:!left;!width:!238px;!font&size:12px;!color:!gray;!!!!font&family:!'helvetica!neue',helvetica,arial,sans&serif;!! }!! #right_content{!!!!float:right;!width:!670px;!padding&right:38pxmin&height:350px;!!!!!padding&left:!10px;!! }!! /*!navigation!*/!!.navigation!ul{!padding&left:38px;!}!!.navigation!li{!!!!line&height:!1.231;!padding&top:!5px;!padding&bottom:!5px;!!!!border&bottom:!1px!solid!#e6ecf5;!! }!!.navigation!li.active{!!!!!color:!#1954a6;!font&weight:!bold;!background:!#e6ecf5;!!!!!border&bottom:!1px!solid!#fff;!border&top:!1px!solid!#fff;!!}!.navigation!li:hover{!background:!#e6ecf5;!}!!.navigation!a{!color:!inherit;!margin&left:!38px;!}!.navigation_header{!margin&left:!38px;!margin&bottom:!7px;!}! Figur A2: Utdrag från main.css 34
36 Bilaga B: Use Case-diagram Bilaga B: Use Case- diagram för de olika användarklasserna i exjobbspoolen 35
37 Bilaga C: Databasmodell Bilaga C - Databasmodell 36
38 Bilaga D: Förhandsgranskning Bilaga D Förhandsgranskning 37
39 Bilaga E: Exjobbspoolens övriga vyer Figur E1 Administrera 38
40 Figur E2 Studentens Mina sidor 39
41 Figur E3 Förmedla exjobb 40
42 Figur E4 Sök examensarbete 41
43 Figur E5 Exjobbsinformation 42
44 Figur E6 Information 43
45 Bilaga F: Statusdiagram Bilaga F - Statusdiagram 44
Hemsideutveckling för Anjool AB
Beteckning: Akademin för teknik och miljö Hemsideutveckling för Anjool AB Christopher Gidlöf Maj 2012 Examensarbete 15hp B nivå Datavetenskap Internetteknologi Examinator: Carina Petterson Handledare:
Läs merAdministratörer Det finns tre typer administratörer i Websurvey:
Fleranvändarsystem Allmänt Alla enkäter, enkätmallar, deltagarlistor, deltagarlistmallar och rapporter kan placeras i olika kataloger som bildar katalogstruktur. Denna struktur skapas av de administratörer
Läs mer2007-03-28. Manual för Typo3 version 4.04
2007-03-28 Manual för Typo3 version 4.04 1 2 Innehåll: 1. Allmänt 4 2. Grunderna i Typo3 5 2.1 Knappar 5 2.2 Inloggning 5 2.3 Den inledande vyn 6 2.4 Sidträdet 7 3. Sidor 8 3.1 Skapa en ny sida 8 3.2 Redigera
Läs merTNM065 Johan Eliasson johel964 Dokumentstrukturer Kristina Engström krien026
Tamriel Rating Tamriel Rating är en sida för recensioner för de olika värdshuset i Tamriel. Tamriel är ett fiktivt land inom spelserien Elders Scrolls. Systemet Användaren kan bläddra genom en lista av
Läs merLabbrapport: HTML och CSS
Labbrapport: HTML och CSS Utförd av: Natalie Olmosse Mailadress: natalie.olmosse@gmail.com Datum: 2015 12 18 Kursansvarig: Karin Fahlquist Övriga lärare: Ulrik Söderström Första inlämningen Resultat (Godkänd/Retur):
Läs merSlutrapport YUNSIT.se Portfolio/blogg
Slutrapport YUNSIT.se Portfolio/blogg RICKARD HANSSON 2012-06-04 Abstrakt Rapporten du har i din hand kommer handla om mitt projektarbete som jag genomfört under tio veckor för utbildningen Utvecklare
Läs merFöreningarnas nya sidmall. Version 4, 12.4.2016
Föreningarnas nya sidmall Version 4, 12.4.2016 Innehållsförteckning Föreningarnas nya sidmall... 1 Introduktion... 3 Sammanfattning... 3 Sidmallar och sidornas uppbyggnad... 4 Gamla sidmallen... 4 Nya
Läs merInlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012
Oktober 2012 Uppgiften går ut på att redovisa dina kunskaper kring JavaScript, liksom din förmåga att skapa en CSS-baserad layout. Detta gör du genom att lämna in ett resultat som följer specifikationerna
Läs merManual. Logga in. OBS! Kontrollera så att korrekt epostadress finns ifyllt. Ändra inga andra uppgifter!
Manual Logga in 1. Klicka på Logga in överst på sidan 2. Fyll i lägenhetsnummer och lösenord och tryck på knappen Logga in 3. Lyckas inloggningen kommer man till lägenhetens profilsida. OBS! Kontrollera
Läs merModul 8 Hantering av indata
Modul 8 Hantering av indata Indata De flesta webbplatser idag tillåter användare att mata in data Utan denna möjlighet hade inte webben varit vad den är idag Tyvärr innebär detta stora säkerhetsrisker
Läs merManual för version V2
Innehållsförteckning 1. Om 2. Installera Administration 3. Programmets skrivbord 4. Lägga upp din första kund 5. Kontaktpersoner 6. Besiktningsadresser 7. Kontrollpunkter/Besiktningspunkter 8. Koppla kontrollpunkter/besiktningspunkter
Läs merQuick Guide till Mahara och din Portfolio
Quick Guide till Mahara och din Portfolio 2012-05-20 A. Arstam Sida 1 Quick Guide till Mahara och din Portfolio Syftet med portfolion är att Du genom reflektion och självutvärdering ska få insikt i ditt
Läs merDRAFT Mottagningswebben Kravspecifikation
DRAFT Mottagningswebben Kravspecifikation Patrik Stenmark 2006-12-17 Contents 1 Introduktion 2 2 Ordlista 2 3 Användarnas mål 2 3.1 Titel.................................................. 2 3.2 Daddor................................................
Läs merÖversikt. Installation av EasyPHP 1. Ladda ner från http://www.easyphp.org/ Jag använder Release 5.3.4.0 2. Installera EasyPHP.
Laboration 1 Översikt 1. Att komma igång med laborationsmiljön a. installera Aptana Studio 3 b. Installera EasyPHP 2. Testa lite programmering a. Testa enkla uppgifter b. Testa automatiskt 3. Skapa inloggningsformulär
Läs merSTADSBYGGNADSFÖRVALTNINGEN. Aktivitetsstöd. Behörigheten Föreningsadministratör. Datum: 2015-09-22 Version 2. Sidan 1 (30)
Aktivitetsstöd Behörigheten Föreningsadministratör Datum: 2015-09-22 Version 2 Sidan 1 (30) Innehållsförteckning 1. Aktivitetsstöd - Inledning... 3 1.1 Användare - Webbadress tillre Aktivitetsstöd... 3
Läs mer7 Mamut Client Manager
7 Mamut Client Manager Tilläggsprodukten Mamut Client Manager består av programmen Client Start och Client Update. Med hjälp av Mamut Client Manager kan du från ett fönster öppna, uppdatera och administrera
Läs merHandledning för uppsatsadministratörer
Handledning för uppsatsadministratörer godkänna publicering och arkivering av uppsatser/examensarbeten i DiVA Från 31 augusti 2015 arkiveras alla uppsatser och examensarbeten elektroniskt via DiVA (HIG
Läs merInspektion Användarmanuel
Onix AS Version 1.0.5.0 16.12.2014 2014 Inspektion Användarmanuel Denna applikation kan du enkelt kontrollera utrustningar i Utrustningsportalen. 0 S i d a INNEHÅLLSFÖRTECKNING Sida INLEDNING... 3 STARTA
Läs merGuide till RefWorks Skapa ett RefWorks-konto Under Citera och referera > RefWorks Hjälp funktioner i RefWorks Help Tutorial Help
Guide till RefWorks Denna guide beskriver kort hur du kommer igång med RefWorks, hur du importerar referenser till RefWorks, delar dina referenser med andra samt hur du refererar och skapar referenslistor.
Läs merProva på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09
Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09 1. Introduktion till webbprogrammering Webbprogrammering består av ett antal
Läs merKOMMUNLEDNINGSKONTORET / IT-AVDELNINGEN. Office 365. Lathund
KOMMUNLEDNINGSKONTORET / IT-AVDELNINGEN Office 365 Lathund 1 Innehåll Inledning 2 Vad är Office 365? 2 Innehållet i denna lathund 2 Mer information 2 Office 365-portalen 3 Logga in i Office 365-portalen
Läs merAnvändarmanual Jobb i Stan. CV-Handboken. Registrering, jobbsökning mm. Copyright Aditro. All rights reserved.
Användarmanual Jobb i Stan CV-Handboken Registrering, jobbsökning mm. Innehållsförteckning: 2 Registrering 5-16 2.1 Skapa ett konto 5-6 2.2 Skapa ett CV 6 2.2.1 CV-profil (steg 1) 7-8 2.2.2 Arbetslivserfarenhet
Läs merFormulär Sida 2 av 12
sida. Sidmallen formulärsida används för att skapa olika typer av formulär. Du skapar formuläret med de frågor du vill ha och får sedan in svaren via e-post och/eller spara svaren i en databas. Alla formulär
Läs merANVÄNDARMANUAL ANSLUTA TILL REGION HALLAND VIA CITRIX
ANVÄNDARMANUAL ANSLUTA TILL REGION HALLAND VIA CITRIX Dokumentet beskriver hur anställda på Region Halland, samt externa samarbetspartners, ansluter och arbetar på distans via Region Hallands Citrix lösning.
Läs merManual Jourläkarschema Närhälsan V7 - Version 1.0
Manual Jourläkarschema Närhälsan V7 - Version 1.0 Denna manual innehåller olika avsnitt och beroende på vilken roll man har är de olika avsnitten aktuella. Innehåll Logga in...2 Glömt lösenord...3 Logga
Läs merLATHUND FÖR MALVIN. 1 Registrera ny användare... 2. 2 Logga In... 3. 2.1 Glömt lösenord... 4. 3 Annonsering... 5. 3.1 Skapa annons...
LATHUND FÖR MALVIN INNEHÅLL 1 Registrera ny användare... 2 2 Logga In... 3 2.1 Glömt lösenord... 4 3 Annonsering... 5 3.1 Skapa annons... 5 3.2 Redigera annons... 8 3.3 Ta bort förmedlad annons... 8 3.4
Läs merSlutrapport för JMDB.COM. Johan Wibjer 2012-06-03
Slutrapport för JMDB.COM Johan Wibjer 2012-06-03 Abstrakt Den här rapporten kommer handla om mitt projekt som har handlat om att gör en webb sida för ett personligt media bibliotek, hur jag har jobbar
Läs merDela in staden i lagom stora bitar
ANVÄNDARINFO version 007-07-0 Villamotorn Hur man aktiverar villaområden för självanmälan och tar hand om intresseanmälningar och processen för anslutning. Fastighetsägare En enskild villaägare har två
Läs meredwise Uppdateringsinformation vecka 04
edwise Uppdateringsinformation vecka 04 Uppdateringsinformation beskriver nyheter, rättningar och andra förändringar i edwise vid uppdateringen torsdagen den 24 januari, 2013 Sida 2/13 Innehållsförteckning
Läs mer19. Skriva ut statistik
19. Skiva ut statistik version 2006-05-10 19.1 19. Skriva ut statistik Den här dokumentationen beskriver hur man skriver ut statistik från SPFs medlemsregister via Internet. Observera att bilderna är exempel
Läs merManual C3 BMS för Android-telefoner
- för dig som gillar ovanliga fåglar 2012-09-24 Manual C3 BMS för Android-telefoner Hur fungerar det? Larmsystemet består av en server och databas i Stockholm samt applikationen C3 BMS i telefonen. Trafiken
Läs merFileCentral Desktop. Användarhandledning Version 1.0 2010-11-05
FileCentral Desktop Användarhandledning Version 1.0 2010-11-05 Inf of lex Connect AB Sankt Eriksgatan 58 SE-112 34 Stockholm Sweden Tel: 08-555 768 60 Fax 08-555 768 61 inf o@inf of lexconnect.se www.inf
Läs merApp-klient för smartphones... 2. Power BI... 3. Arbetsflöde... 4. CRM Online... 5. Webb-klienten... 6. Dokumenthantering... 7. Molnet...
Nyheter i Dynamics NAV 2016 Innehåll App-klient för smartphones... 2 Power BI... 3 Arbetsflöde... 4 CRM Online... 5 Webb-klienten... 6 Dokumenthantering... 7 Molnet... 8 Elektronisk fakturering... 9 App-klient
Läs merLathund. Fakturering via fil i Tandvårdsfönster
1 (8) Lathund i Tandvårdsfönster Sida 1/8 2 (8) Innehållsförteckning 1 Allmänt... 3 1.1 Övergripande beskrivning... 3 1.2 Förutsättningar... 3 2 Manuell fakturering av ej förhandsbedömd vård... 4 2.1 Portalen...
Läs merVidareutveckling av lokalbokningssystem
Beteckning: Institutionen för matematik, natur- och datavetenskap Vidareutveckling av lokalbokningssystem Mikael Eriksson juni 2007 Examensarbetete, 10 poäng, B Datavetenskap Internetteknologi Examinator:
Läs merAnvändarmanual Mina sidor Timvärden
Användarmanual Mina sidor Timvärden 1 1 Inloggning 3 2 Översikt 4 2.1 Välj anläggning 4 3 Timvärden 5 3.1 Ändra period 6 3.2 Zooma i diagrammet 7 3.3 Ändra periodstorlek 8 3.4 Visa som 8 3.5 Enhet 9 3.6
Läs merÖrebroCupen. Institutionen för Ekonomi, Statistik och Informatik, ESI Informatik, Klientprogrammering för webbsystem, 5 poäng
Institutionen för Ekonomi, Statistik och Informatik, ESI Informatik, Klientprogrammering för webbsystem, 5 poäng Examinationsuppgift VT 2005 Ver 1.2 ÖrebroCupen Mathias Borg, mathias.borg@esi.oru.se Benny
Läs merB = Bokad tid. T = Tillfälligt bokad tid. L = Ledig tid. X = Spärrad tid
3 Elev När eleven har loggat in får eleven upp denna bild, ett schema över sin lärares körtider och en gul meny som visas högst upp. Här nedan, under funktionsbeskrivning, kommer alla funktioner som eleven
Läs merContent Management System. Publiceringssystem
Content Management System Publiceringssystem Vad är ett Content Management System (CMS)? Ett verktyg för att separera innehåll från presentation Skapa webbsidor utan att kunna html Låt många skapa sidor
Läs merIntroduktion. Markera den gröna bocken. Skriv in URL:en http://www.ipoint.se. Klicka på knappen Platser.
LATHUND Introduktion Välkommen till vår interaktiva kursportal. Detta är en lathund för dig som ska utbilda dig med hjälp av ipoint-kurser. Instruktionerna gäller när du använder Internet Explorer 8.0
Läs merTillämpad programmering CASE 1: HTML. Ditt namn
Tillämpad programmering CASE 1: HTML Ditt namn 18 [HTML] Din handledare vill se din skicklighet i att använda HTML-koden. Du ska utveckla en webbplats om ditt intresse, inriktning eller gymnasiearbete.
Läs merSnabbguide till CtrlPrint
Snabbguide till CtrlPrint För Administratörer Januari 2016 Gå till innehållsförteckningen Innehåll Inloggning och lösenord 3 Logga in i CtrlPrint 4 Byta lösenord 5 Logga in som administratör 6 Administrera
Läs merWebbinställningar. Opus Online Client. Sida 1 av 10
Webbinställningar Opus Online Client Sida 1 av 10 Innehåll Opus Online Client... 3 Web konfiguration... 3 Kliniker... 3 Behandlare... 4 Skapa underdomän... 5 Flexibilitet... 6 Media... 8 E-post... 9 SMS...
Läs merInstallationsanvisningar
Installationsanvisningar Hogia Webbrapporter INNEHÅLLSFÖRTECKNING Systemkrav version 2013.x 3 Installation av IIS för Windows Server 2008 5 Nyinstallation av Hogia Webbrapporter 8 Installation och inloggning
Läs merVis it. jquery jquery används lite överallt i appen på olika sätt. Det främsta användningsområdet är vid selektering och manipulering av HTML element.
Vis it Introduktion Vi har skapat den webbaserade appen Vis it som bygger på att användare kan ta bilder på och lägga upp sevärdheter via sin mobiltelefon. Dessa sevärdheter är positionsbaserade vilket
Läs merManual Utgåva 1.2. Sidan 1
Sidan 1 SoftIT AB 2003 Sidan 1 Sidan 2 Innehållsförteckning INNEHÅLLSFÖRTECKNING... 2 FÖRORD... 4 FÖRKLARINGAR... 4 INSTALLATION AV INTELLIDOC PÅ SOFTIT:S SERVRAR... 4 INSTALLATION AV INTELLIDOC PÅ EGEN
Läs merWebbprogrammering. Sahand Sadjadee
Webbprogrammering Sahand Sadjadee Agenda Webb The World Wide Web (WWW) is a network of online content that is formatted in HTML and accessed via HTTP. The term refers to all the interlinked HTML pages
Läs merAdobe. Dreamweaver CS3. Grundkurs. www.databok.se
Adobe Dreamweaver CS3 Grundkurs www.databok.se Innehållsförteckning 1 Arbetsmiljön... 1 Användningsområde... 1 Starta Dreamweaver... 2 Arbeta i Dreamweaver... 2 Fönster... 3 Statusfältet... 4 Menyer...
Läs merRSI Road Status Information A new method for detection of road conditions
WP 5 Sida 1 av 15 RSI Road Status Information A new method for detection of road conditions Användarmanual för RSI WP 5 Sida 2 av 15 Användarmanual för RSI Om detta dokument Detta dokument är en användarmanual
Läs merIBM SmartCloud for Social Business. IBM SmartCloud Engage och IBM SmartCloud Connections Användarhandbok
IBM SmartCloud for Social Business IBM SmartCloud Engage och IBM SmartCloud Connections Användarhandbok IBM SmartCloud for Social Business IBM SmartCloud Engage och IBM SmartCloud Connections Användarhandbok
Läs merAvancerade Webbteknologier
Projektledning, Business Knowledge Användbarhet & Layout Avancerade Webbteknologier Lkti Lektion 1 Kommunikation Tobias Landén tobias.landen@chas.se Avancerade webbteknologier del 1 (4 KY poäng) Syfte
Läs merAnvändarmanual. 1.0 Login
Användarmanual 1.0 Login 1. 2. Inlogning sker på via fälten till höger på webbuilders startsida. Se markering 1. Ditt användarnamn och lösenord får du via e-mai när du registrerar dig. Om du tappat bort
Läs merGuide för Google Cloud Print
Guide för Google Cloud Print Version 0 SWE Beskrivning av anmärkningar Följande anmärkning används i den här bruksanvisningen: Information om hur du agerar i en viss situation eller hur du använder en
Läs merContent Management System. Publiceringssystem
Content Management System Publiceringssystem Vad är ett Content Management System (CMS)? Ett verktyg för att separera innehåll från presentation Skapa webbsidor utan att kunna html Låt många skapa sidor
Läs merRetrieve a set of frequently asked questions about digital loans and their answers
GetFAQ Webservice name: GetFAQ Adress: https://www.elib.se/webservices/getfaq.asmx WSDL: https://www.elib.se/webservices/getfaq.asmx?wsdl Webservice Methods: Name: GetFAQ Description: Retrieve a set of
Läs merÅGIT PRESENTERAR FILR SMIDIG OCH SÄKER FILÅTKOMST OCH DELNING
ÅGIT PRESENTERAR FILR SMIDIG OCH SÄKER FILÅTKOMST OCH DELNING Novell Filr är som Dropbox, men betydligt säkrare. Från och med nu kan alla anställda och studerande inom Ålands gymnasium arbeta med sina
Läs merFör att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara:
Hemsida CSS Introduktion till Cascading Style Sheets (CSS) Detta är en mycket kort genomgång av CSS med exempel på hur sådan kod ska läsas och hur den kan användas på IdrottOnline-sidor. Är man ute efter
Läs merAnvändarmanual konsult
Användarmanual konsult Innehållsförteckning 1. Registrera konto 2. Logga in 3. Fylla i kontouppgifter och prenumerationstyp 4. Byta lösenord 5. Inaktivera konto 6. Radera konto 7. Skapa profil 8. Editera
Läs merVindbrukskollen Nationell databas för planerade och befintliga vindkraftverk Insamling och utveckling
Vindbrukskollen Nationell databas för planerade och befintliga vindkraftverk Insamling och utveckling Slutrapport Innehållsförteckning Innehållsförteckning... 1 Sammanfattning... 2 Summary... 2 Bakgrund...
Läs merArtiklar via UB:s sö ktja nst
1 Artiklar via UB:s sö ktja nst UBs startsida har fått ett nytt utseende. I centrum finns nu UBs söktjänst. Istället för tre sökrutor möts du nu som användare av en sökruta där det är meningen att du kan
Läs merWP-Edit. Robin Larsson Martin Davik. Examensarbete, grundnivå, 15 hp Datavetenskap Internetteknologprogrammet
WP-Edit Robin Larsson Martin Davik 2014 Examensarbete, grundnivå, 15 hp Datavetenskap Internetteknologprogrammet Handledare: Anders Jackson Examinator: Carina Pettersson WP-Edit av Robin Larsson Martin
Läs merDatum: 2013-03-22 Version 1.6. Sidan 1 (43)
Datum: 2013-03-22 Version 1.6 Sidan 1 (43) Innehållsförteckning 1. Aktivitetsstöd - Inledning...3 1.1 Användare - Webbadress till Aktivitetsstöd... 3 1.2 Användare - Inloggning och glömt lösenord... 3
Läs merDokumenthantering för RA-dokument
Dokumenthantering för RA-dokument 1 (23) Innehåll 1. Syfte... 3 2. Övergripande RA-, TKA- och GBP-info... 3 2.1 RA... 3 2.2 TKA... 3 2.3 GBP... 3 3. Uppdateringsfrekvens för RA-dokument... 3 4. Dokumenthantering
Läs merSkapa en webbplats med WordPress
Skapa en webbplats med WordPress Daniel Karlsson 2016-01- 26 Licens Creative Commons Attribution- NonCommercial 2.0 Du får fritt sprida, redigera och kopiera guiden, men ej för ekonomisk vinning och endast
Läs merSCHOLA COMAI ELEV WEBBKALENDER / SCHEMA VERSION 1.1. [Skriv text]
20111206 SCHOLA COMAI WEBBKALENDER / SCHEMA VERSION 1.1 ELEV [Skriv text] Innehåll 1 Inledning... 3 1.1 Terminologi... 3 1.2 Teknisk kravspecifikation... 4 1.3 Behörigheter... 4 1.5 Start... 4 1.5.1 Grundinställning
Läs merFör- och Färdiganmälan på webben Användarbeskrivning för elinstallatör
För- och Färdiganmälan på webben Användarbeskrivning för elinstallatör Registrera nytt företag Gå in via ELSMART hemsida http://se.elsmart.com Om du inte har inloggning till systemet, ska du registrera
Läs merStartsida. Högskolan Dalarna
Logga in myprint-webbplatsen ger tillgång till myprint-funktioner (utskrift, inköpskredit, hantering av extra e- postadresser...). Den kan användas av studenter och personal på. Du måste logga in med din
Läs merHämta appar. Hämta appar innehåller information om vilka P&G-appar du behöver och hur du ställer in dem rätt.
Hämta appar Hämta appar innehåller information om vilka P&G-appar du behöver och hur du ställer in dem rätt. #1 Hämta appar Program #2 1. Den utrustning du behöver 2. Förutsättningar 3. Ställ in P&G-e-post
Läs merKlient/server. Översikt. Lektion 1: Webbtekniker från Microsoft. Webbteknik från Microsoft. Klient/server. Designmönster. Utrullning.
Klient/server Översikt Webbteknik från Microsoft. Klient/server. Designmönster. Utrullning. Lektion 1: Webbtekniker från Microsoft Microsoft webbtekniker. ASP.NET. Klientsidan. Internet Information Server.
Läs merManual för externa sökande
Aditro Recruit 9.2 10.11.2015 Aditro Recruit 9.2 Manual för externa sökande Aditro Recruit 9.2 10.11.2015 Innehållsförteckning 1. Logga in i systemet... 1 1.1. Låst användarkonto... 2 2. Skapa ett användarkonto...
Läs merVisma Export v2.0.4. För OpenCart 1.5.x (upp till 1.5.6)
Visma Export v2.0.4 För OpenCart 1.5.x (upp till 1.5.6) Viktigt! Detta är den *ICKE OFFICIELLA* Visma Export tillägget till OpenCart. Denna produkt är inte resultatet av ett samarbete med företaget Visma
Läs merManual för Anlita arkitekt
Anlita arkitekt Här finns råd och tips för dig som söker arkitekt. Sök bland hundratals auktoriserade arkitekter i vårt register. Manual för Anlita arkitekt OKTOBER 2014 Manual för Anlita arkitekt 1 Inloggning...
Läs merLaborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker
Sid 1 Laborationer i kursmomentet Datoranvändning E1 http://www.etek.chalmers.se/~hallgren/eda/ : Mer om FrameMaker 1996, 1997 Magnus Bondesson 1998 och 99-09-22 Thomas Hallgren 1 Introduktion I Laboration
Läs merLathund. Skriva artiklar på http://kalmar.regionbiblioteket.se 2014-12-04
2014-12-04 Lathund Skriva artiklar på http://kalmar.regionbiblioteket.se Introduktion Denna lathund beskriver hur du ska göra för att skriva artiklar på regionbibliotekets egna sidor i den gemensamma
Läs merIntroduktion till integrering av Schenkers e-tjänster. Version 2.0
Introduktion till integrering av Schenkers e- Version 2.0 Datum: 2008-06-18 Sida 2 av 8 Revisionshistorik Lägg senaste ändringen först! Datum Version Revision 2008-06-18 2.0 Stora delar av introduktionen
Läs merHandledning för publicering av avhandlingar och andra vetenskapliga publikationer i DiVA
Handledning för publicering av avhandlingar och andra vetenskapliga publikationer i DiVA Innehållsförteckning Instruktion för att lägga in din avhandling i DiVA... 2 Publicera avhandlingen... 2 Publicering
Läs meremopluppen Användning av "Ant" Niklas Backlund Version: 1.4 ( 2002/04/26 07:27:52 UTC)
emopluppen Användning av "Ant" Version: 1.4 ( 2002/04/26 07:27:52 UTC) Niklas Backlund Sammanfattning Det här dokumentet handlar om programmet Ant, som är en byggmiljö för programutvecklingsprojekt. Dess
Läs merTitel Mall för Examensarbeten (Arial 28/30 point size, bold)
Titel Mall för Examensarbeten (Arial 28/30 point size, bold) SUBTITLE - Arial 16 / 19 pt FÖRFATTARE FÖRNAMN OCH EFTERNAMN - Arial 16 / 19 pt KTH ROYAL INSTITUTE OF TECHNOLOGY ELEKTROTEKNIK OCH DATAVETENSKAP
Läs merLära känna skrivbordet
Är det första gången du använder Windows 7? Den här versionen har mycket gemensamt med tidigare versioner av Windows, men du kan behöva hjälp med att få upp farten. Den här guiden innehåller praktisk information
Läs merDet finns möjlighet att skicka SMS från ett flertal ställen i Rebus-systemet, detta dokument går igenom alla ställen där det fungerar.
Rebus SMS-modul 2011-06-08: Nytt sändningsförfarande, via Internet 2011-08-25: SMS sparas i Dokumentloggen 2011-08-29: SMS i Norge Om SMS ska skickas från Sverige måste ett avtal slutas med SMS-operatören
Läs mer24.10.2013 Lantmäteriverket 2013
Client-systemkrav I det här dokumentet har vi samlat ihop de krav som användningen Fastighetsdatatjänsten ställer på användarens maskin- och programvara, anvisningar för att klarlägga de tillämpningsversioner
Läs merRebus Web-import av kunder
Rebus Web-import av kunder 2003-03-06: Åbergs DataSystem AB. Version 1. 2005-11-11: Senaste revidering. Import av kunder till Rebus kundregister från en web-sites SQL-databas görs genom att man i kundregistret
Läs merSnabbguide för Universal skrivardrivrutin
Snabbguide för Universal skrivardrivrutin Brother Universal Printer Driver (BR-Script3) Brother Mono Universal Printer Driver (PCL) Brother Universal Printer Driver (Inkjet) Version B SWE 1 Översikt 1
Läs merVIDEODAGBOKEN. Individuellt Mjukvaruutvecklingsprojekt. En dagbok i videoform online. Robert Forsgren (rf222ce) UD12 2013-06-05
VIDEODAGBOKEN En dagbok i videoform online. Individuellt Mjukvaruutvecklingsprojekt Robert Forsgren (rf222ce) UD12 2013-06-05 Abstrakt: Den här rapporten kommer ta upp mitt projekt Videodagboken, en dagbok
Läs merProjektarbete 2: Interaktiv prototyp
Projektarbete 2: Interaktiv prototyp Jonatan Hilmarch (Grupp 13) 880427-5595 hilmarch@skip.chalmers.se Kurs: Människa-Datorinteraktion TIG061 HT 2010 Projekt 1 - en tillbakablick Enligt projektets systemdefinition
Läs mercombine version 1.8 I denna text kommer ni finna information som berör uppdateringen av Pulsen Combine utförarproduktion 1.7 till 1.8.
1(11) SOCIAL OMSORG Kristoffer Helgesson combine version 1.8 I denna text kommer ni finna information som berör uppdateringen av Pulsen Combine utförarproduktion 1.7 till 1.8. Sortering av adresser vid
Läs merRegistrera/publicera i DiVA
Registrera/publicera i DiVA Du kan importera referenser från många olika databaser (t ex Web of Science, PubMed, Libris, EndNote) till DiVA istället för att registrera uppgifterna manuellt. För instruktioner
Läs merWebbprogrammering TDDD52
Webbprogrammering TDDD52 ERD MySQL+PHP. Förra gången Idag Javascript jquery Progressive enhancement XML & AJAX Lab 4 och 5 Sammanfattning av kursen. Om databastabeller varje tabell ska beskriva en typ
Läs merTERSUS SKOLSYSTEM AB. Ansökan. Barnomsorgen 2014-12-09
TERSUS SKOLSYSTEM AB Ansökan Barnomsorgen 2014-12-09 Innehåll Ansökan... 4 Inställningar Adela Administration... 5 Inställningar Ansökan... 6 Ansökan uppdatera kontaktuppgifter för existerande personer...
Läs merSäkra pausade utskriftsjobb. Administratörshandbok
Säkra pausade utskriftsjobb Administratörshandbok April 2013 www.lexmark.com Innehåll 2 Innehåll Översikt... 3 Konfigurera säkra pausade utskriftsjobb... 4 Konfigurera och säkra programmet...4 Använda
Läs merAnvändarmanual HOIF.org
Användarmanual HOIF.org HOIF.org 2013-05-21 37 sidor Användarmanual för HOIF.org Introduktion Det här är en manual till alla användare på hemsidan HOIF.org Hur får jag ett användarkonto? För att kunna
Läs merHandledning Miljömanualen på webben
Handledning Miljömanualen på webben Välkommen till Miljömanualen på webben. Det här dokumentet beskriver hur man använder Miljömanualen. Inloggning Börja med att logga in i avsedda fält uppe till höger
Läs merhypernet Direkt Användarmanual för Administratör Version 1.0
hypernet Direkt Användarmanual för Administratör Version 1.0 Innehållsförteckning hypernet Direkt... 3 hypernet Direkt för Förskola/Fritidshem... 3 Systemuppbyggnad... 3 Inloggning för Administratörer...
Läs merCatharina Wramfors BFC Tekniksektionen Lund. Vid problem med KundRad kontakta RSIT tel: 077-67 30 000
Manual KundRad Webb Datum: 2009-04-14 Skapad av: Catharina Wramfors BFC Tekniksektionen Lund Vid problem med KundRad kontakta RSIT tel: 077-67 30 000 Innehåll: Inloggning och Ansökan om access. (användarkonto)
Läs merProgram för skrivarhantering
Program för skrivarhantering "Via programvaran CentreWare" på sida 3-9 "Via funktioner för skrivarhantering" på sida 3-11 Via programvaran CentreWare CentreWare Internet Services (IS) (CentreWare Internet-tjänster)
Läs merANVÄNDARMANUAL. handdatorer i ängs- och betesmarksinventeringen. för
ANVÄNDARMANUAL handdatorer i ängs- och betesmarksinventeringen för Ändringshantering Ansvarig för dokumentet: Maria Hall Diemer Datum Ändring Ansvarig 2010-05-11 Dokumentet skapades (version 1.0.0) Edward
Läs merNet id OEM Användarhandbok för Windows
Net id OEM Användarhandbok för Windows Net id OEM Användarhandbok för Windows Copyright 2012 SecMaker AB Klassning: Publik Version: 5.6 1 / 8 Net id OEM Användarhandbok för Windows Copyright 2012 SecMaker
Läs merAV Tools - Manual. AV Tools webbkonferens med Blackboard
AV Tools webbkonferens med Blackboard AV Tools består av tre kommunikationsverktyg, som finns under knappen Communication i Blackboard (Bb). Med hjälp av de tre verktygen kan lärare och studenter kommunicera
Läs merInstallationsanvisning Boss delad databas
Installationsanvisning Boss delad databas sid 2 (25) Innehåll 1 Inledning 3 2 Systemkrav klient 3 3 Serverinstallation 3 3.1 Systemkrav 3 3.2 SQL Server 3 3.3 Behörighet vid installation 4 3.4 Behörighetskontroll
Läs merJava och Javascript. Krishna Tateneni Översättare: Stefan Asserhäll
Krishna Tateneni Översättare: Stefan Asserhäll 2 Innehåll 1 Java och Javascript 4 1.1 Java............................................. 4 1.2 Javascript........................................... 4 3 1
Läs mer