Introducció a les aplicacions web
37 Questions
39 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Quin dels següents inconvenients tenen les aplicacions web?

  • Són més fàcils de desenvolupar
  • Necessiten connectivitat (correct)
  • Són més potents que les aplicacions de taula
  • Poden funcionar sense internet

    • Quina és la principal diferència entre les aplicacions web estàtiques i dinàmiques?

  • Les dinàmiques sempre mostren el mateix contingut
  • Les dinàmiques mostren contingut variable depenent de l'usuari (correct)
  • Les estàtiques requereixen connexió permanent
  • Les estàtiques s'adapten a l'input de l'usuari

    • Quin any va ser l'inici de ARPANET?

  • 1996
  • 1969 (correct)
  • 1973
  • 1989

    • Quin llenguatge es menciona com un exemple de llenguatge per generar pàgines web dinàmiques?

    <p>JavaScript</p> Signup and view all the answers

    Quin dels següents llenguatges de programació no es menciona com a part de les aplicacions React dinàmiques?

    <p>Swift</p> Signup and view all the answers

    Quin dels següents aspectes és un desavantatge de les aplicacions web?

    <p>Delegam el control de la nostra informació</p> Signup and view all the answers

    Quina afirmació descriu correctament un Sistema Gestor de Bases de Dades (SGBD)?

    <p>Programari que permet la creació i administració de bases de dades.</p> Signup and view all the answers

    Quina és la funció del CGI (Common Gateway Interface)?

    <p>Generar pàgines web dinàmiques</p> Signup and view all the answers

    Quina característica NO s'atribueix a les aplicacions web?

    <p>Requereixen programari específic per cada sistema operatiu</p> Signup and view all the answers

    Quin stack es composa de MongoDB, Express.js, Angular i Node.js?

    <p>MEAN stack</p> Signup and view all the answers

    Què va alliberar Tim Berners-Lee per a ús públic el 1989?

    <p>El concepte d'hipertext basat en la xarxa</p> Signup and view all the answers

    Quina és la funció principal dels serveis web SOAP?

    <p>Intercanviar dades entre servidors mitjançant XML.</p> Signup and view all the answers

    Què s'ha convertit en l'eina principal per accedir a serveis que abans requerien diferents protocols?

    <p>Navegadors web</p> Signup and view all the answers

    Quins dels següents llenguatges són exemples d'aplicacions de programació per al costat del servidor?

    <p>PHP i ASP</p> Signup and view all the answers

    Quin dels següents SGBD és considerat popular?

    <p>PostgreSQL</p> Signup and view all the answers

    Quin dels següents NO és un avantatge de les aplicacions web?

    <p>Requereixen instal·lacions complexes</p> Signup and view all the answers

    Quina afirmació és certa sobre el LAMP stack?

    <p>Consisteix en Linux, Apache, MySQL i PHP.</p> Signup and view all the answers

    Quins llenguatges són típics en la creació d'aplicacions web?

    <p>HTML, CSS i JavaScript</p> Signup and view all the answers

    Quin component no forma part del XAMPP stack?

    <p>Node.js</p> Signup and view all the answers

    Quina funcionalitat és característica de IaaS?

    <p>Accés a la xarxa</p> Signup and view all the answers

    Quin dels següents s'utilitza per oferir serveis remots?

    <p>Serveis web SOAP</p> Signup and view all the answers

    Quin és el propòsit del test ACID?

    <p>Verificar el compliment dels estàndards de la W3C</p> Signup and view all the answers

    Quina és la seqüència correcta de les etapes d'una petició HTTP?

    <p>Navegador → Consulta DNS → Petició → Resposta</p> Signup and view all the answers

    Què és un servidor HTTP?

    <p>Un sistema informàtic que processa peticions a través del protocol HTTP</p> Signup and view all the answers

    Quina d'aquestes tecnologies és utilitzada al costat client (frontend)?

    <p>HTML</p> Signup and view all the answers

    Quina de les següents afirmacions és correcta sobre els navegadors web?

    <p>Realitzen peticions HTTP i presenten pàgines web</p> Signup and view all the answers

    Quin dels següents és un dels servidors web més populars?

    <p>Apache</p> Signup and view all the answers

    Quina funció té el CSS en el desenvolupament web?

    <p>Descripció de la presentació de la pàgina web</p> Signup and view all the answers

    Quina de les següents afirmacions sobre JavaScript és certa?

    <p>És un llenguatge interpretat al navegador en temps d'execució</p> Signup and view all the answers

    Quin dels següents serveis anterior a Internet es menysté amb el desenvolupament de les aplicacions web?

    <p>Transfert d'arxius</p> Signup and view all the answers

    Quina definició millor descriu PaaS?

    <p>Un model que facilita el desenvolupament i l'administració d'aplicacions</p> Signup and view all the answers

    Quina d'aquestes opcions és un exemple de SaaS?

    <p>Microsoft Office 365</p> Signup and view all the answers

    Quina és una característica essencial de SaaS?

    <p>Accés a través d'un navegador web</p> Signup and view all the answers

    Quin servei permet als usuaris desenvolupar aplicacions sense preocupar-se per la infraestructura?

    <p>PaaS</p> Signup and view all the answers

    Què proporciona IaaS com a servei bàsic?

    <p>Emmagatzematge de dades</p> Signup and view all the answers

    Quin dels següents serveis s'executa habitualment sobre IaaS?

    <p>PaaS</p> Signup and view all the answers

    Quina d'aquestes afirmacions és certa sobre les funcionalitats de PaaS?

    <p>Proporciona entorns de scripting</p> Signup and view all the answers

    Study Notes

    Introducció a les aplicacions web

    • L'èxit d'Internet està directament lligat amb l'èxit de la web, fins al punt que avui en dia és difícil diferenciar-les.
    • Abans, Internet es basava en diversos protocols i programes clients per a serveis com el correu electrònic, xat, fòrums, transferència d'arxius, etc.
    • Actualment, la majoria d'aquests serveis estan disponibles a través del protocol HTTP i només necessitem un navegador web.

    Què és una aplicació web?

    • Una aplicació és un software que permet als usuaris realitzar una tasca o servei específic.
    • Una aplicació web és una aplicació creada per ser executada per un navegador web.
    • Utilitza el protocol HTTP i llenguatges com HTML, CSS, etc.

    Avantatges de les aplicacions web

    • Són fàcils d'utilitzar.
    • Són visuals.
    • Només necessitem un navegador web.
    • Són suportades per tots els sistemes operatius.
    • Requereixen mínims recursos del client (RAM, HDD, CPU).
    • Són fàcils de mantenir, només s'ha d'actualitzar el servidor.
    • No cal instal·lar-les.
    • Dades centralitzades i accessibles des de diferents llocs.

    Inconvenients de les aplicacions web

    • Són menys potents que les aplicacions natives.
    • No aprofiten els recursos hardware tan bé.
    • Necessiten connectivitat a Internet.
    • Són més complexes de desenvolupar.
    • Delegam el control de la nostra informació al servidor.

    Història de la World Wide Web

    • 1969: ARPANET (Advanced Research Projects Agency Network) creada per a projectes de recerca avançats.
    • 1989: Tim Berners-Lee inventa una implementació del concepte d’hipertexte basat en la xarxa, mentre treballa al CERN.
      • La World Wide Web permet enllaçar documents d’hipertexte, accessibles des de qualsevol node de la xarxa.
      • Berners-Lee va alliberar la seva invenció per a ús públic.

    Web 1.0 (1989-1996)

    • Documents d’hipertexte amb links.
    • Documents estàtics enllaçats.

    Web 1.5 (1997-2003)

    • Documents generats dinàmicament, depenent dels paràmetres de petició.
    • CGI (Common Gateway Interface) per executar programes al servidor i generar pàgines web dinàmicament.
      • Generalment escrit en llenguatge C.
      • Problemes de seguretat.
      • Podien saturar el servidor.
    • Altres llenguatges interpretats:
      • Client: JavaScript, VBScript, Java Applets...
      • Servidor: PHP, ASP, JSP (JavaServer Pages).

    Web estàtica vs. dinàmica

    • Web estàtica: Mostra sempre el mateix contingut.
    • Web dinàmica: El contingut canvia segons l'input de l'usuari, dades de la base de dades, data/hora d'accés, etc.

    Llenguatge HTML

    • Estàndard amb recomanacions per a la creació i interpretació de documents web.
    • Test ACID per comprovar la compatibilitat amb els estàndards W3C.
    • Test HTML5 per comprovar la compatibilitat amb HTML5.

    Esquema bàsic d'una petició HTTP

    • El navegador envia una petició a una URL.
    • Consulta el DNS per obtenir la IP del servidor.
    • El servidor rep la petició HTTP.
    • El servidor envia una resposta HTTP (codi HTML) al navegador.
    • El navegador interpreta i presenta el codi HTML.

    El client: navegador web

    • Realitza peticions HTTP al servidor i presenta les pàgines web.
    • Interpreta el codi HTML, CSS, JavaScript, etc.
    • Principals navegadors:
      • Microsoft Edge.
      • Mozilla Firefox.
      • Google Chrome.
      • Safari.
      • Opera.

    El servidor web

    • També anomenat "servidor HTTP".
    • Sistema informàtic (hardware o software) que processa peticions HTTP (o HTTPS).
    • Retorna un resultat, un recurs (generalment un document HTML, JPG, PNG, PDF, etc.).
    • Servidors web populars:
      • Apache.
      • Microsoft IIS.
      • Nginx.
      • Google GWS.

    Llenguatges i tecnologies

    • Client (frontend): HTML, CSS, JavaScript.
    • Servidor (backend): Java, Python, PHP, Ruby, JavaScript, C#, etc.

    Frameworks de back-end més utilitzats

    • Java, Python, PHP, JavaScript, C#.

    Sistema Gestor de Bases de Dades (SGBD)

    • Base de dades: Col·lecció organitzada de dades (esquemes, taules, consultes, informes, visualitzacions, etc.).
    • SGBD: Programari que interactua amb la base de dades.
      • Permet la definició, creació, consulta, actualització i administració de les bases de dades.
    • SGBD populars: MySQL, MariaDB, PostgreSQL, MongoDB, Microsoft SQL Server, Oracle.

    Stacks per a webs dinàmiques

    • LAMP stack: Linux, Apache, MySQL, PHP.
    • XAMPP stack: X (qualsevol sistema operatiu), Apache, MySQL (ara MariaDB), PHP, Perl.
    • MEAN stack: MongoDB, Express.js, Angular, Node.js.
    • PERN stack: PostgreSQL, Express.js, React, Node.js.

    Serveis web SOAP (obsolet)

    • Permeten connexió entre servidors.
    • Intercanvien dades (XML) per oferir serveis.
      • Exemples: agències de viatge, "rastreadors" per assegurances, etc.

    Models de serveis de Cloud Computing

    • IaaS (Infrastructure as a Service): Servei d'infraestructura en el núvol que permet als usuaris virtualitzar els seus sistemes informàtics.
      • Exemples: Amazon Web Services (AWS), Google Cloud, MS Azure.
    • PaaS (Platform as a Service): Plataforma en el núvol que permet als desenvolupadors crear, executar i administrar aplicacions sense preocupar-se de la infraestructura.
      • Exemples: Google App Engine, Heroku, Cloud Foundry.
    • SaaS (Software as a Service): Software distribuït pel núvol que permet als usuaris utilitzar aplicacions en línia.
      • Exemples: Google Suite, Microsoft Office 365, Dropbox.

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Related Documents

    SMX2 - AW - UD1 - Introducció a les aplicacions web (complet).pdf

    Description

    Aquest qüestionari explora els fonaments de les aplicacions web, incloent la seva definició, els avantatges i la seva evolució amb Internet. Aprendràs com funcionen aquestes aplicacions en navegadors i per què són essencials per als usuaris avui dia.

    More Like This

    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser