1 / 20

Lektion 1 Introduktion

Lektion 1 Introduktion. Generel information Ugentlige øvelser og eksamen Indhold og motivation Webpublisering og –baserede tjenester Udvikling af statiske hjemmesider Kontrol med versioner Detaljeret kursusindhold. Lektion 1 Introduktion (fortsat). HTML på 21 minutter

rudyard-dale
Download Presentation

Lektion 1 Introduktion

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Lektion 1 Introduktion • Generel information • Ugentlige øvelser og eksamen • Indhold og motivation • Webpublisering og –baserede tjenester • Udvikling af statiske hjemmesider • Kontrol med versioner • Detaljeret kursusindhold Databasestøttet Webpublisering

  2. Lektion 1 Introduktion (fortsat) • HTML på 21 minutter • Bemærkning om Programmeringssprog • Introduktion til de første øvelser Databasestøttet Webpublisering

  3. Generel information • Mål:At lære avancerede Webteknikker til udvikling af realistiske, og brugbare sites, som interagerer med en database • Lærer: Finn Gustafsson (figu@itu.dk) • Instruktorer: Jesper jaesper@get2net.dk, Johannes johsw@itu.dk og • Rasmus rasmuslh@gmail.com • Hjemmesideadr.:http://www.itu.dk/courses/W2/E2005 Databasestøttet Webpublisering

  4. Generel information • Kursets hjemmeside kommer til at indeholde: En detaljeret lektionsplan, øvelser og opgaver, sidste nyt og anden vigtig information • Lektionsplanen vil indeholde links til OH-slides, som normalt vil være tilgængelige senest dagen før forelæsningen • Husk gennem hele semesteret at holde øje med hjemmesiden • Hvornår: Forelæsninger mandage 17:00 – 19:00 samt øvelser mandage 19:00 – 21:00 Databasestøttet Webpublisering

  5. Generel information Hvad du skal bruge: • Bogen:’PHP and MySQL WEB Development’, (fås i Samfundslitteratur, ved siden af receptionen eller kan bestilles fra Amazon www.amazon.dk ) • Noter: som er tilgængelige fra kursushjemmesiden - HTML overview, Peter Seestoft • Relaterede noter: • Start på PHP, Thomas G. Kristensen, IDG Forlag 2001 • Start på SQL, F.D. Rolland IDG Forlag 1998 • Konto og Login til ITU’s netværk Databasestøttet Webpublisering

  6. Ugentlige øvelser • For at lære pensum på et rimeligt anvendelsesniveau – er du nødt til at prøve tingene igennem selv • Læsevejledning: Læs grundbogen og noter før forelæsningen • Øvelserne starter allerede første aften – mandag 29/8 kl. 19:00 • Løsning på opgaver skal afleveres senest ugen efter øvelserne • Afleverede løsninger–rettes med kommentarer den følgende uge • Færdiggør øvelserne i god tid før deadline Databasestøttet Webpublisering

  7. Eksamen, pensum, og indhold i opgaver og øvelserne • Krav: Mindst 6 ud af 11 opgaver, skal løses, afleveres og godkendes af lærerne. Det er dog et krav, at enten afleveres opgave 1 eller 2, opgave 3 eller 4, opgave 5 eller 6 osv. • Det kan anbefales at aflevere alle opgaver med henblik på feedback – i form af kommentarer og godkendelse • Eksamen: 4 timer skriftlig eksamen – alle ikke-elektroniske hjælpemidler er tilladt. (Noter – bøger – hæfter) • De ugentlige opgaver skal løses individuelt • Øvelser og opgaver dækker:Statisk HTML, Web-programmering med PHP, Regulære udtryk, Database programmering med SQL, Konstruktion af Websites med HTML, PHP og SQL. • Pensum: Kursusbogen, (siderne opgivet i lektionsplanen), noter om HTML, opgaver og forelæsningsslides. Ændringer til pensum kan ske. Databasestøttet Webpublisering

  8. Kursusindhold og motivation • Webpublisering kræver generelt: Fabrikation af tekst , fotografering, udgivelse, systemadministration, database kendskab, forståelse for brugergrænseflader, programmeringserfaring, kendskab til metoder og design ……. Begyndelsestilstand: Statiske Web-sider (HTML) – en forudsætning? Hvordan kan vi konstruere mere interessante websider: • Sites som er programmer (Dynamisk HTML) • Udregning af skat • Bill Gates personlige formue (http://philip.greenspun.com/WealthClock) • Sites som er databaser (Dynamisk HTML med databasetilgang) • ITU’s projectbase • CourseGrader (http://hug.it.edu:8002#/vu/index.tcl) • Amazon (http://www.amazon.com) Populære og brugbare sites kan konstrueres med få midler og lidt arbejdskraft. Databasestøttet Webpublisering

  9. Webpublisering Webpublisering bliver ofte sammenlignet med indholdet i magasiner, f.eks. produktkataloger, nyhedsreklamer osv. Webtjenester er kendetegnet ved at løse et bestemt problem for en bruger, f.eks. bestille en billet, købe en bog, finde en rute…. Begynd med at spørge hvad en bruger er interesseret i! Hvad kan du gøre for en bruger? Undgå: • Brugermodellering, indgangstunnel – udgangstunnel. • Blinkende langsom grafik Understøt flere views med indhold: • F.eks. tillad kommentarer fra brugerne…. Databasestøttet Webpublisering

  10. Web-baserede tjenester Fra PC-baserede applikationer til Web-baserede programmer Eksempler: • Groupcare (http://www.groupcare.com) • Kalendersystemer • Teksthåndtering og versionskontrol • CourseGrader • Kursus evaluering • Intranet • ….. Fejl og uhensigtsmæssigheder i Webbaserede programmer kan rettes øjeblikkeligt! Databasestøttet Webpublisering

  11. Udvikling af statiske Websider Home Menu content images Databasestøttet Webpublisering

  12. Udvikling af statiske Websider • Tegn et Site_Map • Giv struktur til indholdet, tilføj navne til filerne • Tænk på hvordan sekundære filer som f.eks. images skal organiseres • Konstruer en ”kun tekst” side • Ansæt en grafisk designer? • Lav en vedligeholdelsesplan – Hvordan bliver indholdet opdateret? • Er det muligt at uddelegere ansvaret til dem, som skriver indholdet, eller er det nødvendigt med en central ”HjemmesideAfdeling”? • Foretag periodiske bruger-test, funktionelle test og usability-test Databasestøttet Webpublisering

  13. Versionskontrol Problem? • Ib downloader kl.9:00 Version A af et dokument på Carlsbergs hjemmeside og bruger hele dagen på at rette i indholdet. • Gurli downloader kl.13:00 Version A af dokumentet og retter 1 stavefejl • Gurli uploader kl.13:15 dokumentet (Version B) til serveren. • Ib uploader dokumentet (Version C) til serveren kl.17:00 Gurlis rettelse til siden er forsvundet. Version C indeholder ikke rettelsen i Verison B. Løsning: Låsning af filer med emails, Emacs, RCS CVS CVS: http://www.cvshome.org/ Databasestøttet Webpublisering

  14. Detaljeret kursusindhold Detaljeret kursusindhold • HTML (Hyper Text Markup Language) • PHP (Hypertext PreProcessor) • SQL (Structured Query Language) Hvorfor lære at programmere? • Bedre forståelse af muligheder og begrænsninger ved dynamiske hjemmesider • Nødvendig betingelse for udvikling af avancerede Websites • Bedre muligheder for at forestille sig nye typer af Websites Hvorfor lære PHP? • PHP er godt tilpasset til udvikling af dynamiske websider (ligesom Perl, ASP, Java’s JSP, Standard ML, ….) • PHP er freeware, et modul til open source Web-serveren Apache • PHP er god til at minipulere strenge, og derfor god til webprg. • PHP understøttes af mange ”hosting companies” (webhoteller) Databasestøttet Webpublisering

  15. Specielle Sprog: HTML & SQL Domæne specifikke sprog -> HTML og SQL: HTML: Til at beskrive strukturen i hypertext og (delvis) layout Eks.(html(hello.html) <html> <head><title> Hello </title></head> <body> Hello </body> </html> Browseren kræver ikke normalt HTML-tag for at være stringent HTML, men du skal alligevel skrive korrekt HTML! SQL: Et sprog til at sende data frem og tilbage mellem et program og en database. SELECT navn, adr FROM names ORDER BY name; INSERT INTO names (navn, addr) VALUES (’Iris’, ’Gartnergade 14’); Der er mange SQL-dialekter – men i mange tilfælde er forskellen minimal/triviel Databasestøttet Webpublisering

  16. Hvorfor skal jeg bekymre mig om HTML? • For at være sikker på at Websitet virker på alle Browsere • Der er ting, som ikke kan laves i en WYSIWYG HTML editor • For at genbruge HTML-kode skrevet af andre • WYSIAYG= What You See Is All You Get; nogen gange generere HTML-editorer unødvendig HTML • Fordi iWeb-programmering skriver man programmer som genererer HTML; så Web programmering kræver at mindst 1 person forstår HTML. Databasestøttet Webpublisering

  17. Hvorfor anvende en HTML-editor(MicroSoft FrontPage, Netscape Composer) i stedet? • Den laver altid korrekt HTML (eller det skulle den i hvert fald) • Man kan lære HTML fra den (men vær opmærksom på browserspecifik kode) • Det er lettere at komme i gang. • Hver ting til sin tid! Databasestøttet Webpublisering

  18. HTML på 21 minutter Et korrekt HTML dokument: <html> <head> <title>Min Side</title> </head> <body bgcolor=”white”> <h2>Min side </h2> Se siden <a href=http://www.it-c.dk/courses/W2/E2005/> Databasestøttet Webpublisering</a> </body> </html> • Det kan være vanskeligt at formatere HTML-koden pænt - men prøv at være konsistent • Skriv selv HTML-koden! - • Senere skal vi lave programmer som laver HTML-kode! Databasestøttet Webpublisering

  19. HTML på 21 minutter For de studerende som ønsker en genopfriskning af HTML på 21 minutter er der et opgavesæt (ps1-extra) Det anbefales at arbejde med disse øvelser efter behov – udvælg de øvelser, som er ukendte for jer - spring det i har styr på over De øvelser, der arbejdes med er (ps1) Databasestøttet Webpublisering

  20. Programmeringssprog • C, • C#, • C++, • Java • Pascal, • Cobol, • Fortan, • PHP • Og 100-visflere Alle sprog er dialekter af sekventiel, selektiv eller repetetiv udførsel af kommandoer eller ordrer If – else ….. While…. Do while …..for…… Databasestøttet Webpublisering

More Related