juni 12 Bdr. Larsens Duer Af Thomas Markmann Moltsen IT TEKNOLOG - ITTEN0912 DATABASES AND NETWORKING. UCN AALBORG, SOFIENDALSVEJ 60, 9000 AALBORG

Størrelse: px
Starte visningen fra side:

Download "juni 12 Bdr. Larsens Duer Af Thomas Markmann Moltsen IT TEKNOLOG - ITTEN0912 DATABASES AND NETWORKING. UCN AALBORG, SOFIENDALSVEJ 60, 9000 AALBORG"

Transkript

1 Bdr. Larsens Duer juni IT TEKNOLOG - ITTEN0912 DATABASES AND NETWORKING. UCN AALBORG, SOFIENDALSVEJ 60, 9000 AALBORG Af Thomas Markmann Moltsen

2 University College Nordjylland Sted: Sofiendalsvej 60, 9000 Aalborg KLASSE: ITTEN0912 AFGANGSPROJEKT 4. SEMESTER 28 SIDER + 6 SIDER LITTERATURLISTE OG APPENDIX LAVET AF: THOMAS MARMANN MOLTSEN VEJLEDER: JESPER MICHEAL KRISTENSEN D. 12/ THOMAS MARKMANN MOLTSEN 1

3 INDHOLD Abstract... 5 Forord... 5 Indledning... 5 Projekt mål... 5 Problemformulering... 6 Hvad skal der gemmes?... 6 Blog delen... 6 Due kataloget... 6 Ejer info... 7 Database... 7 Tables... 8 Owner... 8 Post... 9 Image... 9 Comment Pigeon Indsætning af Data Webløsning Andre løsninger som kunne være brugt Hvad er CMS? WordPress Joomla Webmatrix Hvorfor ASp.Net og Visual Studio ASP.net Fordele ved brug ASP.NEt Ulemper ved brug asp.net (i forhold til WordPress og Joomla) Udvilkingen af webløsningen Opbygning af siden Siden og under sider Funktionaliteten på de enklte sider Default.aspx

4 Billeder.aspx Billeder.ASPx.CS - C# Koden i Detaljer (Billeder.aspx.cs) Duerne.aspx CreateBlogPost.aspx Øvrige Sider og Mapper Mappen - App_Code Mappen Bin Mapperne Image og Upload MasterPage.master Header.inc Site.css ErrorPage.ASPX web.config Sider som mangler Login.aspx Addpigeons.aspx addimages.aspx EditBlogPost.aspx Samlet Konklusion af Webløsning og Database Samlet Refleksion af Webløsningen og Database Future Works Lessons learned Endelig konklusion af projektet LitteraturListe Internet Appendix A Database Tabellernes egenskaber Owner Pigeons Post Comment Image

5 Appendix B Webløsningen App_Code Bin

6 ABSTRACT This Project is about two pigeon enthusiasts whom would like to sell their pigeon s and communicate with others of the same interest, through a blog form. The database for handling the data is made in Microsoft SQL Server Management Studio and the webpage is create with ASP.Net and made in Microsoft Visual Studio On the webpage it s possible to create blog post with pictures that are saved on the database and shown on the front page. Furthermore the are a page that show all the pigeons that are for sale. FORORD Jeg vil gerne starte med at sige tak til Karsten Larsen, som gav mig idéen til projektet og har sat mig ind i hvordan due sporten fungerer. Ligeledes en tak til min vejleder Jesper Micheal Kristensen, for god opbakning og input til projektets fremgangsmåde. Til sidst vil jeg runde af med at sige tak til min lillesøster, Sabina, for at læse opgaven igennem for stave fejl, og yderligere input for optimering af projektet. INDLEDNING Dette projekt omhandler min svigerfar Karsten Larsen og Henrik Larsen, som er to brødre fra Voerså ved Sæby, og deres interesse for duer. De er med i diverse konkurrencer, hvor de flyver med deres duer, og klarer sig rigtig godt. I Danmark er due flyvning en mindre niche sport, og er derfor ikke så meget udbredt. De har efterspurgt en hjemmeside hvor de kan kommunikere og sælge deres eftertragtede duer med andre due entusiaster. Jeg har er i dialog med dem, omkring hvordan de gerne vil have deres hjemmesiden til at se ud. De vil gerne have et due katalog, hvor alle de aktuelle duer der er til salg, samt en blog del hvor de kan fortælle om seneste flyvninger eller arrangementer der har været afholdt, ligeledes skal der være mulighed for at ligge billeder op på siden. PROJEKT MÅL Finde ud af hvad der skal gemmes Lave en database der kan håndtere den nødvendige data Gør det muligt for Karsten og Henrik at indsætte data ved brug af websiden. Lave en webløsning som kan fremvise data indsat af Karsten og Henrik. 5

7 PROBLEMFORMULERING Dette projekt har til hensigt at lave en den bedst mulige webside, der kan håndtere Karsten Larsen og Henrik Larsens ønsker om at kommunikere med andre due entusiaster i form af en blog. En vigtig ting i projektet er katalog delen, hvor det er muligt for de due interesserede, at finde hvilke duer der er til salg, med dertilhørende information og stamtavle. Hovedpunktet i projektet er at få lavet en database, som kan håndtere alt den nødvendige data. Før dette kan gøres, skal der laves en oversigt over hvilken slags data der skal gemmes. For at lave websiden skal der undersøges hvilke muligheder der er for at kunne lave denne, og for at bedst muligt at kunne præsentere den gældende data fra databasen. HVAD SKAL DER GEMMES? Det første der skal findes ud af, er hvad der skal gemmes. Har delt databasen op i 3 grove elementer som er: En Blog del, Due Kataloget og Ejer Info. Dette er den information som skal gemmes. BLOG DELEN De vil have et sted på siden hvor de kan ligge indlæg op, om eventuelle begivenheder, som for eksempel d. 3 maj hvor de havde due træf, med 20 andre due entusiaster. Til dette skal der også være mulighed for at sætte billeder ind samt og lave kommentere til de enkelte indlæg. Blog delen i punkt form. Oprettelse af Blog Indsætning af billeder Kommentere til hver indlæg Mulighed for senere redigering af indlæg Nemt og overskueligt kan se hvem der har lavet blog, og hvornår den er lagt op, samme gælder for kommenterende. Aktiv post eller ej Oprettelses dato DUE KATALOGET Selve due kataloget skulle være på sådan en måde at interesserede due handlere/købere kunne få mulighed for at se hvilke duer de har til salg, med dertilhørende data, om den specifikke due har. Ydermere, så er det ikke alle Duer som har Navn, eller en relevant beskrivelse, men hvad alle duerne har, er et unikt due nr., en ejer og stamtavle. 6

8 Due Katalog delen i punkt form. Nr. Duen Ejer Hvem ejer duen? Navn (hvis den er navn given) Beskrivelse (hvis noget er angivet) Billede (hvis noget er angivet) Stamtavle Pris EJER INFO I ejer info skal informationen om hver enkelt bruger gemmes. Af brugere, er det Karsten, Henrik, som de 2 ejere og jeg (Thomas Moltsen). Ejer info i punkt form: Brugernavn Kodeord Rigtige navn. Efter navn Eventuel beskrivelse Telefon nr. Facebook side navn Fødselsdato DATABASE Der er nu styr på hvilken slags data der skal i databasen. Se Appendix A for hver tabels egenskaber. Som er Kolonne Navn, Data type, og om Null er tilladt. Det er også muligt at se Hvilken er der Primær nøgle. I følgende afsnit bliver der skrevet om tilhørs forhold mellem de enkelte tabeler. 7

9 TABLES Se Figur 1. Her er der et overblik over hvordan databasens enkelte tabeler er knyttet sammen i et Chen Entity-Relations model. Owner 1 Har N Post 1 Har N Image 1 1 Har Har N N Pigeon Comment Figur 1 OWNER Owner tabelen er sat således op, at der kun kan være en Owner til hver enkelt post, da det syntes at give mest mening, samt der er ikke nogen grund til at der er 2 eller flere om at skrive et enkelt indlæg. Pigeon tabelen er lidt på samme måde lavet. Hver Owner/Ejer har flere duer, men hver due har kun en ejer. Det giver især mening når de ikke har en enes fælles ejet due. Se Tabel 1. En Owner har mange Post, men en Post kan kun have en Owner og en Post kan ikke være til uden en Owner. En Owner kan have mange Pigeon, og Pigeon kan kun have 1 Owner, men en Pigeon kan ikke være til uden en Owner. Tabel 1 Tabel Kardinalitet Forhold Tilslutning Kardinalitet Tabel Owner 1.0 Har M:N 1.1 Post Owner 1.0 Har M:N 1.1 Pigeon 8

