Ongi etorria: Web Sistemak 2016/2017

13
Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática WEB SISTEMAK 2016/2017 IKASTURTEA Irakasleak: Oskar Casquero (euskera) María Luz Álvarez (gaztelera) 1 Web Sistemak by Oskar Casquero & María Luz Álvarez is licensed under a Creative Commons Reconocimiento 4.0 Internacional License .

Transcript of Ongi etorria: Web Sistemak 2016/2017

Page 1: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática 1

WEB SISTEMAK2016/2017 IKASTURTEA

Irakasleak:Oskar Casquero (euskera)

María Luz Álvarez (gaztelera)

Web Sistemak by Oskar Casquero & María Luz Álvarez is licensed under a Creative Commons Reconocimiento 4.0 Internacional License.

Page 2: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática

OSKAR CASQUERO OYARZABAL

• 9i21 bulegoa (9. solairuan)• Tutoretza ordutegia:

• Email-a: [email protected]

TUTORETZAK

EGUNA ORDUAAstelehena 11etatik 13etara

Asteartea 11etatik 13etara

Asteazkena 12etatik 14etara

Page 3: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática

• Ohiko deialdia– Azterketa idatzia %60

• Maiatzaren 25ean, 9:00etan, 5.1 gelan– Beste jarduera batzuk %40

• 1. zeregin ebaluagarria (%10): Tomcat erabiliz web aplikazio bat garatu• 2. zeregin ebaluagarria (%10): Kontsolarako Dropbox bezero bat garatu• 3. zeregin ebaluagarria (%20): Web mashup bat garatu

• Ez-ohiko deialdia– Proba bakarra, ondorengo atalez osotua: ariketa idatzia + ordenagailuan

(laborategian) egingo den ariketa praktikoa.• Ekainaren 21ean, 9:00etan, 4.2 gelan

EBALUAZIOA

Page 4: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática

• HTTP protokoloa

• Datuak adierazteko formatuak: JSON / XML

• Web bezeroak– HTTP eskaerak egiten dituzten mahai gaineko aplikazioak– Bi eredu:

• Web scraping• Web API

• Web aplikazioak– Bezeroen HTTP eskaerak erantzuteaz arduratzen diren aplikazioak– Bi aplikazio zerbitzari erabiliko ditugu:

• Tomcat (local, java)• Google App Engine (PaaS, python)

• Web orrialde dinamikoak: – Zerbitzariaren aldekoak: bi txantiloi lengoai ikasiko ditugu:

• JSP (Tomcat)• Jinja2 (Google App Engine)

– Bezeroaren aldekoak: AJAX (JavaScript)

• Autentikazio eta baimen eskuordetza: OAuth

• Web API-ak: dokumentazioa eta erabilpena– Dropbox, Google Drive, Twitter, YouTube, …

ZER IKASIKO DUZUE (TEORIA + PRAKTIKA)

Sistema eragilea

Web

be

zero

ak

HTTPJSON/XML

OAuth

Page 5: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática

ORDUTEGIA

MOTA EGUNA ORDUA GELA

Magistrala Asteartea 9etatik 11etara 7.3

Gelako praktika(bi asterik behin)2. astean hasten da

Astelehena 9etatik 11etara 7.3

Laborategiko praktika

(bi asterik behin)1. astean hasten da

Astelehena 9etatik 11etaraSimulazio eta Teknika Analogikoen

Laborategia(6i10, 6. solairuan)

Page 6: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática 6

EGUTEGIA: URTARRILA

urtarrilaL M X J V S D

1

2 3 4 5 6 7 8

9 10 11 12 13 14 15

16 17 18 19 20 21 22

23 24 25 26 27 28 29

30 31

16. astea• Urtarrilak 30: Laborategiko praktika• Aurkezpena• Teoria: HTTP protokoloa: oinarriak eta konpresioa• Praktika: Google bilatzailearen orrialde nagusia deskargatu• Etxerako lanak:

