Diferència entre revisions de la pàgina «Programació web entorn servidor»

De Cacauet Wiki
Salta a la navegació Salta a la cerca
Línia 46: Línia 46:
  
 
Índex UF3 al quadern d'exercicis:
 
Índex UF3 al quadern d'exercicis:
  https://uf.ctrl-alt-d.net/material/mostra/308/tecniques-dacces-a-dades-metacontingut
+
  https://github.com/ctrl-alt-d/FpUf/tree/main/DAW/DAW-MP07/DAW-MP07-UF3/tecniques-dacces-a-dades-metacontingut
  
 
Començarem, però, per alguns exemples clàssics: [[Imatge:Filtre-continent.png|thumb|Llistat de països filtrats per continents.]]
 
Començarem, però, per alguns exemples clàssics: [[Imatge:Filtre-continent.png|thumb|Llistat de països filtrats per continents.]]
 
# [[PHP MySQL select]]: accedirem a una base de dades de la manera més clàssica i menys eficient, amb instruccions específiques per a un SGBD concret (MySQL). Òbviament, això no és gaire òptim però està bé conèixer els mecanismes bàsics.
 
# [[PHP MySQL select]]: accedirem a una base de dades de la manera més clàssica i menys eficient, amb instruccions específiques per a un SGBD concret (MySQL). Òbviament, això no és gaire òptim però està bé conèixer els mecanismes bàsics.
 
# '''PDO''' o PHP Data Objects
 
# '''PDO''' o PHP Data Objects
#* Llegeix-te aquest [https://uf.ctrl-alt-d.net/material/mostra/50/php-acces-a-dades-amb-pdo exercici d'accés a dades amb PDO].
+
#* Llegeix-te aquest [https://github.com/ctrl-alt-d/FpUf/tree/main/DAW/DAW-MP07/DAW-MP07-UF3/php-acces-a-dades-amb-pdo exercici d'accés a dades amb PDO].
 
#*:Para atenció en com es fa el ''foreach'' enlloc del ''for'' habitual.
 
#*:Para atenció en com es fa el ''foreach'' enlloc del ''for'' habitual.
 
#* Exercici: Utilitza la base de dades WORLD vista al primer tutorial.
 
#* Exercici: Utilitza la base de dades WORLD vista al primer tutorial.

Revisió del 09:56, 2 feb 2021

#FpInfor #DawMp07 #DawMp07Uf01 #DawMp07Uf02 #DawMp07Uf03 #DawMp07Uf04


En aquesta assignatura treballarem bàsicament amb PHP, que actualment és el llenguatge més estès per a la programació web.

Recursos:

  • Quadern d'exercicis del Daniel Herrera (molt agraït):
    https://uf.ctrl-alt-d.net
  • Al mateix cacauet.org també disposeu de recursos varis:
    Curs de PHP


UF1 Programació web entorn servidor

Per configurar adequadament el Apache, reviseu Php.ini

Índex d'exercicis

Temes a tractar amb PHP:

Exemples:

Exercicis entregables:

  1. Calendari
  2. La pizza
  3. Sudoku
  4. Moure una peça d'escacs.


UF3 Accés a dades

En aquesta UF estudiarem diversos mètodes d'accés a bases de dades, imprescindibles per poder realitzar pàgines web dinàmiques.

Índex UF3 al quadern d'exercicis:

https://github.com/ctrl-alt-d/FpUf/tree/main/DAW/DAW-MP07/DAW-MP07-UF3/tecniques-dacces-a-dades-metacontingut

Començarem, però, per alguns exemples clàssics:

Llistat de països filtrats per continents.
  1. PHP MySQL select: accedirem a una base de dades de la manera més clàssica i menys eficient, amb instruccions específiques per a un SGBD concret (MySQL). Òbviament, això no és gaire òptim però està bé conèixer els mecanismes bàsics.
  2. PDO o PHP Data Objects
    • Llegeix-te aquest exercici d'accés a dades amb PDO.
      Para atenció en com es fa el foreach enlloc del for habitual.
    • Exercici: Utilitza la base de dades WORLD vista al primer tutorial.
      • Fes un formulari amb un desplegable dels CONTINENTS.
      • Llista els països amb un filtre per continent.
      • Mostra la població de cada país i un total de tot el continent.


El projecte d'aquest any: Projecte VOTA!

Vota4.jpg


UF2 Programació de webs dinàmiques

Prèviament hem après a programar ja en PHP i amb bases de dades, però hem aprés de forma un tant anàrquica, i hem vist en el transcurs dels projectes que tendim a fer "codi espagueti" i acabem repetint moltes parts del mateix de forma recorrent. En aquesta UF aprendrem a programar de forma més ordenada i aprendrem una sèrie d'eines imprescindibles per desenvolupar de forma segura i metòdica: els frameworks. En particular utilitzarem Laravel que és el framework per a PHP més famós actualment (a principis de 2018).

Un framework es sol definir com:
- un conjunt d'eines i llibreries
- un conjunt de bones pràctiques per treballar amb aquestes eines

Introducció i referències:

Una de les característiques més incòmodes dels frameworks és que tenen una certa "corba d'aprenentatge", és a dir, que al principi costa una mica ficar-se. Un cop superat el segon projecte, tot resulta més fàcil i comprensible, i ajuda a programar amb ordre i de forma estandarditzada.

Farem servir el tutorial de AJ Gallego per a endinsar-nos en el món de Laravel. Com que té la seva complicació i costa retenir cada pas que fem, dividirem el tutorial en diverses parts i repetirem el procediment realitzat en un altre projecte. Per senzillesa repetirem el projecte de la UF anterior però implementat ara amb el framework, cosa que ens permetrà comparar el codi resultant dels dos projectes.

El tutorial és aquest:

https://ajgallego.gitbooks.io/laravel-5/content/index.html

Com que algunes parts han quedat obsoletes, utilitza la documentació de cacauet.org sobre Laravel per solventar els problemes.

I les seves diverses parts son:

  1. Instal·lació i eines Composer: Laravel#Instal.C2.B7lació_i_setup
  2. Vistes i Controladors
  3. Model i base de dades
  4. Autenticació i autorització (middleware)

Realitzarem totes aquestes passes primer amb el propi tutorial, i amb el projecte de la UF anterior (Vota2) de forma individual, per consolidar la comprensió de la mecànica del framework.

Al final de la UF realitzarem un projecte en grups. Aquest any serà el projecte Xat per a un Ajuntament.

Els lliuraments finalment seran:

  • Repositori del Github del tutorial (individual)
  • Repositori del Github del projecte Vota2 (individual)
  • Repositori del Github del projecte Xat (en grup)


UF4 Serveis web

Els serveis web, simplificant, és una manera de realitzar crides a funcions remotes mitjançant el protocol HTTP. És la forma més còmoda per al programador web d'anar a buscar dades a un servidor, ja sigui des d'un altre servidor o des d'un client.

Al tractar-se, com hem dit, de "crides a funcions remotes", solem anomenar-los API : Application Programming Interface.

Articles de referència: