Dit is mijn presentatie die ik gegeven heb op mijn stage verdediging

1. Webontwikkeling op een CMS en
webontwikkeling via en voor derden
Pieterjan de Smet
Stageplaats: Netlash
Stageleider: De Waele Bart
Stagementor: van der Linde Rogier

2. Inhoud
Stageopdracht
Fork CMS
Prestaties
API
2

3. Inhoud
Stageopdracht
Fork CMS
Prestaties
API
3

4. Stageopdracht
Meedraaien binnen het bedrijf
Werken aan één project: Tagger.fm
Ontwikkelen van nieuwe functionaliteiten
Onderhouden van de functionaliteiten
4

5. Tagger.fm
Website rond muziek
Informatie van Last.fm
Biedt diensten aan artiesten
Community website
5

6. Tagger.fm
6

7. Tagger.fm
7

8. Tagger.fm
8

9. Inhoud
Stageopdracht
Fork CMS
Prestaties
API
9

10. Fork CMS
CMS: Content Management System
Webapplicatie voor eenvoudig beheer van de website
Frontend: publieke gedeelte
Backend: private gedeelte voor beheerders
10

11. Fork CMS: Interne werking
Spoon library
Bibliotheek van PHP 5 klassen en functies
Bevat volgende functionaliteiten
Cookie Form
Database HTTP
Datagrid Image
Email Log
Filesystem Template
Filter Webservices
11

12. Fork CMS: Spoon Template
Iteraties
PHP code : Template:
Resultaat:
12

13. Fork CMS: Spoon Database
Ophalen van meerdere records
PHP code : Resultaat:
13

14. Fork CMS: Backend
Modulair opgebouwd
Module Pagina’s zorgt voor de inhoud + navigatie
Aan een Pagina kan een module hangen
Meertalige ondersteuning
14

15. Fork CMS: Backend
Pagina’s module
15

16. Fork CMS: Backend
Modules
16

17. Fork CMS: Frontend
Ook opgebouwd uit modules
Gebruikt clean-URL’s
Structuur aan de hand van Pagina’s module (backend)
SEO vriendelijk
17

18. Inhoud
Stageopdracht
Fork CMS
Prestaties
API
18

19. Prestaties: Inhoud
Backtweet blog-integratie voor Netlash.com
Exclusieve concerten voor Tagger.fm
Keywords voor Tagger.fm
Widget voor Tagger.fm
Mobile website voor Tagger.fm
19

20. Prestaties: Backtweet
Tweets, berichten op twitter
Bedoeling? Tweet reacties van blog posts ophalen
Via de API van backtype
Zoeken a.d.h.v de blog URL
Tweets weergeven op blogpost
20

21. Prestaties: Backtweet
Blog post: Anysurfer Certified
21

22. Prestaties: Backtweet
Tweet op twitter
22

23. Prestaties: Backtweet
Reageer gedeelte op de blog post Tweets op blog post
23

24. Prestaties: Backtweet
Backend
24

25. Prestaties: Exclusieve concerten
Frontend
25

26. Prestaties: Exclusieve concerten
Frontend
26

27. Prestaties: Exclusieve concerten
Backend
27

28. Prestaties: Keywords
Dient om SMS’en te ontvangen en verwerken
Dienst voor artiesten
Keyword kan meerdere concerten bevatten
Geautoriseerde profielen kunnen concerten beheren
28

29. Prestaties: Keywords
Backend
29

30. Prestaties: Keywords
Keyword flow
muse
Stuur sms met keyword bv. muse
Ontvang een SMS met een URL
Vul URL in een webbrowser
Kom op de concertpagina
(meestal een exclusief concert)
30

31. Prestaties: Exclusieve concerten
Profiel beheer
31

32. Prestaties: Exclusieve concerten
Concerten beheer
32

33. Prestaties: Widget
Dient om functionaliteit op externe websites te bieden
Hangt aan een keyword
Meerdere widgets op 1 pagina is mogelijk
Via embedded code
33

34. Prestaties: Widget
Backend
34

35. Prestaties: Widget
Voorbeeld
35

36. Prestaties: Mobiele website
Alle mobiele browser worden ondersteund
Ondersteuning voor Webkit browsers
Ondersteuning voor non-Webkit browsers
Enkel communicatie via de Tagger.fm API
36

37. Prestaties: Widget
Webkit versie non-Webkit versie
37

38. Inhoud
Stageopdracht
Fork CMS
Prestaties
API
38

39. API
API: Application Programming Interface
Communiceren met andere software
Web API of Web service, voor het web
Set gedefinieerde HTTP requests
XML of JSON formaat antwoorden
39

40. API: Authenticatie
Voor controle over het gebruik
Beperken en monitoren van aantal calls
Public- private key
Keys hangen aan een profiel
40

41. API: Authenticatie
Werking Client zijde
Public key: publieke gekregen sleutel
Nonce: willekeurge, unieke string voor elke call
Secret: md5 Hash (van public key + private key + nonce + method)
Method: methode die wordt aangeroepen
41

42. API: Authenticatie
Werking Server zijde
Ophalen private key
Dezelfde md5 Hash maken
md5 Hashes vergelijken
Indien Hashes gelijk, aanroepen van methode
42

43. API: Authenticatie
Client API class
43

44. API: Authenticatie
API authentication
44

45. API: Authenticatie
API keys Frontend
45

46. Besluit
Zeer leerrijke ervaring
Leren werken met druk en deadlines
Communicatie is belangrijk
Dank aan
46

47. Vragen?