• Python 2.7.x instalatu• psutil liburutegia instalatu• PyCharm instalatu eta lizentzia aktibatu

• Urtarrilak 31: Magistrala• Teoria: HTTP protokoloa: formulario bidezko datu bidalketa• Praktika: Web API: ThinkSpeak.com-era web zerbitzura

CPU eta RAM datuak bidali• Etxerako lana: Wireshark instalatu

Page 7: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática 7

EGUTEGIA: OTSAILA (1. ZATIA)

otsailaL M X J V S D

1 2 3 4 5

6 7 8 9 10 11 12

13 14 15 16 17 18 19

20 21 22 23 24 25 26

27 28

17. astea• Otsailak 6: Gelako praktika• Teoria: HTTP: erantzunaren kodifikazioa eta luzeera• Praktika:

• kodifikazioaren inguruko ariketa• irudi baten zatikako deskargaren azterketa

• Otsailak 7: Magistrala• Teoria: HTTP protokoloa: erroreak eta cachea

18. astea• Otsailak 13: Laborategiko praktika• Teoria: HTTP protokoloa: cookie-ak• Praktika: eGela-ko ikasgela baten orrialde nagusia deskargatu

• Otsailak 14: Magistrala• Teoria: Web scraping: HTML-a parseatu: beautiful soup liburutegia• Praktika: eGela-ko ikasgela baten orrialde nagusian agertzen diren

baliabideen zerrenda osatu• Etxerako lana: JDK, Tomcat, Eclipse eta MySQL instalatu

Page 8: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática 8

EGUTEGIA: OTSAILA (2. ZATIA)

otsailaL M X J V S D

1 2 3 4 5

6 7 8 9 10 11 12

13 14 15 16 17 18 19

20 21 22 23 24 25 26

27 28

19. astea• Otsailak 20: Gelako praktika• Teoria: Tomcat web zerbitzaria: oinarriak• Praktika: adibideak

• Otsailak 21: Magistrala• Teoria: Tomcat web zerbitzaria: oinarriak (jarraipena)• Praktika: cachea-ri buruzko ariketa

20. astea• Otsailak 27: Laborategiko praktika• Teoria: datuen partekatzea: eskaera, saioa eta testuingurua• Praktika: “mezu taula” web aplikazioa

• Otsailak 28: Magistrala• Teoria: datuen partekatzea: eskaera, saioa eta testuingurua• Praktika: “mezu taula” web aplikazioa

(JARRAIPENA)

Page 9: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática 9

EGUTEGIA: MARTXOA (1. ZATIA)

martxoaL M X J V S D

1 2 3 4 5

6 7 8 9 10 11 12

13 14 15 16 17 18 19

20 21 22 23 Z1 25 26

27 28 29 30 31

21. AsteaMartxoak 6: Gelako praktika• Teoria: web orrialde dinamikoak

• Zerbitzariaren aldekoak: JSP txantiloi lengoaia• Praktika: “mezu taula” web aplikazioa hobetu JSP erabiliz

Martxoak 7: Magistrala• Teoria: web orrialde dinamikoak

• Bezeroaren aldekoak: AJAX• Praktika: “mezu taula” web aplikazioa hobetu AJAX erabiliz

22. Astea• Martxoak 13: Laborategiko praktika• 1. zeregin ebaluagarriaren aurkezpena (bakarkako lana):

• Helburua: Tomcat erabiliz web aplikazio bat garatu• Entregatzeko azken eguna: martxoaren 24a

• Martxoak 14: Magistrala• Teoria: OAuth• Praktika: OAuth 2.0 “for mobile & desktop apps”

Google Calendar-eko egutegien zerrenda deskargatu

Page 10: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática 10

EGUTEGIA: MARTXOA (2. ZATIA)

martxoaL M X J V S D

1 2 3 4 5

6 7 8 9 10 11 12

13 14 15 16 17 18 19

20 21 22 23 Z1 25 26

27 28 29 30 31

23. astea• Martxoak 20: Gelako praktika• Praktika: OAuth 2.0 “for mobile & desktop apps”

Google Sheets orri batean CPU eta RAM datuak gorde

• Martxoak 21: Magistrala• Praktika: OAuth 2.0 “for mobile & desktop apps”

Google Sheets orri batean CPU eta RAM datuak gorde(jarraipena)

24. astea• Martxoak 27: Laborategiko praktika

• 2. zeregin ebaluagarria (bakarkako lana): • Helburua: Kontsolarako Dropbox bezero bat garatu• Entregatzeko azken eguna: apirilaren 7a

• Etxerako lana: Google App Engine SDK (Python) instalatu

• Martxoak 28: Magistrala• Teoria: Google App Engine web zerbitzaria: oinarriak• Praktika: adibideak

apirilaL M X J V S D

1 2

3 4 5 6 Z2 8 9

10 11 12 13 14 15 16

17 18 19 20 21 22 23

24 25 26 27 28 29 30

Page 11: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática 11

EGUTEGIA: APIRILA (1. ZATIA)

apirilaL M X J V S D

1 2

3 4 5 6 Z2 8 9

10 11 12 13 14 15 16

17 18 19 20 21 22 23

24 25 26 27 28 29 30

25. astea• Apirilak 3: Gelako praktika• Teoria: Google App Engine web zerbitzaria:

• Web orrialde dinamikoak: Jinja2 txantiloi lengoaia• Datubaseak: Datastore

• Praktika: adibideak

• Apirilak 4: Magistrala• Teoria: Google App Engine web zerbitzaria:

• Erabiltzaile eskaeretatik kanpoko prozesaketa: Task Queue• Datubaseak: Blobstore

• Praktika: adibideak

26. astea• Apirilak 10: Laborategiko praktika• Praktika: OAuth 2.0 “for server-side web apps”

Inprimaki batetako datuak Dropbox-en gorde

• Apirilak 11: Magistrala• Praktika: OAuth 1.0a “for server-side web apps”

Twitter-eko azkenengo 3 txioak irakurri

Page 12: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática 12

EGUTEGIA: APIRILA (2. ZATIA)

apirilaL M X J V S D

1 2

3 4 5 6 7 8 9

10 11 12 13 14 15 16

17 18 19 20 21 22 23

24 25 26 27 28 29 30

27. astea• Apirilak 24: Gelako praktika• Praktika: YouTube + Google Maps

• Termino jakin bategaz erlazionatuta dauden eta kokapen baten inguruan dauden bideoak bilatu, adibidez:• terminoa: “itzulia”• kokapena: Bilbo (43.263729,-2.951183) r=100km

• Bideo horiek mapa batean kokatu

• Apirilak 25: Magistrala• Praktika: YouTube + Google Maps (jarraipena)

Page 13: Ongi etorria: Web Sistemak 2016/2017

Oskar Casquero y María Luz Álvarez Dpto. Ingeniería de Sistemas y Automática 13

EGUTEGIA: MAITZA

maiatzaL M X J V S D

1 2 3 4 5 6 7

8 9 10 11 12 13 14

15 16 17 18 Z3 20 21

22 23 24 A 26 27 28

29 30 31

28. astea• Maitzak 2: Magistrala• 3. zeregin ebaluagarria (bikoteka/hirukoteka):

• Helburua: web mashup bat garatzea• Entregatzeko azken eguna: maitzaren 19a

29. astea• Maitzak 8: Laborategiko praktika• 3. zeregin ebaluagarria egiteko denbora

• Maitzak 9: Laborategiko praktika• 3. zeregin ebaluagarria egiteko denbora

Maiatzak 25: azterketa (ohiko deialdia)

Ekainak 21: azterketa (ez-ohiko deialdia)

ekainaL M X J V S D

1 2 3 4

5 6 7 8 9 10 11

12 13 14 15 16 17 18

19 20 A 22 23 24 25

26 27 28 29 30