paragraaf 1 Communicatie en taal

1. Informatica Blok 1Hoofdstuk 2 paragraaf 1Communicatie en taal

2. Informatie kan in rijen bits worden vastgelegd. • Tekst, plaatjes, muziek, video etc • Hoe weet de computer wat hij met die rijen bits moet? • Hoe communiceren de computers? §1 Communicatie en taal Stedelijk Gymnasium Breda RCM

3. Informatica Blok 1Hoofdstuk 2 paragraaf 2Teken en betekenis

4. Communicatie is het uitwisselen van informatie. • Er is een zender . . • en een ontvanger. • De zender verstuurt tekens • De ontvanger kent de betekenis ervan. §2 Teken en betekenis Stedelijk Gymnasium Breda RCM

5. Nutteloze informatie!? • Ken je de betekenis? §2 Teken en betekenis Stedelijk Gymnasium Breda RCM

6. Je moet de betekenis kennen. • Afspraken • Protocol • Je snapt een taal als je de betekenis van de tekens (woorden) kent. • Verkeersborden • Pictogrammen, vlaggen §2 Teken en betekenis Stedelijk Gymnasium Breda RCM

7. Tekens mogen maar één betekenis hebben. • Eenduidig! • Afspraken maken. • Afspraken moeten bekend zijn bij de deelnemers. • Denk aan sms-taal. §2 Teken en betekenis Stedelijk Gymnasium Breda RCM

8. Menselijke communicatie • Afspraken ontstaan . . . • . . . en worden vastgelegd. • Afspraken en betekenissenveranderen. §2 Eenduidigheid en standaardiseren Stedelijk Gymnasium Breda RCM

9. Bij communicatie met en tussen computers moet de afspraak vooraf worden vastgelegd. • De afspraakkannietzomaargewijzigdworden. §2 Eenduidigheid en standaardiseren Stedelijk Gymnasium Breda RCM

10. Informatica Blok 1Hoofdstuk 2 paragraaf 3Communicatiemiddelen

11. Hoe wordt de informatie verzonden? • direct of indirect • direct: gelijkantwoord • radio, gesproken woord, MSN. §3 Communicatiemiddelen Stedelijk Gymnasium Breda RCM

12. indirect: de informatiekomt pas later bij de ontvangeraan • krant, e-mail, sms, cd-rom, usb-stick, facebook etc. §3 Communicatiemiddelen Stedelijk Gymnasium Breda RCM

13. Communicatieverloopt via eencommunicatiemiddel. • informatiedrager: USB-stick, cd-rom, krant, boek • medium: radio, tv §3 Communicatiemiddelen Stedelijk Gymnasium Breda RCM

14. Een zender zendt informatie volgens een afgesproken protocol naar de ontvanger en gebruikt een communicatiemiddel om dat te realiseren. §3 Communicatiemiddelen Stedelijk Gymnasium Breda RCM

15. Hoe communiceert een computer met zijn omgeving? • Interfaces • Sensoren • Actuatoren §3 Communicatiemiddelen Stedelijk Gymnasium Breda RCM

16. Interface = een manier voor een mens om met de computer te communiceren Voorbeelden • Toetsenbord • Muis • Luidsprekers • Beeldscherm §3 Communicatiemiddelen Stedelijk Gymnasium Breda RCM

17. Sensor = apparaat om informatie uit de omgeving te verzamelen (thermometer) Actuator = apparaat om de omgeving te beïnvloeden. (zoemertje, motortje, elektrisch slot, etc) Motion Planning §3 Sensoren en actuatoren Stedelijk Gymnasium Breda RCM

18. Informatica Blok 1Hoofdstuk 2 paragraaf 4Protocol

19. Bij communictatie wordt niet alleen het bericht zelf verstuurd. • Ookstuurinformatie is noodzakelijk. • Informatie om de communicatie te sturen, op gang te brengen, gaande te houden. §4 Protocol Stedelijk Gymnasium Breda RCM

20. contact leggen • wisselen van rol (zender wordt ontvanger en omgekeerd) • de ontvangst van berichten bevestigen • aangeven dat een bericht niet goed is overgekomen • het contact verbreken §4 Protocol Stedelijk Gymnasium Breda RCM

21. Bijvoorbeeld • “Hallo, mag ik iets vragen?” • “Nee, ik ben even bezig.” • “Wat zeg je?” • “Ik snap het.” §4 Protocol Stedelijk Gymnasium Breda RCM

22. Protocoleen verzameling afspraken over de stuurinformatie.Hoe wordt er gecommuniceerd. Voorbeeld • IP = Internet ProtocolData naar de juiste computer • TCP = Transmission Control ProtocolData foutloos overbrengen §4 Protocol Stedelijk Gymnasium Breda RCM

23. http = HyperText Transfer ProtocolVerzenden van webpagina’s • POP3 = Post Office ProtocolBeheren van mailbox • FTP = File Transfer ProtocolUploaden en downloaden • SMTP = Simple Mail Transfer ProtocolVerzenden van mail §4 Protocol Stedelijk Gymnasium Breda RCM

24. Informatica Blok 1Hoofdstuk 2 paragraaf 5Communicatie met taal