10 POST Hver Post er skrevet af en Owner, men Posten kan ikke eksistere uden den er knyttet sammen med en Owner. Det samme glæder for Comment og Images, de skal have en Post for at kunne eksistere. Se Appendix A Tabeler - Post Når Post og image er lavet på denne måde, så kan billedet ikke blive knyttet til flere Post, da ImageId er primær nøgle og er sat sammen med PostId. Det betyder at hvis samme billede skal bruges i en anden post, skal det sættes ind igen. Ideen med at gøre det på denne måde var for at gør alle billederne unikke, og at de få gange det skal gøres, ses det ikke som et stort problem. Se Tabel 2. Mange Post er lavet af en Owner, men en Owner har lavet mange Post og Post kan ikke være til uden en Owner. Post har mange Comment, men Comment har kun en Post og comment kan ikke være til uden en Post. Post har mange Image, men image har kun 1 Post og Image kan ikke være til uden en Post. Tabel 2 Tabel Kardinalitet Forhold Tilslutning Kardinalitet Tabel Post 0.1 Er lavet M:1 1.1 Owner Post 1.0 Har M:N 1.M Comment Post 1.0 Har M:N 1.M Image IMAGE Se Appendix A Tabeler - Image Hvert billede er unikt, og det bliver det, med brugen af ImageId. Billedet er knyttet sammen med PostId, og så med dens navn, som er stien hen til billedet. Se Tabel 3. Image har kun en Post, men mange Image kan have samme Post, men Image kan ikke være til uden Post. Tabel 3 Tabel Kardinalitet Forhold Tilslutning Kardinalitet Tabel Image 0.1 Har M:1 M:1 Post 9

11 COMMENT Se Appendix A Tabeler - Comment Comment er lavet sådan at alle Comment er knyttet sammen med PosId for at gøre alle Comments unikke. Det er sågar muligt, hvis brugeren vælger dette, kan personen indsætte navn, og eventuelt til Comment til Posten. Se Tabel 4. Comment har kun en Post, mange Comment kan have samme Post, men Comment kan ikke være til uden Post. Tabel 4 Tabel Kardinalitet Forhold Tilslutning Kardinalitet Tabel Comment 0.1 På M:1 1:0 Post PIGEON Se Tabel 5. Pigeon har en Owner, men mange Pigeon har samme Owner, men en Pigeon kan ikke være til uden en Owner. Tabel 5 Tabel Kardinalitet Forhold Tilslutning Kardinalitet Tabel Pigeon 0.1 Har M:1 1.0 Owner INDSÆTNING AF DATA Den data som er indsat i databasen i følgende tabeler er blevet sat ind manuelt i MS SQL Server Management Studio: Owner Ejer information Pigeon Due information Det er også muligt at lave et Excel dokument med alt information, og så parse det med Toad for SQL Server, men da det var begrænset med hvad der skulle sættes ind, har jeg valgt at gøre det manuelt. Hvis der havde været adgang til flere Stamtavler og duer, skulle Toad for SQL Server, nok bruges for at lette opgaven en smule. Webløsning virker således at det er muligt at indsætte følgende i databasen: Post Blog indlæg o Image Billede knyttet sammen med Post o Comment Kommentar på hver enkelt Post 10

12 WEBLØSNING Webløsning er blevet lavet i ASP.Net ved brugen af Microsoft Visual Studio ANDRE LØSNINGER SOM KUNNE VÆRE BRUGT CMS (Content Management System) er et af svarende, såsom Microsoft WordPress, Joomla eller WebMatrix. HVAD ER CMS? CMS står for Content Management System, og består af 2 elementer som er CMA (Content Management Application) og CDA (Content Delivery Application). CMA Indebære for det mest templates som automatisere mange af aspekterne når der skal laves en side hvor meget af indholdet er gentagende. Det gør det derfor muligt for brugere at lave en side uden brugen af HTML kunnen (Se Link 2 side 29). CDA - Opdatere hjemmesiden efter den er blevet redigeret. CMS gør det nemt for brugerne at lave en hjemmeside, da nogle kan redigeres direkte i, fra browseren af, uden at der skal installeres fx MS Visual Studio, som kan være dyrt. Nogle CMS gør det nemt for brugeren, med kun begrænset viden om HTML, da de fleste sider er bygget med templates, plugins og temaer mm. CMS et holder styr på alt indholdet på siden, lige fra tekst, musik og video samt andet indhold som kunne være vigtigt for siden. Nogle CMS redskaber er gratis, mens andre koster et månedligt beløb. De fleste CMS udbyder gratis basis værktøjer, men kræver penge for de mere highend produkter. Ved highend menes der specielle domæne navne, templates af høj kvalitet og ikke mindst web hosting (Se Link 1 side 29). WORDPRESS WordPress startede som et simpelt bloggin system, men har gennem tiden udviklet sig til et fuldt ud CMS. På WordPress er der ikke behov for programmere som MS Visual Studio, da siden kan redigeres direkte bagved websiden. Det er kun host serveren som skal have installeret WordPress, for at det kommer til at virke. WordPress er også at finde som en applikation til Android, så der er mulighed at opdatere og styre sin webside, gennem mobilen eller tablet. WordPress er OpenSource, det er altså gratis at hente og bruge. På WordPress egen side er der at finde over temaer og plugins, gratis! Det er dog også muligt at gå på andre websider som for at finde temaer/plugins, de er dog ikke gratis, prisen er fra $3 og op efter. På denne side kan man finde nogle af de store udenlandske firmaer som bruge Wordpress. Nogle af dem er: og (Se Link 3 side 29). 11

13 JOOMLA Joomla er OpenSource, ligesom WordPress, og sammen med andre CMS er, fjerner de meget af det tekniske know-how for at sætte en webside op og styre den. På Joomlas egen webside er der at finde over forskellige extensions, hvilket svarer til plugins hos WordPress. Det er umildbart ikke til at finde temaer på Joomlas egen webside, men der findes mange andre udbydere, både gratis og til fast pris. Joomla og WordPress minder meget om hinanden på mange måder, hvad angår installation og brugen af dem (Se Link 4 side 29). WEBMATRIX WebMatrix er et Freeware program fra Microsoft som gør det nemt at lave en webside, ved installation af eksempelvis WordPress, Joomla eller lave websiden helt fra bunden, med hjælp af extensions fra extensions gallariet. Det er indbygget autocomplet af kode, eller intellisense som kommer med forslag til hvordan koden skal se ud, i form af en liste. Det smarte ved brugen af WebMatrix og eksempelvis WordPress sammen er at, websiden kan blive kørende på nettet, og redigere i websiden lokalt ved brugen af WebMatrix, og når alt er tilfredsstillende er det muligt at publish siden, altså frigive/ligge op på nettet. Der ved er det ikke ment at websiden går ned når man redigere i den direkte fra nettet (Se Link 5 side 30). HVORFOR ASP.NET OG VISUAL STUDIO 2012 Grunden til valget faldt på ASP.net og Visual Studio 2012, var at tiden var for kort til at bruge på at kunne lære og forstå og lave en komplet siden ved brug af andre end dette. Desuden er ASP.Net og Visual Studio blevet brugt og undervist i gennem skole forløbet, og mener der er mere trykhed ved brugen af dem til opbygningen af denne side. ASP.NET ASP.NET er efterfølgeren til ASP, (Active Server Page). Microsoft har udviklet denne nye teknologi, og er meget mere end bare næste version af ASP, grundet dens mere modne programmeringssprog (Visual Basic og C#). ASP.NET er bygget på CLR (Common Language Runtime), hvilket gør programmørerne i stand til at skrive ASP.NET ved brugen af hvilken som helst understøttet.net sprog, så som Visual Basic og C#. Microsoft.NET Platformen giver en masse værktøjer, som skal bruges til at lave en Webløsning. ASP.NET er indbygget i Visual Studio.NET som giver GUI (Graphical User Interface), samt en fuldt integreret Debugger ( Fejlsøger ). ASP.NET gør det muligt at skrive HTML koden i en.aspx fil, som er alt det flotte visuelle og for at få funktionalitet på siden skrives der C# i en.aspx.cs fil (Se Link 6 side 30). 12

14 FORDELE VED BRUG ASP.NET Masser af funktionalitet. Hurtigt udvikling med drag-and-drop og autocomplet. Ikke nødvendigt at være ekspert i HTML for at lave simpel funktionel webside. ULEMPER VED BRUG ASP.NET (I FORHOLD TIL WORDPRESS OG JOOMLA) Det er svært at sammenlige disse to, for ASP.Net er et programmerings sprog og WordPress/Joomla er et CMS. Kræver en del ekspertise at lave en flot of funktionel side, hvor WordPress og Joomla, bare kan installere et tema. UDVILKINGEN AF WEBLØSNINGEN Jeg er ikke webdesigner, og har begrænset erfaringen med at lave hjemmesider. Begrænset erfaring, betyder at jeg har kun lavet få dele af hjemmesider, jeg har ikke været med til at lave en fuldt funktionel webløsning. Ideen med denne side er at den skal være simpel og nem at bruge. Der skal være en forside, hvor alle blog indlæggende er slået op, der skal være muligt for at kommentere på disse, mulighed for at se billeder. Alt dette er i tankerne da siden skal laves, for Karsten og Henrik, de to due ejere. Det skal også gøres muligt for dem at logge ind på siden, for at kunne oprette indlæg, sætte billeder ind, rette i dem bagefter, og for at kan styre den. Det skal ligeledes være muligt for dem at oprette nye duer i databasen, og slette dem igen, hvis de i så fald bliver solgt. OPBYGNING AF SIDEN Som sagt er der brugt Microsoft Visual Studio 2012 og skrevet i ASP.NET, helt fra bunden med en tom webform. Desuden er der også anvendt FreeTextBox, Det er et gratis værktøj, der er nemt at installere, ved bare at sætte FreeTextBox.dll filen in i /bin/ mappen på serveren, samt at initialisere den på siden hvor den skal bruges (Se Figur 3 Side 34). Register Assembly="FreeTextBox" Namespace="FreeTextBoxControls" TagPrefix="FTB" %> 13

15 SIDEN OG UNDER SIDER De nævnte sider nedenunder, er de vigtigste sider på websiden, og vil her forklare ganske kort om dem. Længere nede kan for siden ses (Se Websiden 1 side 15). MasterPage.master Hvor en header fil er inkluderet med links til de andre under sider. Default.aspx Home eller start siden. o Posted.asp Hele oplægget, billeder og kommentarer. Billeder.aspx En kollektion af alle billeder på siden. Duerne.aspx Et due katalog hvor man kan finde alle duerne som er til salg o Stamtavle.asp En underside som linker videre med tilhørende stamtavle til den pågældende due. OmOs.aspx Information om ejerne De næste par side er test side, da der har været problemer med at lave en ordenligt login side. CreateBlogPost.aspx Lav indlæg o Tilføj billeder, til tidligere post. o Rediger tidligere blog posts. Resultat.aspx Skal indeholde resultater fra flyvninger Login.aspx Login-siden som har voldet nogen problemer 14

16 Websiden 1 FUNKTIONALITETEN PÅ DE ENKLTE SIDER I dette afsnit vil der blive afdækket nærmere hvordan de enkelte sider er lavet samt hvordan de virker i detaljer. Hver af sider er delt op i en HTML del (.ASPX) og en C# del (.CS). *Der er undladt kode, for ikke at gentage mig selv for meget. **Hver kode del vil blive vist som dette med en beskrivelse oven over. Se HTML / C# Test 1. reppost.datasource = db.posts.orderbydescending(x => x.publishdate); reppost.databind(); HTML / C# Test 1 15

17 DEFAULT.ASPX Det er forsiden på websiden, og hvor indlæggene fremvises, med et link videre til selve posten, (beskrevet nærmere i næste afsnit). På hvert indlæg er der en titel og navnet på hvem der har lavet indlægget, en dato for hvornår selve indlægget er skrevet, og et link videre til posten hvor der kan ses billeder og kommenteres på det. DEFAULT.ASPX - HTML KODEN I DETALJER Der er brugt en repeater til at tage data ud af databasen. Repeater en er et kontrol værktøj som kan bruges til at liste en gentagede liste, som her, hvor den skal hive alle indlæggende ud af databasen, for så at vise dem på websiden. Repeater en har ID reppost, som også bruges i C# koden (.CS filen) som kan binde den til en tabel i databasen. I selve repeater en er det muligt at vælge hvilke kolonner som skal bruges og eventuelt vises til brugeren. Se HTML Eksempel 1, her er der hevet følgende ud af databasen: Title, Owner.Name, Owner.LastName, PublishDate, BodyText og PostId kolonner ud. Owner.Name og Owner.LastName er fra Owner tabelen, men fordi OwnerId, er at finde i Post tabelen, er det muligt for repeater en at dykke ned i Owner tabelen, og finde Name og LastName. HTML koden: <asp:repeater ID="repPost" runat="server"> <SeparatorTemplate> <hr /> </SeparatorTemplate> <ItemTemplate> <div id="bold"> <h2>title: <%#Eval("Title") %></h2> <b>navn: </b><%#eval("owner.name") %> <%#Eval("Owner.LastName") %> <%#Eval("PublishDate") %> <p><%#eval("bodytext") %> </p> <a href="posted.aspx?id=<%#eval("postid") %>"><b>indlæg nr: <%#Eval("PostId") %></b></a> </div> </ItemTemplate> </asp:repeater> HTML Eksempel 1 16

18 DEFAULT.ASPX.CS - C# KODEN I DETALJER Se C# Eksempel 1 Linje 1, laves der forbindelse til databasen, ved at initialiser db. Linje 2, Her bliver der lavet forbindelse til Post tabelen i databasen gennem reppost. Hvor der bliver sorteret på hvornår posten/indlægget er lavet, hvor den nyeste er først/øverst. Linje 3, Her bliver data knyttet sammen med reppost, så den kan bruges i repeater en. C# Koden bagved: 1 PigeonDataContext db = new PigeonDataContext(); 2 reppost.datasource = db.posts.orderbydescending(x => x.publishdate); 3 reppost.databind(); C# Eksempel 1 BILLEDER.ASPX Her bliver alle billeder som er lagt ind på websiden vist, samt en tæller som fortæller hvor mange billeder er lagt ind. BILLEDER.ASPX - HTML KODEN I DETALJER Der er brugt en Label med ID Label1, til at vise tælleren af billederne, med hjælp fra C# koden bagved. Se HTML Eksempel 2. Repeater en har ID repimages. I linje 9 i koden nedenunder bruger img src til at tage billeder ud med, fordi i databasen er billederne gemt på sådan en måde, at de linker til billederne på webserveren. Samt er de konveneret så alle har samme størrelse. HTML Koden: 1<b><h2>Antal Billeder: <asp:label ID="Label1" runat="server" 2Text="Label"></asp:Label></h2></b> 3<asp:Repeater ID="repImages" runat="server"> 4 <SeparatorTemplate> 5 <hr /> 6 </SeparatorTemplate> 7 <ItemTemplate> 8 <div id="bold"> 9 <img src=' <%# Eval("Name") %>' Width="150px" Height="150px" /> 10 </div> 11 </ItemTemplate> 12 </asp:repeater> HTML Eksempel 2 17

19 BILLEDER.ASPX.CS - C# KODEN I DETALJER (BILLEDER.ASPX.CS) Se C# Eksempel 2. Her i koden er der lavet en tæller til billederne, som sætter dem ind i Label1 som er brugt i HTML. Linje 1 og 2. Bliver der lavet en SQL forbindelse til databasen, som hedder conn. Linje 3. Laves der en SQL kommando, benævnt result, hvor der bliver er en SQL query som tæller billederne, ved hjælp af COUNT og Image tabelen gennem SQL forbindelse conn. Linje 4. Åbner SQL forbindelse. Linje 5. Eksekveres SQL kommandoen og laver den til en string, som Label1 kan læses som en tekst, som i sidste ende bliver vist i HTML koden. Linje 6. Der lukkes for SQL forbindelse igen. C# Koden 1SqlConnection conn = new SqlConnection("Data Source=.\\sqlexpress;Initial 2Catalog=Pigeon;Integrated Security=True"); 3 SqlCommand result = new SqlCommand("SELECT COUNT(*) ImageId FROM Image", conn); 4 conn.open(); 5 Label1.Text = result.executescalar().tostring(); 6 conn.close(); C# Eksempel 2 DUERNE.ASPX Under fanen med Due Katalog kan der findes information om duerne der er til salg. Her oplyses duens nr., eventuelt navn og beskrivelse samt en pris på hver specifik due. Yderligere er der at finde et link videre til stamtavlen på hver enkelt due. DUERNE.ASPX - HTML KODEN I DETALJER Se HTML Eksempel 3. Her er der lavet et link ved brug af duens unikke due nr., så den nye side, hvor stamtavlen bliver vist kommer til at hedde, /Stamtavle.asp?id=(Duens nr.). HTML Koden <a href="stamtavle.aspx?id=<%#eval("pigeonid") %>"><b>stamtavle</b></a> HTML Eksempel 3 18

20 DUERNE.ASPX.CS C# KODEN I DETALJER Se C# Eksempel 3. Ligesom i de andre sider er der oprettet en forbindelse til databasen, den hedder db, og videre til duens tabel som hedder Pigoen. Repeateren s Id er reppigeon, og der til bliver tabelen koblet på. C# Koden PigeonDataContext db = new PigeonDataContext(); reppigeon.datasource = db.pigeons; reppigeon.databind(); C# Eksempel 3 CREATEBLOGPOST.ASPX Fanen Lav Indlæg, er hvor det er muligt at oprette et nyt indlæg som så bliver vist på forsiden. Lige pt, er det som en test, da det er mening at brugeren skal logge ind, og at websiden så kan genkende brugeren, når den har skrevet et indlæg. Derfor er der lige nu brugt en DropDownList til at kunne skifte mellem hvem der skriver et indlæg. CREATEBLOGPOST.ASPX - HTML KODEN I DETALJER Her er HTML koden for CreateBlogPost.aspx. Den er delt op i bider, så det er nemmere at overskue, samt er der gået i detaljer med de enkelte linje koder. Se HTML Eksempel 4. Her bliver der lavet en DropDownList som er benævnt ddlowner, som bliver knyttet sammen med de ejerne, der er i databasen i koden bagved. <asp:dropdownlist ID="ddlOwner" runat="server"></asp:dropdownlist> HTML Eksempel 4 Se HTML Eksempel 5. Her bliver der lavet en TextBox, hvor titlen på indlægget skal skrives, i koden bagved med id et txttitle laves der en forbindelse så titlen kommer det rette sted hen. <asp:textbox ID="txtTitle" MaxLength="100" Width="562" runat="server"></asp:textbox> HTML Eksempel 5 19

21 Se HTML Eksempel 6. Her er der brugt en RequiredFieldValidator, som er sat til at kontrollere om der er en titel, ved brugen af ControlToValidate="txtTitle". runat="server" Betyder at det kører på serveren og ikke klient siden. SetFocusOnError="true" Fokusset bliver flyttet til denne boks, tekstboksen er tom. ForeColor="Red" Farven er rød på skriften, som bliver vist til brugen på siden. ErrorMessage="<-- Dette felt kan ikke være Tomt!" Ved manglen på en titel bliver denne fejlmeddelelse vist til brugen. Når det så er kogt sammen, betyder det, at ved manglen på tekst i txttitle boksen, bliver fokusset rettet til boksen, samt der vil blive vist en fejlmeddelelse til brugeren. <asp:requiredfieldvalidator ID="RequiredFieldValidator1" ControlToValidate="txtTitle" runat="server" SetFocusOnError="true" ForeColor="Red" ErrorMessage="<-- Dette felt kan ikke være Tomt!"> </asp:requiredfieldvalidator> HTML Eksempel 6 Se HTML Eksempel 7. Her er der brugt FreeTextBox, som gør det muligt og nemt for brugeren at skifte skrift type, størrelse, indsætte links mm. <FTB:FreeTextBox ID="ftbEditor" runat="server"></ftb:freetextbox> HTML Eksempel 7 Se HTML Eksempel 8. Her er der brugt en FileUpload. FileUpload gør det muligt for brugeren at uploade et billede sammen med indlægget på siden. AllowMultiple="true" betyder at brugeren må vælge mere end et billede af gangen og uploade, men der har været problemer med at få det til at virker, som det skal, så det er med for at hvis det er muligt. <asp:fileupload ID="FileUpload1" runat="server" AllowMultiple="true" Title="Vælg Billede" /> HTML Eksempel 8 Se HTML Eksempel 9. Der er brugt to labels til at lave meddelelser til brugeren ved mangle på tekst eller om den er gået godt igennem. lblmessage fortæller at oplægget er gemt og hvad klokken er, med hjælp fra koden bagved. lblimage fortæller hvad om der er gemt et billede med indlægget eller ej. <asp:label ID="lblMessage" runat="server" ForeColor="Blue"></asp:Label> <asp:label ID="lblImage" runat="server" ForeColor="Blue"></asp:Label> HTML Eksempel 9 20

22 Se HTML Eksempel 10. Til sidst er der lavet en knap, så brugeren kan gemme. Den gemmer titlen, selve indlægget og billedet (hvis det er tilføjet). Alt dette bliver kørt i koden bagved, som kommer i næste afsnit. <asp:button ID="btnSave" runat="server" Text="SAVE" OnClick="btnSave_Click" title="gem Post"></asp:Button> HTML Eksempel 10 CREATEBLOGPOST.ASPX.CS C# KODEN I DETALJER Se C# Eksempel 4. I HTML koden er der lavet en DropDownList som er benævnt ddlowner som skal bindes til databasen, for at kunne vise de forskelle brugere. Linje 1 DataTextField henter data fra databasen og kigger efter Name som er en tekst. Linje 2 DataValueField henter data fra databasen og kigger efter OwnerId som er et nummer. Linje 3 DataSource laver db.owners til en kilde. Til når DataTextField og DataValueField kigger efter Name og OwnerId, så kigger de først i Owner tabelen, og så i Name og OwnerId Kolonnen. Linje 4 DataBind binder data sammen med ddlowner. 1 ddlowner.datatextfield = "Name"; 2 ddlowner.datavaluefield = "OwnerId"; 3 ddlowner.datasource = db.owners; 4 ddlowner.databind(); C# Eksempel 4 Se C# Eksempel 5. Linje 1 - btnsave_click Når SAVE knappen bliver trykket på, bliver denne kode eksekveret. Linje 5 Her laves thepost til et objekt, Post. Linje 7 Værdien fra DropDownListen konveneret til en int32, og det kunne i det her tilfælde være 3. Så thepost.ownerid = 3. Linje 8 Titlen bliver gemt, ved brugen af textbox en fra HTML koden, som hedder txttitle, og det skal gemmes som en tekst, så derfor kommer den til at hedde txttitle.text. Linje 9 Mangen til hvordan titlen gemmes, men i stedet for at bruge en textbox, bruges FreeTextBox i stedet for. Linje 10 Her gemmes datoen på hvornår indlægget er lavet, her bruges DateTime.Now som bruger den lokal tid. Linje 12 - thepost.active = true. I databasen er der en kolonne som hedder Aktiv, som er en boolean, og den gemmes som true. Linje 14 Her tilføjer vi alle data til thepost. Linje 15 Her gemmes alt data i databasen som er skrevet af brugeren. 21

23 1protected void btnsave_click(object sender, EventArgs e) 2 // New up the Context object 3 PigeonDataContext db = new PigeonDataContext(); 4 // New up the Post object 5 Post thepost = new Post(); 6 // Set the properties of the Post object 7 thepost.ownerid = Convert.ToInt32(ddlOwner.SelectedItem.Value); 8 thepost.title = txttitle.text; 9 thepost.bodytext = ftbeditor.text; 10 thepost.createdate = DateTime.Now; 11 thepost.publishdate = DateTime.Now; 12 thepost.active = true; 13 //Save Post on Database 14 db.posts.insertonsubmit(thepost); 15 db.submitchanges(); C# Eksempel 5 Se C# Eksempel 6. Det er gjort muligt at tilføje billeder på siden, og her i koden bliver der først kontrolleret om FileUpload1 har en fil. Billedet bliver i så fald gemt på serveren i mappen ~/Uploads/ med navnet som billedet har. Når alt er sket, bliver der skrevet ud i lblimage, så brugeren kan se om billedet er gemt eller ej. Linje 1 Kontrol om FileUpload1 har en fil, hvis ikke hop til linje 14, hvor en meddelelse vil blive vist at "Ingen billeder valgt". Linje 6 I FileUpload1 bliver billedet gemt i mappen "~/Uploads/" med navnet som uploaderen har givet billedet. Linje 7 Her bliver billedet gemt i databasen, som en sti til hvor billedet ligger, i dette tilfælde er det "/WebSite/Uploads/" +(Navn på billede). 1 if (FileUpload1.HasFile) 2 { 3 //Image Object 4 Image myimage = new Image(); 5 myimage.postid = thepost.postid; 6 FileUpload1.SaveAs(Server.MapPath("~/Uploads/" + FileUpload1.FileName)); 7 myimage.name = "/WebSite/Uploads/" + FileUpload1.FileName; 8 lblimage.text = "Billede Gemt"; 9 10 // Save it to the database 11 db.images.insertonsubmit(myimage); 12 db.submitchanges(); 13 } 14 else 15 { 16 lblimage.text = "Ingen billeder valgt"; 17 } C# Eksempel 6 22

24 Se C# Eksempel 7. Til sidst i koden bliver titelfeltet og FreeTextBox tømt, så der er blevet gjort klar til nyt indlæg. 1 txttitle.text = string.empty; 2 ftbeditor.text = string.empty; C# Eksempel 7 ØVRIGE SIDER OG MAPPER Øvrige sider skal forstås på sådan en måde, at de ikke direkte er indhold på siden, de fungerer ikke på samme måde som Default.asp og den slags sider, men derimod som hjælpe sider, som vil blive forklaret nærmere i nedenunder. MAPPEN - APP_CODE I App_code mappen er filen Pigeon.dbml lavet. I Microsoft Visual Studio, er det muligt at lave denne fil, ved at trække de relevante tabeller over som skal bruges senere. Altså, Pigeon.dbml er en kortlægningens fil, der kortlægger databasen, baseret på databasens tabeller. Se Figur 2 Side 33. Når dette er trukket ind, laver den en connection string, som kommer til at hedde PigeonDataContext. Med den kan det lade sig gøre at oprette en forbindelse til databasen, for at hente eller sende data til den. MAPPEN BIN Her er FreeTextBox.dll filen lagt ind, som automatisk opretter resten af filerne i mappen, som gør det muligt at bruge FreeTextBox (Se Figur 3 Side 34). MAPPERNE IMAGE OG UPLOAD Image er hvor stamtavlerne skal gemmes sammen med billederne af duerene og i Upload bliver alle billederne gemt fra websiden som er uploadet at brugeren. MASTERPAGE.MASTER MasterPage.master indeholder header filen Header.inc + Style.css. MasterPage er den overordnede side, som gør det muligt at lave alle sider ens, på en nemmere måde, ved at spare på en masse kode. Det sker ved at de øvrige sider bruger MasterPage som en ramme. Tag for eksempel Default.aspx, hvor der kun er en Repeater sat ind og siden ligner de andre, grundet MasterPage. 23

25 HEADER.INC I Header.inc er der lavet links rundt til de forskellige sider, som webløsningen indeholder. Header.inc er inkluderet i MasterPage.Master for at kunne vise alle disse links, samt er der brugt et ID som heder Menu, som er formateret i Site.CSS. Se CSS Eksempel 1. Padding bestemmer hvor tæt eller adskilt elementet skal være, som den er sat til. Her er den 0px(pixel), som betyder den er så tæt på så muligt. ul#menu { padding: 0px; margin: 0; } CSS Eksempel 1 SITE.CSS HTML er hvad front siden er skrevet af, altså selve strukturen af hvordan websiden ser ud. CSS gør det nemt at redigere de forskellige tags, så som H1 (Heading 1/Headline 1/Overskrift 1), tr (tabel række). Det kan også lade sig gør at give en hel sektion, eller tabel med samme CSS design. Det er sågar også muligt at give forskellige sektioner, forskellige ID, for eksempel: <div id = main >, <div id = blog > osv. Inde i site.css fil er det så muligt at redigere dem (Se Link 7 side 30). Se CSS Eksempel 2. Tag koden her nedenunder. # = med ID et. Så hvis vi nu bruger <div id = main > så vil <div> bruge dette stykke CSS kode til at formatere resten af sektionen, så den for en padding på 30 pixel og med en hvid baggrunds farve. #main { padding: 30px; background-color: #ffffff; } CSS Eksempel 2 CSS står for Cascading Style Sheets. Det smarte ved at have en.css fil er at det kan lade sig gøre at genbruge et styk kode flere gange. I denne webside er der lavet en site.css som er initialiseret på MasterPage, og derved på resten af siden, fordi de arver MasterPage. I Site.css er der hvor det flotte ved siden er lavet, så den er lidt mere spændende at se på. Det er i denne fil som bl.a. får toplinksne til at reagere som de gør, og ser ud som de nu gør. Se CSS Eksempel 3, her laver den alle overskrifter om til denne stil, og det er ens for alle som hedder h1. Det er ment med at de her følgende værdier: 24

26 Font (skrift type) er Georgia, serif. Border-bottom (Det er linjen under overskrift) - 3px solid #cc9900; som så sætter linjen til at være 3 pixel tyk og laver farven om til orange ish. Color er farven på teksten..css kode /*Overskriften på de enkelte sider (H1)*/ h1 { font: Georgia, serif; border-bottom: 3px solid #cc9900; color: #996600; } CSS Eksempel 3 ERRORPAGE.ASPX Er lavet for at sløre, hvis der skulle opstå en fejl. Hvis en fejl skulle opstå, vil der komme et billede op, med en 404 fejl, som så linker videre til forsiden. WEB.CONFIG I denne fil er det muligt at konfigurer websiden. Se web.config Eksempel 1. Her er den autogenereret connection string som blev lavet i Pigeon.dbml filen. <add name="pigeonconnectionstring" connectionstring="data Source=.\sqlexpress;Initial Catalog=Pigeon;Integrated Security=True" providername="system.data.sqlclient"/> web.config Eksempel 1 For at kunne lave en custom made/bruger differeret fejl, skal der gives lov i web.config filen. Det sker ved hjælp af følgende kode. Se web.config Eksempel 2. Som simpelt betyder at der er givet lov til at lave bruger differeret fejlside, som automatisk omdirigerer til ErrorPage.aspx. <customerrors mode ="On" defaultredirect="~/errorpage.aspx" /> web.config Eksempel 2 25

27 SIDER SOM MANGLER Som det kan ses på websiden mangler der en del sider for at websiden bliver fuldt ud optimal og funktionel. I denne sektion vil der blive kastet lys over nogle af siderne som mangler, for at lave en ordenligt webside. LOGIN.ASPX Planen med denne side er at brugeren logger ind på siden og derved har adgang til at skrive indlæg, og redigere i dem, samt at kunne tilføje og oprette nye duer efterhånden. Der har været problemer undervejs, med at kunne lave det ordenligt. MS Visual Studio indbygget Membership, hvor det er muligt at oprette profiler, og styre rettigheder til hver enkelt bruger. Ville gerne have brugt noget lignede, bare ved brug af den database der er i forvejen, og da der kun skal være max tre brugere, ses der ingen grund til at dele dem op i brugergrupper med forskellige rettigheder. ADDPIGEONS.ASPX På denne siden er det meningen at brugeren skal have mulighed for at oprette nye duer i databasen: PigeonId Som er duens nr. Name Eventuelt navn. Description Eventuel beskrivelse. Image Mulighed for eventuel uploading af billede. Stamtavle Muligheden for at upload stamtavle. Price Pris på duen. ADDIMAGES.ASPX Her i AddImages.aspx er det meningen at det skal gøres muligt at uploade og fjerne billeder fra det enkelte indlæg. Det skal også være muligt at upload mere end et billede af gangen. Nu er siden sat op som test, med en DropDownList som viser alle titlerne på de posts som er i databasen. Så det er muligt at vælge en titel og tilføje et billede der til. Ville gerne have vist hele titlen, Indlægget og hvem som har skrevet det. Men det har været svært at skrive data ud, for så at kunne vise det til brugeren. EDITBLOGPOST.ASPX I EditBlogPost.aspx er det intentionen at der skal rettes i ældre indlæg, for eksempel for stavefejl, lave en post aktiv eller ej, og ikke mindst at skrive videre på en post. 26

28 SAMLET KONKLUSION AF WEBLØSNING OG DATABASE Konklusionen af projektet er at databasen og webløsningen virker okay. Lige nu fungerer webløsningen som en blog, hvor det er muligt at ligge indlæg op og der kan kommenteres på de forskellige indlæg, gennem websiden kan der tilføjes et billede til de enkelte indlæg. Det er også muligt at tilføje ekstra billeder, til i forvejen eksisterende indlæg. På websiden er der også lavet et katalog, hvor der kan ses de duer som er til salg, med dertilhørende information og stamtavle. Valget faldt på ASP.Net og Visual Studio 2012, til opbygningen af webløsningen, da det virker mest optimalt for mig, da at hoppe ud i noget nyt, muligvis ville tage for meget til, konsekvensen af dette er at projektet ikke blev færdiggjort til tiden. Databasen virker som den skal, den gemmer de oplysninger der kommer fra websiden. I øjeblikket kan der kun ligges duer ind i databasen manuelt, da webløsningen ikke understøtter dette endnu. SAMLET REFLEKSION AF WEBLØSNINGEN OG DATABASE Det er en meget simpel webside der er blevet lavet, med en dertilhørende lille databasen som virker som den skal. Hvis der havde været mere tid, skulle der være tilføjet Kategorier og Tags til blog delen, for at dele den op og gøre den mere overskuelig. En Søge boks ville også hjælpe med at kunne søge, både på billeder, tags, Kategorier, skribent, duer osv. Tidspresset har voldet store problemer ved at skabe et Login, og har haft svært ved at få dette til at virke. Jeg har prøvet at implementere MemberShip, men har ikke fået dette til at fungerer som jeg gerne vil og har derfor måtte undlade dette. Der kan også udvikles en Resultat fane som skulle være i fire dele: Indlands, Mellem lang, Lang distance og Marathon flyvninger. Det er de fire forskellige distance der bliver fløjet i brevdue flyvninger. Der til vil der også være en tilhørende database som vil understøtte dette element. FUTURE WORKS Dette projekt er ikke overstået efter projektets afslutning, der skal arbejdes videre med dette, men denne gang skal det af prøves med WordPress, og nogle af dens mange plugins og temaer for at forhåbentligt at lette arbejdes gangen. Alt dette skal testes grundigt ved brug af MS WebMatrix. Når alt dette er blevet undersøgt nærmere og udviklet, skal der findes en måde at hoste det hele på, så det bliver tilgængeligt på nettet for andre de andre due entusiaster. 27

29 LESSONS LEARNED Det har været en sjov, irriterende, spændende, fustrende og lærerig oplevelse at lave sådan et stort projekt alene. Jeg har lært en masse ved at arbejde alene, og ved at gå ned i detaljer i dette projekt. Det dejlige ved at arbejde alene er at være fri for at skulle være afhængig af andre, med hensyn til mødetidspunkter, og at lave planer for at arbejde bedst muligt sammen. Det har dog også til tider været frustrerende at være alene med projektet, når for eksempel jeg gik i stå, med et eller flere problemer, kunne det have været en stor fordel at kunne diskutere med en sparingspartner som har været inde i projektet. ENDELIG KONKLUSION AF PROJEKTET Efter færdiggørelse af projektet, har jeg været i dialog med Karsten Larsen, den ene af de to brødre. Han kan godt lide siden, og kan se idéen med den, han mener dog at websiden måske er lidt for simpel. Ved simpel mener han, at den mangler noget visuelt såsom nogle billeder og mere spændende farver. Dette har jeg valgt at nedprioritere grundet manglende tid og grafiskdesign erfaring. Jeg har snakket med Karsten om at fortsætte med websiden og lave den om, så den forhåbentligt bliver bedre med brugen af WordPress og dens farverige temaer. Drømmen er at få udarbejdet en endelig webside som kan blive tilgængelig på nettet og hvor de har muligheden for at vise deres duer frem, og fortælle om deres erfaringer og flyvning gennem bloggen til de interesserede due entusiaster. 28

30 LITTERATURLISTE INTERNET TechTerms: CMS Lokaliseret d. 10/ på: Link 1 SearchContentManagement: Content management application (CMA) Lokaliseret d. 10/ på: Link 2 Wordpress.org: WordPress Features Lokaliseret d. 10/ på: Mediarealm.com: WordPress Pros and Cons Lokaliseret d. 10/ på: WordPress.org: About WordPress Lokaliseret d. 10/ på: Link 3 Joomla.org: What is Joomla Lokaliseret d. 10/ på: WhatIs.com: Joomla! Lokaliseret d. 10/ Youtube.com: What is Joomla? Learn about the Joomla! Application Lokaliseret d. 10/ på: https://www.youtube.com/watch?v=qjnc0h8utks Link 4 29

31 Microsoft.com: WebMatrix3 Lokaliseret d. 10/ på: Link 5 Netinformations.com: What is ASP.NET? Lokaliseret d. 10/ på: Link 6 W3schools: CSS Introduktion Lokaliseret d. 10/ på: HTML.net: Lesson 1: What is CSS: Lokaliseret d. 10/ på: Link 7 30

32 APPENDIX A DATABASE TABELLERNES EGENSKABER OWNER Se DB Tabel Eksempel 1. DB Tabel Eksempel 1 PIGEONS Se DB Tabel Eksempel 2. DB Tabel Eksempel 2 31

33 POST Se DB Tabel Eksempel 3. DB Tabel Eksempel 3 COMMENT Se DB Tabel Eksempel 4. DB Tabel Eksempel 4 32

34 IMAGE Se DB Tabel Eksempel 5. DB Tabel Eksempel 5 APPENDIX B WEBLØSNINGEN APP_CODE Databasen i Microsoft Visual Studio. Se Figur 2. Figur 2 33

35 BIN FreeTextBox. Se Figur 3. Figur 3 34

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

Læs mere

Dokumentering af umbraco artikeleksport:

Dokumentering af umbraco artikeleksport: Dokumentering af umbraco artikeleksport: Lav en artikel side 2-3. Installationsguide side 3-5. Opsættelse af databasen og web.config side 5-8. Umbraco: templates side 8. Umbraco: borger.dk tab side 8.

Læs mere

Umbraco installationsvejledning

Umbraco installationsvejledning på et ScanNet ASP Webhotel Indledning Beskrivelse Denne vejledning vil indeholde installation af CMS systemet Umbraco på et ASP Webhotel. Det dansk grundlagt Content Management System (CMS) Umbraco er

Læs mere

SIDEN PÅ WORDPRESS.COM

SIDEN PÅ WORDPRESS.COM WordPress WordPress er et fantastisk program til blog og til hjemmesider, hvor du gerne vil kunne rette via din browser. WordPress er meget udbredt og det er derfor nemt at finde fora, templates og hjælp

Læs mere

Content Management System. Content Management System

Content Management System. Content Management System CMS Content Management System Content Management System ADventure/SequelSite: det mest optimale til etablering, vedligeholdelse og fornyelse af professionelle web-sites Slut med eksperter og dyre opdateringer,

Læs mere

Internet Information Services (IIS)

Internet Information Services (IIS) Internet Information Services (IIS) Casper Simonsen & Yulia Sadovskaya H1we080113 06-11-2013 Indholdsfortegnelse Problemformulering... 2 Hvorfor:... 2 Hvad:... 2 Hvordan:... 2 Problembehandling... 3 Introduktion...

Læs mere

PHP kode til hjemmeside menu.

PHP kode til hjemmeside menu. PHP kode til hjemmeside menu. Home Hovedmenu 1 Hovedmenu 2 Hovedmenu 3 Hovedmenu 4 Undermenu 1 Breadcrumb Her vises indholdet af den valgte side Undermenu 2 Undermenu 3 Undermenu 4 Evt. en mulighed for

Læs mere

GeoEnviron Web-løsninger

GeoEnviron Web-løsninger 2012 Troels Kreipke 01-01-2012 Indhold Generelt... 3 Web-løsninger... 3 XML-firewall... 4 GeoEnviron_WebService... 4 Installation af web-løsninger uden brug af GeoEnviron_WebService... 5 GeoEnviron_WebService...

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

Læs mere

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4 Indhold 1 Indledning... 3 1.1 Kompatible browsere... 3 2 Log ind i Umbraco... 3 3 Content-delen... 4 3.1 Indholdstræet... 4 3.2 Ændring af indhold... 5 3.3 Tilføjelse af en side/sektion... 6 3.4. At arbejde

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Database for udviklere. Jan Lund Madsen PBS10107

Database for udviklere. Jan Lund Madsen PBS10107 Database for udviklere Jan Lund Madsen PBS10107 Indhold LINQ... 3 LINQ to SQL og Arkitektur... 3 O/R designere... 5 LINQ Den store introduktion med.net 3.5 er uden tvivl LINQ(udtales link): Language-INtegrated

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

Læs mere

Programmering I Java/C#

Programmering I Java/C# Programmering I Java/C# Dit første projekt Datatekniker Intro to C# C# (C Sharp) Et enkelt, moderne, generelt anvendeligt, objektorienteret programmeringssprog Udviklet af Microsoft, ledet af danskeren

Læs mere

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:...

Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:... Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:... 9 Nogle HTML tags... 9 Databaser og PHP Når vi snakker

Læs mere

Databaseadgang fra Java

Databaseadgang fra Java Databaseadgang fra Java Grundlæggende Programmering med Projekt Peter Sestoft Fredag 2007-11-23 Relationsdatabasesystemer Der er mange databaseservere Microsoft Access del af Microsoft Office MySQL god,

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

Opsætning af udviklerversion af Microsofts open source XDS.b fra Codeplex Projekt: Net4Care Version: V0.1, 2012-06-12

Opsætning af udviklerversion af Microsofts open source XDS.b fra Codeplex Projekt: Net4Care Version: V0.1, 2012-06-12 XDS Konfigurationsvejledning Opsætning af udviklerversion af Microsofts open source XDS.b fra Codeplex Projekt: Net4Care Version: V0.1, 2012-06-12 Indholdsfortegnelse Indledning... 2 Miljø... 2 Opsætning

Læs mere

Hjemmeside om elbiler - www.elbiler.nu

Hjemmeside om elbiler - www.elbiler.nu OKTOBER 2013 HØJE-TAASTRUP KOMMUNE Hjemmeside om elbiler - www.elbiler.nu BRUGERVEJLEDNING TIL VEDLIGEHOLDELSE ADRESSE COWI A/S Parallelvej 2 2800 Kongens Lyngby TLF +45 56 40 00 00 FAX +45 56 40 99 99

Læs mere

Media College Aalborg. Informations Teknologi, Modul D, del 1. [MONODEVELOP] Dennis Kristensen, Mikkel Schioldan, Nick Reese

Media College Aalborg. Informations Teknologi, Modul D, del 1. [MONODEVELOP] Dennis Kristensen, Mikkel Schioldan, Nick Reese 2013 Media College Aalborg Informations Teknologi, Modul D, del 1. [MONODEVELOP] Dennis Kristensen, Mikkel Schioldan, Nick Reese Indhold Indledning... 3 Problemformulering... 4 Om MonoDevelop... 5 Installation

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4 Maskine Udlejning 15. oktober 2010 Jacob Weng, Jeppe Boese og Mads Anthony Roskilde Tekniske Gymnasium Udlejningsvirksomhed 3.4 Indholdsfortegnelse Problemformulering:... 2 Planlægning:... 2 Analyse af

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er lavet

Læs mere

Dagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets.

Dagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets. Dagens program Har alle fået? Har nogen betalt for meget? Hav jeres koder klar Domæner change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog Hvad er widgets Hvad er

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet og lægge nyt på din hjemmeside. Guiden er skrevet

Læs mere

Velkommen til MODx kursus

Velkommen til MODx kursus Velkommen til MODx kursus Dette er en gennemgang af den mest basale funktionalitet i vores nye hjemmeside redigerings værktøj. MODx er et meget simpelt CMS (Content Management System), der gør det muligt

Læs mere

For dig som skal levere programmer til bideo.dk

For dig som skal levere programmer til bideo.dk For dig som skal levere programmer til bideo.dk Oktober 2011 - Version 5 INDLEDNING... 2 ANVENDELSE AF B2B.BIDEO.DK... 2 Den offentlige og den beskyttede webside... 2 Processen... 2 Før du bruger systemet

Læs mere

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17 1. udgave 2012 Udgivet af Softworld Kurser A/S Kopiering samt gengivelse af indholdet er ikke tilladt, medmindre der er givet skriftlig tilladelse herom. Copyright Softworld Kurser A/S Forfatter: Martin

Læs mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Løsningen er baseret på et såkaldt CMS et Content Management System som også kan anvendes som intranet i din virksomhed eller din institution.

Løsningen er baseret på et såkaldt CMS et Content Management System som også kan anvendes som intranet i din virksomhed eller din institution. Introduktion til CID CID eller Customer Information Display er et enkelt system, der kan anvendes til at vise informationsskærmbilleder i en forhal ved en receptionsskranke eller andre steder, hvor du

Læs mere

bedreweb.dk - Bolette Obbekær 2012 SÅDAN LÆGGER DU WORDPRESS PÅ DIT WEBHOTEL

bedreweb.dk - Bolette Obbekær 2012 SÅDAN LÆGGER DU WORDPRESS PÅ DIT WEBHOTEL SÅDAN LÆGGER DU WORDPRESS PÅ DIT WEBHOTEL TRIN 1: WORDPRESS MAPPEN WordPress er et gratis program, der bruges til at lave hjemmesider og blogs. Du skal downloade WordPress og bagefter lægge det på dit

Læs mere

Indholdsfortegnelse. Hvorfor skal jeg tage backup af min blog? Side 3. Tag backup med UpDraft Side 4. Tag manuelt backup Side 8 - 2 -

Indholdsfortegnelse. Hvorfor skal jeg tage backup af min blog? Side 3. Tag backup med UpDraft Side 4. Tag manuelt backup Side 8 - 2 - - 1 - Indholdsfortegnelse Hvorfor skal jeg tage backup af min blog? Side 3 Tag backup med UpDraft Side 4 Tag manuelt backup Side 8-2 - Hvorfor skal jeg tage backup af min blog? Lige meget om du har opbygget

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.

Læs mere

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur.

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. Adgang til Back-end Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. typo3 Skriv herefter brugernavn og adgangskode i de respektive felter og klik på Login Den følgende

Læs mere

Installation af WeroShop 2.4 S

Installation af WeroShop 2.4 S 2012 Installation af WeroShop 2.4 S Tommy Westerdahl Christensen Wero Electronics 23-02-2012 Indholdsfortegnelse INDLEDNING... 2 INSTALLATION... 3 GENEREL OPSÆTNING... 8 MOMS OPSÆTNING... 10 BETALINGSFORMER...

Læs mere

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt...

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 3 Information... 3 Programmering... 3 Design... 4 Brochure... 4 Hjemmeside...

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er lavet

Læs mere

Installation og Drift. Aplanner for Windows Systemer Version 8.15

Installation og Drift. Aplanner for Windows Systemer Version 8.15 Installation og Drift Aplanner for Windows Systemer Version 8.15 Aplanner for Windows løsninger Tekniske forudsætninger Krav vedr. SQL Server SQL Server: SQL Server 2008 Express, SQL Server 2008 R2 eller

Læs mere

DOtAB. Teknisk rapport

DOtAB. Teknisk rapport DOtAB Teknisk rapport Indholdsfortegnelse Introduktion... 1 Systemarkitektur... 1 Teknologier... 1 Platforme for mobile enheder... 1 Kommunikations interfacet... 2 Udviklingsmiljø... 2 IDOtAB (service

Læs mere

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

Guide til Umbraco CMS

Guide til Umbraco CMS web Guide til Umbraco CMS Indhold Indledning 3 Kompatible browsere 3 Log ind i Umbraco 4 Content-delen 5 Indholdstræet 5 Tilføjelse af en side/sektion 7 Sortering af indhold 12 Galleri 14 Mediebibliotek

Læs mere

Tidsregistrering. Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4. Informationsteknologi B. Roskilde Tekniske Gymnasium 25-11-2014

Tidsregistrering. Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4. Informationsteknologi B. Roskilde Tekniske Gymnasium 25-11-2014 2014 Tidsregistrering Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4 Informationsteknologi B Roskilde Tekniske Gymnasium 25-11-2014 Indholdsfortegnelse 1 Indledning... 3 2 User stories... 3 3

Læs mere

har jeg hentet nedenstående anmeldelse af et godt program til

har jeg hentet nedenstående anmeldelse af et godt program til Software Fra design af hjemmesider: har jeg hentet nedenstående anmeldelse af et godt program til Wordpress er intet mindre end et genialt program til hjemmesider. For det første er det gratis, og for

Læs mere

Det Naturvidenskabelige Fakultet. Introduktion til Blackboard (Øvelser) Naturvidenskabeligt Projekt 2006 Prøv at forske

Det Naturvidenskabelige Fakultet. Introduktion til Blackboard (Øvelser) Naturvidenskabeligt Projekt 2006 Prøv at forske Det Naturvidenskabelige Fakultet Introduktion til Blackboard (Øvelser) Naturvidenskabeligt Projekt 2006 Prøv at forske Indholdsfortegnelse Introduktion til Blackboard Content System...3 Øvelse 01 individuel:

Læs mere

E-HANDEL. ZoomTek.dk. E-handel

E-HANDEL. ZoomTek.dk. E-handel E-HANDEL ZoomTek.dk E-handel ZoomTek.dk Side 1 E-handel Webshop Copyright ZoomTek 2015 - Søren Anderson. All rights reserved. Dette materiale må ikke kopieres, reproduceres, indscannes, affotograferes,

Læs mere

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse Indholdsfortegnelse Indledning... 2 Hjemmeside struktur... 3 Rettigheder... 4 Opret Nyhed... 6 Opret Kalender Event... 7 Opret Arrangement... 9 Fast side... 10 Forside... 11 Tekst... 11 Billeder... 11

Læs mere

Byg et website med Dreamweaver

Byg et website med Dreamweaver Byg et website med Dreamweaver I denne øvelse skal vi opbygge et website for Hotel Holiday i Dreamweaver. Det færdige site kan ses her: http://www.itu.dk/people/khhp/hotel_holidays/velkommen.html Øvelsen

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. oktober, 2013 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13

Læs mere

RIGSPOLITIET. Vejledning i konvertering. fra. Word -dokument. til. PDF-fil. på politi.dk. Rigspolitiets websektion

RIGSPOLITIET. Vejledning i konvertering. fra. Word -dokument. til. PDF-fil. på politi.dk. Rigspolitiets websektion RIGSPOLITIET Vejledning i konvertering fra Word -dokument til PDF-fil på politi.dk Rigspolitiets websektion Indledning Da vi skal leve op til kravene om tilgængelighed på Internettet, skal alle tekster

Læs mere

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau Roskilde Tekniske Gymnasium Eksamensprojekt Programmering C niveau Andreas Sode 09-05-2014 Indhold Eksamensprojekt Programmering C niveau... 2 Forord... 2 Indledning... 2 Problemformulering... 2 Krav til

Læs mere

Guide til hjemmesider for Broen

Guide til hjemmesider for Broen Guide til hjemmesider for Broen Hjemmesiden er opbygget i WordPress. Afdelingens egne sider kan redigeres og opdateres, når der er oprettet en bruger. Kontakt Broen Danmark, hvis I vil have oprettet en

Læs mere

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06.

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06. Ordbøgerne.dk Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06 Side 1 af 35 Indholdsfortegnelse Indledning:...3 Design...4 Visuelt design:...4

Læs mere

Tillæg til Libris-hæftet: WordPress. Temaredigering og sikkerhed m.m.

Tillæg til Libris-hæftet: WordPress. Temaredigering og sikkerhed m.m. Tillæg til Libris-hæftet: WordPress Temaredigering og sikkerhed m.m. 1. Temaopbygning og -redigering I det trykte hæfte gennemgår jeg, hvordan du installerer temaer i WordPress. Der findes tusindvis af

Læs mere

Manual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune

Manual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune Manual Version 2 til oprettelse af hjemmesider for landsbyer i Rebild kommune Oversigt: Login Hjemmeside...... side 3 Login Administrationsmodul... side 5 Kategorier.. side 6 Opret/rediger første side...

Læs mere

Sådan redigerer du en hjemmeside i Umbraco

Sådan redigerer du en hjemmeside i Umbraco Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside i Umbraco Indhold Introduktion... 2 Log på Umbraco og redigér din hjemmeside... 3 Opret ny side... 7 Gem side uden at udgive/publicere

Læs mere

Advanced Word Template Brugermanual

Advanced Word Template Brugermanual Advanced Word Template Brugermanual Forord: Advanced Word Template er et værktøj, der anvendes sammen med Microsoft Word til at opbygge ensartet beskrivelser på en mere intelligent måde end Copy and Paste

Læs mere

EasyIQ Opdatering 5.2.3 -> 5.4.0

EasyIQ Opdatering 5.2.3 -> 5.4.0 EasyIQ Opdatering 5.2.3 -> 5.4.0 Kunde: Forfatter: Thomas W. Yde Systemtech A/S Side: 1 af 17 1 Indholdsfortegnelse 2 GENERELT OMKRING FORUDSÆTNINGEN OG OPDATERINGS FORLØBET... 3 2.1 FORUDSÆTNINGER...

Læs mere

Friluftsrådets nye hjemmeside

Friluftsrådets nye hjemmeside Friluftsrådets nye hjemmeside Velkommen! Eftermiddagens program 16.00: Hvad kan og skal hjemmesiden? Ny hjemmeside - Nye muligheder Hvordan får vi mest ud af mulighederne? ---- 16.45: Pause ---- 17-18.30:

Læs mere

Udvikling af DOTNET applikationer til MicroStation i C#

Udvikling af DOTNET applikationer til MicroStation i C# Udvikling af DOTNET applikationer til MicroStation i C# Praktiske tips for at komme i gang. Gunnar Jul Jensen, Cowi Hvorfor nu det? Mdl og Vba kan det hele Fordelene er : udviklingsmiljøet er eksternt

Læs mere

Testservice med anvendelse af Microsoft software.

Testservice med anvendelse af Microsoft software. Testservice med anvendelse af Microsoft software. Få offentlig nøgle fra installeret signeringscertifikat 1. Klik Start Kør på den pc eller server hvor signeringscertifikatet er installeret. 2. Skriv MMC

Læs mere

Mit grafiske workflow inkluderer:

Mit grafiske workflow inkluderer: GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være

Læs mere

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS Vejledning for opdatering af hjemmesiden opbygget med KlubCMS Indholdsfortegnelse Indhold Indholdsfortegnelse... 2 Indledning... 3 Lidt generelt om KlubCMS... 3 Sideopbygning:... 4 Brugere/Brugergrupper...

Læs mere

09/03 2009 Version 1.4 Side 1 af 37

09/03 2009 Version 1.4 Side 1 af 37 Login til DJAS Gå ind på adressen http://www.djas.dk I feltet Brugernavn skrives den e-mail adresse som brugeren er registeret med i systemet. I feltet Password skrives brugerens adgangskode. Ved at sætte

Læs mere

Lav en Wiki med PBworks Side 1

Lav en Wiki med PBworks Side 1 Lav en Wiki med PBworks Side 1 Lav en Wiki med PBworks En Wiki er en materialesamling, der er samlet af brugerne selv eller af udvalgte brugere. Navnet kommer fra Wikipedia, der jo er et leksikon skrevet

Læs mere

IT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013

IT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013 PHP-Projekt IT projekt uge 4 9 Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013 4-3-2013 Indholdsfortegnelse Indledende afsnit... 2 Brainstorm... 2 User stories... 2 Problemformulering...

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst

Læs mere

Flash Logic Free CMS. Manual og brugervejledning

Flash Logic Free CMS. Manual og brugervejledning Flash Logic Free CMS Manual og brugervejledning Indhold: 1. Funktionalitet 2. Fil-oversigt 3. Baggrundsbillede 4. Banner-billede 5. Redigering af tekst 6. Brug af html-tags 7. Web site navn 8. Upload til

Læs mere

Installation af WeroShop 2.8

Installation af WeroShop 2.8 2013 Installation af WeroShop 2.8 Tommy Westerdahl Christensen Wero Electronics 01-01-2013 Indholdsfortegnelse INDLEDNING... 2 INSTALLATION... 3 GENEREL OPSÆTNING... 8 MOMS OPSÆTNING... 10 BETALINGSFORMER...

Læs mere

Terese B. Thomsen 1.semester Formidling, projektarbejde og webdesign ITU DMD d. 02/11-2012

Terese B. Thomsen 1.semester Formidling, projektarbejde og webdesign ITU DMD d. 02/11-2012 Server side Programming Wedesign Forelæsning #8 Recap PHP 1. Development Concept Design Coding Testing 2. Social Media Sharing, Images, Videos, Location etc Integrates with your websites 3. Widgets extend

Læs mere

Weebly- vejledning. Lav din egen hjemmeside let og smertefrit

Weebly- vejledning. Lav din egen hjemmeside let og smertefrit 1 Weebly- vejledning Lav din egen hjemmeside let og smertefrit 1. Gå ind på flg. adresse: www.weebly.com 2. Opret dig som bruger (gratis): 2 3. Kom godt i gang: For at komme i gang med 1. side skal du

Læs mere

Opsætning af MobilePBX med Kalenderdatabase

Opsætning af MobilePBX med Kalenderdatabase Opsætning af MobilePBX med Kalenderdatabase Dette dokument beskriver hvorledes der installeres Symprex Exchange Connector og SQL Server Express for at MobilePBX kan benytte kalenderadadgang via database

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

RefWorks en vejledning fra UCL Biblioteket. Indholdsfortegnelse

RefWorks en vejledning fra UCL Biblioteket. Indholdsfortegnelse Indholdsfortegnelse Hvad er RefWorks?... 2 Opret dig som bruger... 2 Inden du går i gang... 3 Klargøring af computer til download af Write-N-Cite v. 4.2... 3 Installation af Write-N-Cite... 4 Installation

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information web som medie Internet vs WWW Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information Internet protokoller (forskellige måder at udveksle information

Læs mere

GUIDE Oprettelse og administration af Stævne annoncer og tilmeldinger på Staevner.dk

GUIDE Oprettelse og administration af Stævne annoncer og tilmeldinger på Staevner.dk GUIDE Oprettelse og administration af Stævne annoncer og tilmeldinger på Staevner.dk 02. april 2009 1 Staevner.dk Log ind Brug den nye log ind boks øverst på siden til at logge ind på siden. Bruger navn/email

Læs mere

Opsætning af Backup. Hvis programmet registreres korrekt vises nedenstående skærmbillede. Genstart herefter programmet.

Opsætning af Backup. Hvis programmet registreres korrekt vises nedenstående skærmbillede. Genstart herefter programmet. Opsætning af Backup Dette er en guide til opsætning af backup med Octopus File Synchronizer. Det første der skal ske er, at programmet skal registreres (programmet kan dog bruges i 30 dage, hvis det ikke

Læs mere

CMS - BRUGERMANUAL CMS

CMS - BRUGERMANUAL CMS CMS - BRUGERMANUAL LOG PÅ ADMINISTRATION Sådan kommer du i gang! For at logge ind i dit nye CMS-administrationsmodul skal du efter dit domæne skrive: admin. Eks.: www.dit_domæne.dk/admin Første gang du

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.

Læs mere

Vejledning til Teknisk opsætning

Vejledning til Teknisk opsætning Vejledning til Teknisk opsætning v. 1.0 Adm4you, 2010. Indhold Kort om denne vejledning... 3 Generelt om easyourtime... 3 Installation af databasen... 3 Sikkerhed og rettigheder... 4 SQL Login... 4 Rettigheder

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

Drejebog til tractorpulling.dk

Drejebog til tractorpulling.dk Drejebog til tractorpulling.dk Generelt På hjemmesiden benyttes følgende som standard: - Skrifttype: Verdana - Skriftstørrelse: 12px / 9pt. 4. oktober 2011 Moskjær Marketing Falkevej 4 DK-6920 Videbæk

Læs mere

Dynamicweb Quickguide

Dynamicweb Quickguide Brugervejledning Dynamicweb Quickguide Version: 1.1 2012.03.15 Dansk JURIDISK MEDDELELSE Copyright 2012 Dynamicweb Software A/S. Alle rettigheder forbeholdes. Dette dokument eller dele heraf må på ingen

Læs mere

Oprettelse og vedligeholdelse af ejendomsmæglers egen hjemmeside

Oprettelse og vedligeholdelse af ejendomsmæglers egen hjemmeside Oprettelse og vedligeholdelse af ejendomsmæglers egen hjemmeside Før du går igang... 2 Sådan kommer du ind i cms-systemet.... 2 Princippet i at arbejde i et cms... 3 Upload og administration de billeder,

Læs mere

Succes med intranet til Office 365. Den 13. august 2014 Webtop A/S s. 1

Succes med intranet til Office 365. Den 13. august 2014 Webtop A/S s. 1 Succes med intranet til Office 365 Webtop A/S s. 1 Hvem er jeg https://twitter.com/jeslas http://www.linkedin.com/in/jesslassen Webtop A/S s. 2 Hvad er Office 365 Office pakken (Word, Excel..) Skyudgaver

Læs mere

Opret en formular i Dreamweaver

Opret en formular i Dreamweaver Opret en formular i Dreamweaver. Åben det html-dokument hvor du vil have din formular skal være på. 2. Klik i det felt (DIV eller tabel) hvor du vil have din formular skal være. Du kan se du er i feltet

Læs mere

Brugermanual Kompass-værktøjet - for administratorer

Brugermanual Kompass-værktøjet - for administratorer 1 Brugermanual Kompass-værktøjet - for administratorer 2 LOG IND...Fehler! Textmarke nicht definiert. RegistRER EN BRUGER...Fehler! Textmarke nicht definiert. BED DEN STUDERENDE OM AT OPRETTE KOMPETENCEWEBS

Læs mere

Projekt i Programmering C Menu til hjemmeside.

Projekt i Programmering C Menu til hjemmeside. Projekt i Programmering C Menu til hjemmeside. 10-12-2004 Holstebro HTX Bent Arnoldsen Synopsis. Projektet her er en menu til hjemmesider, som er lavet så den er let at tilrette, når man tilføjer eller

Læs mere

Upload af billeder til hjemmesiden m.m.

Upload af billeder til hjemmesiden m.m. Upload af billeder til hjemmesiden m.m. Fremgangsmåde VVS-inst.dk Upload af billeder m.m., Side 1 Så går vi i gang Åben Firefox browseren Gå ind på denne adresse, for at komme til hjemmeside programmet.

Læs mere

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL LinkFactory TYPO3 MANUAL Kapitel 1 - TYPO3 CMS - Opbygning... 3 Log ind... 3 Backend... 4 Frontend... 5 Hvor skal jeg klikke?... 5 Gem, gem og vis, gem og luk... 6 Kapitel 2 - Håndtering af sider & menuer...

Læs mere