25. §5 Communicatie met taal Stedelijk Gymnasium Breda RCM

26. Een taal is een opeenvolging van klanken of letters. • Niet alles kan • gsaufghwyd rug owhehimd! • John sat down on the couch §5 Communicatie met taal Stedelijk Gymnasium Breda RCM

27. Natuurlijke taal • Grammatica • Taalregels • In de geschiedenis ontstaan • Geformaliseerd §5 Communicatie met taal Stedelijk Gymnasium Breda RCM

28. gsaufghwyd rug owhehimd! • John sat down on the couch • Geen enkel Nederlands woord! • Bank op de ging zitten Jan. • Ik vergis zich bij beantwoorden van de lastig vraag. • Taalfouten §5 Communicatie met taal Stedelijk Gymnasium Breda RCM

29. Het maken van zinnen is gebonden aan regels. • De syntaxis van de taal • De grammatica • De paard botste tussen de interesse. • Syntaxis is in orde. • Betekenis?? • Semantiek §5 Communicatie met taal Stedelijk Gymnasium Breda RCM

30. Behalve de syntaxis is ook de semantiek belangrijk • Syntax-fouten worden herkend. • Semantiek fouten niet. §5 Communicatie met taal Stedelijk Gymnasium Breda RCM

31. Voorbeeld Reken de omtrek uit. • lengte = 7 cm, breedte = 4 cm • Rekenmachine • 2 x 7 + 4 levert een antwoord. • Fout antwoord! • Geen foutmelding! • Syntax goed, semantiek fout §5 Communicatie met taal Stedelijk Gymnasium Breda RCM

32. Informatica Blok 1Hoofdstuk 2 paragraaf 6XHTML en CSS

33. HTMLHyperTextMarkup Language • Taal om documenten op te maken • HyperText = tekst met hyperlinks tekst met verwijzingen naar andere documenten §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

34. Ontworpen in 1991 • Veelwildgroei. • Opdrachtenwerktenbvalleen in IE of Netscape. • Standaardisatie: XHTML §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

35. W3-consortium werkt aan XHTML-standaard • eXtensibleHTML • Strikt genomen mag daar alleen de structuur in worden bepaald. • De opmaak regel je in Stylesheets (CSS) §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

36. Een document heeft: • inhoud (waar gaat het over) • structuur (hoofdstukken, paragrafen, tabellen, plaatjes etc.) • opmaak (Hoe ziet de tekst er uit? vet, schuin, groot, blauw) §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

37. Jij bepaalt de inhoud. • XHTML bepaalt de structuur • CSS bepaalt de opmaak • Vaak is dat niet zo. • Vaak worden zowel structuur als opmaak in HTML gedaan. §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

38. De structuur wordt geregeld met ‘tags’ of elementen • Een tag staat tussen < en > • Een tag wordt geopend en gesloten • Voorbeeld • <table> begin tabel • </table> einde tabel §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

39. <html> begin html • </html> einde html • <p> begin alinea • </p> einde alinea • <H1> begin kop H1 • </H1> einde kop H1 • <br /> lege tag, nieuwe regel §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

40. Tags kunnen attributen hebben. • Attributen hebben een waarde. • <ol type="a">genummerde lijst: a, b, c, etc • <ol type="1">genummerde lijst: 1, 2, 3, etc §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

41. <ol type="a"> </ol> • Tag of element: <ol> </ol> • attribuut: type • waarde: "a" §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

42. Regels • alle elementen (tags) sluiten • elementen ‘nesten’ • lege tags achteraan sluiten • waarden tussen " en " • alles met kleine letters §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

43. Nesten van elementen • <p><b><i>Hallo</i></b></p> fout is: • <p><b><i>Hallo</b><p></i> §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

44. Nesten van elementen • <p><b><i>Hallo</i></b></p> fout is: • <p><b><i>Hallo</b><p></i> §6 XHTML en CSS Stedelijk Gymnasium Breda RCM

45. Informatica Blok 1Hoofdstuk 2 paragraaf 6Documentstructuur

46. !DOCTYPE – type document • <html> • <head> • <title>Leuke site!</title> • <meta . . . . /> • <link . . . /> • </head> • <body>Jouw inhoud • </body> • </html> §6 Documentstructuur Stedelijk Gymnasium Breda RCM

47. In de body staan alleen tekst en tags. • Geen plaatjes. • Je verwijst naar een plaatje. • Je verwijst naar een andere website. • Je verwijst naar de opmaak. §6 Documentstructuur Stedelijk Gymnasium Breda RCM

48. Volg de cursus van Informatica-Actief. • Zoek op internet naar de juiste elementen en attributen. • Type in Google “HTML-cursus” • Pagina’s in het Nederlands • 17.800.000 hits. §6 Documentstructuur Stedelijk Gymnasium Breda RCM

49. Informatica Blok 1Hoofdstuk 2 paragraaf 6Stijlen en stylesheets

50. De stijl moet je regelen in de header van je document. • Bij meer pagina’s voor één website neem je stylesheet. • Een stylesheet is een apart document. • Verwijzing in het hoofddocument. • Handig en eenvoudig. §6Stijlen en stylesheets Stedelijk Gymnasium Breda RCM