Tipus d'aplicació i característiques de les PWA
136 Questions
0 Views

Tipus d'aplicació i característiques de les PWA

Created by
@FeasibleHydrangea

Podcast Beta

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Quina de les següents característiques no es menciona com a requeriment d'una Progressive Webapp?

  • Fiable
  • Atractiva
  • Ràpida
  • Econòmica (correct)

    • Quina tecnologies s'utilitzaven principalment per desenvolupar Progressive Webapps?

  • C++, Swift i Objective-C
  • HTML, JS i CSS (correct)
  • C#, Java i Python
  • Ruby, PHP i SQL

    • Quina és la funció principal dels service workers en una Progressive Webapp?

  • Executar serveis en segon pla i gestionar la caché (correct)
  • Reduir el pes de les imatges
  • Gestionar notificacions push
  • Optimitzar el codi HTML

    • Quin dels següents frameworks no es menciona com a eina per al desenvolupament de PWA?

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

    Quina afirmació és correcta respecte a l'execució de les PWA?

    <p>Es poden executar sense connexió a la xarxa</p> Signup and view all the answers

    Quina d'aquestes opcions representa millor l'experiència d'usuari que ofereixen les PWA?

    <p>Experiència similar a les aplicacions natives</p> Signup and view all the answers

    Quin avantatge principal ofereix la cache en un navegador per a les PWA?

    <p>Redueix el temps de càrrega</p> Signup and view all the answers

    Quin d'aquests factors contribueix a que les PWA siguin menys amenaçadores per a la seguretat dels dispositius?

    <p>Embarcades en navegadors i no requerint accés extensiu al dispositiu</p> Signup and view all the answers

    Quines són les limitacions de l'emmagatzematge off-line en PWA?

    <p>Limitacions relatives per Android i fixes per iOS</p> Signup and view all the answers

    Quina funcionalitat no funciona correctament en les PWA segons les proves?

    <p>El Bluetooth</p> Signup and view all the answers

    Quines són les principals avantatges de les apps natives en comparació amb les webapps?

    <p>Permet obtenir la màxima funcionalitat i millor rendiment.</p> Signup and view all the answers

    Quines accions s'han de fer per instal·lar una PWA en iOS?

    <p>S'ha de desar manualment la icona a l'escriptori</p> Signup and view all the answers

    Quina és la diferència entre iOS i Android respecte a la instal·lació de PWA?

    <p>iOS requereix una notificació manual per la instal·lació, mentre que Android no</p> Signup and view all the answers

    Per què les webapps són considerades més accessibles per petites empreses?

    <p>Requereixen menys inversió inicial en especialistes.</p> Signup and view all the answers

    Quina característica no és pròpia de les apps natives?

    <p>Capacitat d'operar amb un codi comú a diverses plataformes.</p> Signup and view all the answers

    Quin problema de privacitat es menciona en relació amb iOS en el context de les PWA?

    <p>La gestió de permisos és inadequada</p> Signup and view all the answers

    Quin aspecte del rendiment de les PWA és considerat inadequat?

    <p>Processament de dades pesades com mapes</p> Signup and view all the answers

    Quina opció descriu millor les apps híbrides i les eines Cross-Platform?

    <p>Impliquen un sol codi vàlid per a múltiples dispositius.</p> Signup and view all the answers

    Quina és una limitació de les webapps en comparació amb les apps natives?

    <p>Estan limitades pel navegador i llenguatge de programació.</p> Signup and view all the answers

    Quina afirmació sobre l'evolució de les PWA és certa?

    <p>Els frameworks de PWA poden canviar constantment</p> Signup and view all the answers

    Quina de les següents característiques no s'aplica a les PWA en relació als sistemes operatius?

    <p>Les notificacions push només funcionen en iOS</p> Signup and view all the answers

    Quina de les següents afirmacions sobre les apps natives no és correcta?

    <p>El seu rendiment depèn del desenvolupament web.</p> Signup and view all the answers

    Quin avantatge aporta el desenvolupament de webapps respecte a les apps natives?

    <p>Cost menor de desenvolupament inicial.</p> Signup and view all the answers

    Quina afirmació descriu millor els avantatges de les apps natives?

    <p>Proporcionen un millor accés a les funcionalitats del dispositiu.</p> Signup and view all the answers

    Quina és la principal limitació de les aplicacions híbrides en comparació amb el codi natiu?

    <p>No poden explotar totalment els recursos del sistema.</p> Signup and view all the answers

    Quina és la recomanació principal per a l'ús de les plataformes cros-platform?

    <p>Són les millors per a projectes amb pressupost limitat.</p> Signup and view all the answers

    Quina és una característica distintiva de les Low Code Platforms segons el que es menciona?

    <p>Són ideals per a aplicacions simples o prototips.</p> Signup and view all the answers

    Quin és l'efecte del 'vendor lock-in' en les plataformes comercials?

    <p>Pot generar dependència del proveïdor per a l'ús de la tecnologia.</p> Signup and view all the answers

    Quina característica defineix les Aplicacions Web Progresives (PWA)?

    <p>Fan servir funcions modernes del navegador per offrir experiències similars a les aplicacions natives.</p> Signup and view all the answers

    Quin tipus de desenvolupament d'aplicacions NO és reconegut segons el contingut?

    <p>Web responsive.</p> Signup and view all the answers

    Quina és la tendència recent en el desenvolupament d'aplicacions mòbils que imita aplicacions natives?

    <p>Aplicacions web progressives.</p> Signup and view all the answers

    Per què es considera que les aplicacions híbrides i cros-platform no substitueixen completament el codi natiu?

    <p>Requereixen una versió específica per a cada plataforma.</p> Signup and view all the answers

    Quina de les següents opcions NO és un dels documents mencionats relacionats amb l'estratègia digital de l'Ajuntament de Barcelona?

    <p>estudi-digital-estrategia.bcn</p> Signup and view all the answers

    Quines són algunes de les solucions híbrides o cross-platform que han estat abandonades en els darrers 10 anys?

    <p>PhoneGap/Cordova</p> Signup and view all the answers

    Quina tecnologia de jocs es menciona com a opció per al desenvolupament d'aplicacions però que no s'ha consolidat?

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

    Quina de les següents opcions ha estat considerada com a preferent per a l'estratègia marcada per Comunicació?

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

    Quin document va proporcionar recomanacions sobre l'estratègia digital de l'Ajuntament de Barcelona?

    <p>robot-innocent-informe-apps-ajuntament-de-barcelona-sense-annexos.pdf</p> Signup and view all the answers

    Quines opcions han estat populars en el sector, però han estat abandonades ràpidament per no complir expectatives?

    <p>Titanium i appcelerator</p> Signup and view all the answers

    Quin ha estat un dels factors determinants en les tendències del sector de les aplicacions?

    <p>La disponibilitat de recursos</p> Signup and view all the answers

    Quina va ser la finalitat de l'estudi elaborat per Worldline al 2018?

    <p>Avaluar el potencial de les webapps per a la Comunicació Digital</p> Signup and view all the answers

    Quina afirmació és certa respecte a les eines cross-platform?

    <p>Permeten desenvolupar aplicacions mitjançant un codi font únic.</p> Signup and view all the answers

    Quina limitació tenen les plataformes low code?

    <p>Impedeixen la implementació de funcionalitats no previstes pel desenvolupador.</p> Signup and view all the answers

    Quina característica distintiva tenen les webapps?

    <p>Estan desenvolupades utilitzant tecnologies web.</p> Signup and view all the answers

    Quin dels següents avantatges s'associa amb les plataformes low code?

    <p>Permeten la creació d'aplicacions ràpidament.</p> Signup and view all the answers

    Per què les eines cross-platform no aconsegueixen el seu objectiu ideal?

    <p>El codi comú no cobreix totes les necessitats de cada plataforma.</p> Signup and view all the answers

    Quina de les següents característiques es relaciona amb les eines cross-platform?

    <p>Permeten la reutilització significativa de codi entre plataformes.</p> Signup and view all the answers

    Quina d'aquestes opcions representa un desavantatge del desenvolupament amb low code?

    <p>Limitacions en funcionalitats no planificades.</p> Signup and view all the answers

    Quina afirmació és incorrecta sobre les funcionalitats del codi nadiu generat per eines cross-platform?

    <p>El codi generat és idèntic per a cada plataforma.</p> Signup and view all the answers

    Quina de les següents tecnologies NO s'ha utilitzat habitualment en el desenvolupament d'aplicacions mòbils durant la última dècada?

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

    Quina de les següents afirmacions sobre les tendències en la tecnologia d'aplicacions és incorrecta?

    <p>Les solucions híbrides han mantingut una alta taxa d'adopció.</p> Signup and view all the answers

    Quin document va ser elaborat per Robot Innocent en relació a l'estratègia digital de l'Ajuntament de Barcelona?

    <p>Informe sobre la presència digital</p> Signup and view all the answers

    Quin dels següents factors ha influït en l'adopció de tecnologies al sector d'aplicacions?

    <p>Experiències prèvies de les institucions</p> Signup and view all the answers

    Quina característica defineix majorment les aplicacions híbrides i cross-platform?

    <p>L'ús d'un sol codi per múltiples plataformes</p> Signup and view all the answers

    Quin dels següents documents no és rellevant per a la construcció d'aplicacions digitals a l'Ajuntament de Barcelona?

    <p>Informe d'usuari</p> Signup and view all the answers

    Quina afirmació sobre les tecnologies de jocs és falsa?

    <p>Les tecnologies de jocs s'han adoptat de manera consistent en el sector.</p> Signup and view all the answers

    Quina d'aquestes afirmacions millor resumeix la situació actual del sector d'aplicacions?

    <p>Hi ha tendències contraposades que reflecteixen diverses experiències.</p> Signup and view all the answers

    Quin dels següents factors NO es relaciona directament amb la selecció d'una tecnologia per al desenvolupament d'aplicacions?

    <p>Popularitat entre els usuaris</p> Signup and view all the answers

    Quina opció descriu millor el tipus d'aplicació que s'haurien de desenvolupar com a PWA?

    <p>Aplicacions amb un ús moderat que no requereixen accés complet al dispositiu</p> Signup and view all the answers

    Quin dels següents factors no pertany a les consideracions rellevants de l'entorn per a la selecció de tecnologia?

    <p>Cost de desenvolupament</p> Signup and view all the answers

    Quina de les següents afirmacions sobre les aplicacions natives és correcta?

    <p>Són indicades per a aplicacions complexes i amb una experiència d'usuari clau</p> Signup and view all the answers

    Quina característic es menciona com un desavantatge de les antenes PWA en comparació amb les aplicacions natives?

    <p>Presència als mercats</p> Signup and view all the answers

    Quina és una de les consideracions que influeixen en les decisions de desenvolupament d'aplicacions, segons l'entorn?

    <p>Facilitat de reciclar programadors</p> Signup and view all the answers

    Quin tipus d'aplicació s'especifica com a intermitja entre les aplicacions natives i les PWA?

    <p>Cross-platform</p> Signup and view all the answers

    Quina de les següents opcions NO és considerada com una característica de les PWA?

    <p>Requereixen un accés complet al dispositiu</p> Signup and view all the answers

    Quina afirmació sobre VUE és correcta?

    <p>VUE permet accedir a components en qualsevol moment del seu cicle de vida.</p> Signup and view all the answers

    Quina característica distintiva de React ajuda a millorar el rendiment?

    <p>L'ús del virtual DOM.</p> Signup and view all the answers

    Quin desavantatge de VUE s'esmenta en comparació amb Angular?

    <p>Comunitat de desenvolupadors més petita.</p> Signup and view all the answers

    Quina és la funció de la llibreria Vuex en VUE?

    <p>Implementar Flux per gestionar l'estat.</p> Signup and view all the answers

    Quina és la principal diferència entre la renderització de React i una pàgina web tradicional?

    <p>React només actualitza els components que canvien.</p> Signup and view all the answers

    Quin tipus de desenvolupament s'ha popularitzat recentment gràcies a React?

    <p>Progressive Web Apps.</p> Signup and view all the answers

    Quina és una de les raons per les quals molts desenvolupadors estan migrat d'Angular a VUE?

    <p>La potència i la facilitat d'aprenentatge de VUE.</p> Signup and view all the answers

    Quin és un dels avantatges de React en la manipulació del DOM?

    <p>Redueix la necessitat d'actualització manual.</p> Signup and view all the answers

    Quina és la principal limitació de React en comparació amb VUE?

    <p>Té una corba d'aprenentatge més complexa.</p> Signup and view all the answers

    Quina afirmació sobre Ionic és correcta?

    <p>Facilita el desenvolupament d'aplicacions híbrides multi-plataforma.</p> Signup and view all the answers

    Quina característica única aporta Polymer al desenvolupament web?

    <p>Suport per a Web Components mitjançant un polyfill.</p> Signup and view all the answers

    Quina de les següents afirmacions és incorrecta sobre la versió 4 d'Ionic?

    <p>Incorpora només APIs natives limitades.</p> Signup and view all the answers

    Quina funció té el CLI d'Ionic?

    <p>Generar codi base de manera senzilla.</p> Signup and view all the answers

    Quina és la principal diferència entre Polymer i un framework com Angular?

    <p>Polymer es basa en els estàndards dels web components.</p> Signup and view all the answers

    Quina és una característica notable de la versió 3 de Polymer?

    <p>Migració a ES6 i centrada en el codi.</p> Signup and view all the answers

    Quina afirmació és certa sobre el suport de navegadors en Polymer?

    <p>Polymer utilitza un polyfill per suportar Web Components en navegadors que no els suporten.</p> Signup and view all the answers

    Quin dels següents aspectes limita l'accés de les Progressive Web Apps al hardware dels dispositius?

    <p>S'executen en un entorn de navegador limitat.</p> Signup and view all the answers

    Quin és un dels principals avantatges de les aplicacions natives respecte a les web apps?

    <p>Tenen accés total als recursos del dispositiu.</p> Signup and view all the answers

    Quina tendència s'observa actualment en el desenvolupament d'aplicacions mòbils?

    <p>Un augment en la popularitat de les Progressive Web Apps.</p> Signup and view all the answers

    Quin dels següents factors pot influir en la decisió entre utilitzar aplicacions natives o web apps?

    <p>La disponibilitat de recursos i experiències prèvies.</p> Signup and view all the answers

    Quina característica de les PWAs les fa menys amenaçadores per a la seguretat dels dispositius?

    <p>Funciona com pàgines web en un navegador.</p> Signup and view all the answers

    Quina limitació important tenen les Progressive Web Apps en comparació amb les aplicacions natives?

    <p>No tenen accés a totes les funcionalitats del dispositiu.</p> Signup and view all the answers

    Quin dels següents factors contribueix al menor consum de memòria de les web apps en comparació amb les natives?

    <p>Emmagatzemen les dades a la caché del navegador.</p> Signup and view all the answers

    Quina és la principal diferència de les Progressive Web Apps respecte a les aplicacions tradicionals per a mòbil?

    <p>Les PWAs no s'instal·len al sistema.</p> Signup and view all the answers

    Quin dels següents aspectes és un avantatge de les aplicacions mòbils natives?

    <p>Accés total als recursos del terminal</p> Signup and view all the answers

    Quina és una característica distintiva de les Progressive Web Apps (PWA)?

    <p>Permeten executar serveis en segon pla mitjançant service workers</p> Signup and view all the answers

    Quin inconvenient es relaciona amb les aplicacions mòbils natives?

    <p>Compatibilitat restringida amb diferents sistemes operatius</p> Signup and view all the answers

    Quin dels següents aspectes redueix la seguretat de les Web Apps en comparació amb les aplicacions natives?

    <p>Dependència d'un navegador per a la seva execució</p> Signup and view all the answers

    Quina de les següents tendències s'està observant en el desenvolupament d'aplicacions mòbils actualment?

    <p>Augment de l'ús de web apps a l'Ajuntament de Barcelona</p> Signup and view all the answers

    Quina limitació tenen les PWAs en relació amb les aplicacions natives?

    <p>Accés restringit als recursos de hardware del dispositiu</p> Signup and view all the answers

    Quin dels següents factors no és considerat un avantatge de les Web Apps?

    <p>Accés ple als recursos de hardware</p> Signup and view all the answers

    Quina és la principal raó per la qual les PWAs han guanyat força recentment?

    <p>Permeten actualitzacions automàtiques i immediates</p> Signup and view all the answers

    Quina característica limita l'emmagatzematge off-line en les PWA?

    <p>Limitació fixa per iOS.</p> Signup and view all the answers

    Quina funcionalitat de les PWA no funciona correctament a iOS?

    <p>Bluetooth.</p> Signup and view all the answers

    Quin avantatge ofereix Android respecte a la instal·lació de PWA?

    <p>Permet notificar automàticament a l'usuari sobre la instal·lació.</p> Signup and view all the answers

    Què es necessita per a la instal·lació manual d'una PWA en iOS?

    <p>Un popup d'avís.</p> Signup and view all the answers

    Quina de les següents afirmacions és veritable sobre l'ús de PWA en el processament de dades?

    <p>El rendiment és inadequat per a processar moltes dades.</p> Signup and view all the answers

    Quina és una de les principals limitacions observades en el desenvolupament de PWA?

    <p>Els frameworks estan evolucionant constantment.</p> Signup and view all the answers

    Quin problema relacionat amb la privacitat es presenta en les PWA d'iOS?

    <p>La gestió de permisos no és adequada.</p> Signup and view all the answers

    Quina característica específica és un desavantatge en l'ús de PWA respecte a les aplicacions nadiu?

    <p>Utilització limitada de recursos del dispositiu.</p> Signup and view all the answers

    Quina és una de les principals avantatges de Kotlin en comparació amb Java?

    <p>Compila aplicacions per a iOS.</p> Signup and view all the answers

    Quina de les següents afirmacions sobre les PWA és correcta?

    <p>Permeten una millora constant i ràpida.</p> Signup and view all the answers

    Per què les aplicacions híbrides guanyaran preferència en el futur?

    <p>Perquè les millores de les webapps s'aplicaran a les híbrides.</p> Signup and view all the answers

    Quin aspecte del desenvolupament actual d'aplicacions mostra una aproximació entre Google i Apple?

    <p>Google permet trobar apps natives des del cercador web.</p> Signup and view all the answers

    Quina limitació es menciona sobre les PWA en el context de les aplicacions híbrides?

    <p>No ofereixen experiències d'usuari tan bones com les natives.</p> Signup and view all the answers

    Quina tendència s'observa en la naturalesa de les aplicacions mòbils?

    <p>Les aplicacions mòbils esdevenen més dependents del hardware.</p> Signup and view all the answers

    Quina és una característica distintiva del desenvolupament d'aplicacions actual?

    <p>La integració de plataformes cros-platform en el desenvolupament.</p> Signup and view all the answers

    Quin futur es preveu per a les aplicacions mòbils?

    <p>Podrien igualar o superar les funcionalitats de les aplicacions natives.</p> Signup and view all the answers

    Quina és la principal característica que permet a les PWA comportar-se com a aplicacions natives?

    <p>La capacitat d'instal·lar una icona a l'escriptori</p> Signup and view all the answers

    Quina funcionalitat NO és suportada per Apple per a les Progressive Web Apps fins a iOS 11.3?

    <p>Notificacions push</p> Signup and view all the answers

    Quin dels següents factors pot limitar les funcionalitats d'una PWA?

    <p>El sistema operatiu del dispositiu</p> Signup and view all the answers

    Quines són les dues tecnologia esmentades que han influït en la utilització de les PWA?

    <p>Web App Manifest i Service Workers</p> Signup and view all the answers

    Quina afirmació és correcta sobre Chrome i les PWA?

    <p>Chrome lidera el nombre de funcionalitats disponibles per a PWA</p> Signup and view all the answers

    Quin percentatge de les vendes d'aplicacions reparteix Apple amb la seva App Store?

    <p>3%</p> Signup and view all the answers

    Com poden les PWA millorar l'experiència de l'usuari?

    <p>Per permetre l'instal·lació com a aplicació</p> Signup and view all the answers

    Quines funcionalitats de les PWA Apple no ha implementat fins a la versió 3 d’iOS?

    <p>Notificacions push</p> Signup and view all the answers

    Quina és una limitació de les PWA quan es comparen amb les aplicacions natives?

    <p>No tenen suport per a pagaments natius</p> Signup and view all the answers

    Què representa la falta de suport de notificacions push en PWA per Apple?

    <p>Una limitació en l'ús de les PWA com a aplicacions autònomes</p> Signup and view all the answers

    Per què Apple es resisteix a promocionar les PWA?

    <p>Perquè no generen ingressos per l'App Store.</p> Signup and view all the answers

    Quina estratègia segueix Apple amb els seus dispositius?

    <p>Crear un ecosistema tancat.</p> Signup and view all the answers

    Quines tecnologies s'utilitzen per al desenvolupament de PWA, segons el contingut?

    <p>Kotlin i Flutter</p> Signup and view all the answers

    Quina pot ser una possible evolució del sistema operatiu Android segons el contingut?

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

    Quina d'aquestes afirmacions sobre les apps natives és correcta?

    <p>Estan en un nivell de maduresa elevat.</p> Signup and view all the answers

    Quin és un desavantatge de les PWA en comparació amb les apps natives en iOS?

    <p>No permeten la recepció de notificacions push.</p> Signup and view all the answers

    Quin és un dels avantatges de les aplicacions web en comparació amb les aplicacions natives?

    <p>Són accessibles directament des del navegador.</p> Signup and view all the answers

    Quina és la principal funció de l'Oficina de Serveis al Mòbil de l'Institut Municipal d'Informàtica?

    <p>Centralitzar la publicació d'aplicacions mòbils.</p> Signup and view all the answers

    Quin avantatge proporciona el CLI d'Angular als desenvolupadors?

    <p>Facilita la generació de projectes i codi.</p> Signup and view all the answers

    Quina d'aquestes afirmacions és correcta sobre el desenvolupament d'aplicacions natives?

    <p>Proporcionen una millor experiència d'usuari.</p> Signup and view all the answers

    Quina de les següents opcions reflecteix millor l'ús de programari lliure en l'estratègia d'aplicacions mòbils?

    <p>Permet la reutilització i l'intercanvi entre desenvolupadors.</p> Signup and view all the answers

    Quina de les següents característiques defineix un framework com Angular?

    <p>Actualitzacions freqüents amb una gran comunitat de desenvolupadors.</p> Signup and view all the answers

    Quin paper juga la Direcció de Comunicació Digital en la gestió de noves aplicacions?

    <p>Valora si es poden desenvolupar canvis substancials.</p> Signup and view all the answers

    Com es poden classificar les aplicacions web en funció del seu accés?

    <p>Aplicacions que necessiten descàrrega i que són accesibles des del navegador.</p> Signup and view all the answers

    Study Notes

    Tipus d'aplicació

    • Les aplicacions natives ofereixen la màxima funcionalitat i rendiment, però requereixen un desenvolupament independent per a cada plataforma.
    • Les aplicacions web estan basades en tecnologies web, ofereixen un codi comú per a diverses plataformes i són més econòmiques de desenvolupar.
    • Les aplicacions híbrides i Cross-Platform combinen tecnologies web i natives, amb un compromís entre costos i funcionalitat.
    • Les PWA (Progressive Web Apps) són una variant d'aplicacions web que utilitzen tecnologies modernes per a oferir una experiència d'usuari semblant a les natives.

    Característiques de les PWA

    • Són fiables, funcionen independentment de la connexió a internet gràcies a la cache del navegador.
    • Són ràpides, amb temps de càrrega baixos.
    • Són atractives, amb notificacions push i una experiència immersa que s'adapta als dispositius.

    Avantatges de les PWA

    • Requereixen menys recursos de memòria del dispositiu que les aplicacions natives.
    • S'adapten a diferents navegadors i dispositius, com ara tauletes i ordinadors d'escriptori.
    • Tenen un risc de seguretat inferior a les aplicacions natives.

    Limitacions de les PWA

    • El rendiment de les PWA pot no ser adequat per a aplicacions que requereixen processar molta informació, com ara mapes o carrerers.
    • En iOS, l'emmagatzematge off-line està restringit i la gestió de permisos no és òptima.

    Conclusió

    • Les PWA són una opció prometedora per a les aplicacions mòbils, però encara tenen algunes limitacions tècniques.
    • La tecnologia per a construir PWA està en constant evolució.
    • Les empreses amb moltes aplicacions que necessiten homogeneïtzar la seva mobilitat o les petites empreses que no volen contractar recursos especialitzats en mobilitat, poden optar per PWA.
    • El futur de les PWA és positiu, amb un creixement en el seu ús i un panorama en constant desenvolupament.

    Tipus d'Aplicacions

    • Les apps natives són desenvolupades específicament per a un sistema operatiu.
    • Les apps híbrides es desenvolupen amb tecnologies web i després s'empaqueten per funcionar en plataformes diferents.
    • Les apps cross-platform es desenvolupen amb un sol codi que es compila en codi natiu per a cada plataforma.
    • Les "low code apps" utilitzen interfícies gràfiques per facilitar la creació d'aplicacions sense necessitat de programar, però tenen menys flexibilitat.
    • Les web apps s'utilitzen amb tecnologies web i funcionen en navegadors.

    Frameworks Web

    • Angular és un framework web que té un sistema de components amb arquitectura modular i que proporciona un rendiment alt.
    • Vue.js és un framework progressiu que facilita la creació d'aplicacions bàsiques i complexes.
    • React és un framework desenvolupat per Facebook que ofereix un rendiment alt gràcies a la seva virtual DOM.
    • Ionic és un framework que facilita el desenvolupament d'apps híbrides multi-plataforma amb UX natiu.
    • Polymer és una potent llibreria basada en Web Components, que ofereix un suport extensiu per als navegadors que no suportin Web Components.

    Altres Eines

    • Framework d'aplicacions - Eines que permeten crear i desenvolupar aplicacions web.
    • Framework de components - Eines que permeten crear i desenvolupar components visuals per a integrar-se amb altres frameworks.
    • Llibreria - Eines que proporcionen un conjunt de funcions i components que es poden utilitzar en el desenvolupament d'aplicacions.
    • CLI - Eina que permet generar codi base de manera automàtica.
    • Virtual DOM - Replica virtual del DOM que optimitza els canvis al DOM del navegador.
    • Web Components - Eina que permet a un desenvolupador definir components web reusables i modulars.
    • Polyfills - Eina que ofereix funcions de suport per a navegadors més antics

    Factors Claus a Considerar

    • Tècnics: Complexitat i viabilitat tècnica de l'aplicació, UX, Seguretat, Accessibilitat i Rendiment.
    • Entorn: Disponibilitat de programadors, Homogeneïtat dels desenvolupaments, Facilitat de reciclar programadors, Existència de codi reaprofitable, Cost, Temps i Vendor lock-in.

    Tendències

    • Algunes solucions híbrides i cross-platform s'abandonen degut a que no compleixen amb les expectatives o no tenen l'adopció esperada, com Titanium, Rhomobile, Xamarin, PhoneGap/Cordova i Sencha Touch.
    • S'ha explorat la integració de la tecnologia de jocs per a desenvolupar aplicacions, però no s'ha consolidat de forma efectiva.
    • La tendència actual és cap a les PWA i frameworks com Angular, React i Vue.js, i no hi ha una tendència clara al sector.

    Aplicacions Mòbils: Native vs WebApps

    • Aplicacions natives: Desenvolupades amb el llenguatge natiu del sistema operatiu (Objective-C per iOS, Java per Android, C# per Windows Phone). Això garanteix un alt rendiment i accés total als recursos del dispositiu.
    • Web Apps i Progressive Web Apps (PWA): Llocs web dissenyats per a funcionar com a apps natives, amb un aspecte semblant i capacitats millorades. Estan programades en HTML + JS + CSS, utilitzen service worker per executar serveis en segon pla i guarden la caché al navegador, permetent un funcionament offline.
    • Avantatges de les Apps Natives:
      • Major rendiment i optimització.
      • Accés a totes les funcionalitats del dispositiu (càmera, GPS, sensors).
      • Experiència d'usuari més fluida i responsiva.
    • Inconvenients de les Apps Natives:
      • Cost de desenvolupament més elevat.
      • Diferents versions per a cada plataforma.
      • Procés d'actualització obligatori per als usuaris.
    • Avantatges de les Web Apps i PWA:
      • Desenvolupament més ràpid i barat en comparació amb les apps natives.
      • Funciona en qualsevol dispositiu amb navegador compatible (sense requerir descàrregues).
      • Menys memòria necessària al dispositiu.
      • Disseny responsiu per a diferents pantalles.
    • Inconvenients de les Web Apps i PWA:
      • Limitacions en l'accés a totes les funcionalitats del dispositiu, especialment en iOS.
      • Experiència d'usuari menys fluida a vegades, especialment en navegadors antics.
      • No disponible offline sense connexió a internet.
    • Tendències:
      • Les PWAs estan guanyant popularitat com a opció viable per a la seva funcionalitat i versatilitat.
      • L'Ajuntament de Barcelona prioritza el desenvolupament de web apps en comptes d'apps natives.
      • Les apps natives són més adequades per a aplicacions complexes que requereixin un rendiment màxim i accés total a les funcionalitats del dispositiu.
      • Les PWAs són ideals per a aplicacions més senzilles que funcionin en múltiples plataformes i tinguin un baix cost de desenvolupament.

    Aplicacions Natives

    • Les aplicacions natives estan desenvolupades específicament per al sistema operatiu del dispositiu mòbil, com ara Objective-C per a iOS, Java per a Android o C# per a Windows Phone.
    • Això permet que les aplicacions natives tinguin un millor rendiment i accés complet als recursos del dispositiu.

    Web Apps i Progressive Web Apps (PWA)

    • Es tracta de llocs web dissenyats per a funcionar com a aplicacions natives, amb una interfície similar i funcions avançades.
    • Les PWAs són programades en HTML, CSS i JavaScript i utilitzen service workers per executar serveis en segon pla i emmagatzemar la memòria cau al navegador, la qual cosa permet un càrrega més ràpida i un funcionament sense connexió.
    • Les PWAs són més segures i lleugeres que les aplicacions natives, però tenen un accés limitat al maquinari del dispositiu.

    Avantatges i inconvenients

    Natiu

    • Avantatges:*

    • Rendiment òptim

    • Accés complet a totes les funcions del dispositiu

    • Experiència d'usuari personalitzada

    • Integració amb el sistema operatiu

    • Inconvenients:*

    • Cost de desenvolupament més elevat

    • Temps de desenvolupament més llarg

    • Processos de publicació més complexos

    • Necessita actualitzacions freqüents

    Web i PWAs

    • Avantatges:*

    • Cost de desenvolupament menor

    • Temps de desenvolupament més ràpid

    • Millor accessibilitat

    • Funciona en múltiples plataformes

    • Actualitzacions automàtiques

    • Inconvenients:*

    • Rendiment menor que les aplicacions natives

    • Accés limitat a les funcions del dispositiu

    • Experiència d'usuari pot ser menys integrada

    Tendències

    • Actualment, les PWAs estan guanyant popularitat com a opció preferida per desenvolupadors, tot i que les aplicacions natives continuen tenint un paper important, especialment per a aplicacions que requereixen un ràpid i fluid rendiment i accés complet al maquinari del dispositiu.
    • L'Ajuntament de Barcelona ha optat per desarrollar web apps en lloc d'aplicacions natives.

    Casos d'ús recomanats

    • PWAs: Aplicacions senzilles, apps de contingut o de comerç electrònic, apps que no requereixen un accés avançat al maquinari, apps que prioritzen l'accessibilitat i la velocitat.
    • Aplicacions natives: Aplicacions que requereixen un alt rendiment, accés a funcions avançades del dispositiu, apps amb interfícies complexes, apps que requereixen una integració estreta amb el sistema operatiu.

    Progressive Web Apps (PWA)

    • Les PWA s'executen en un navegador i s'adapten al dispositiu on es troben, les funcionalitats que ofereixen depenen del navegador i del dispositiu.
    • Google (Chrome) ofereix un major número de funcions disponible per a PWA, mentre que Apple (iOS) té molt més limitat aquest ús.
    • El fitxer Web App Manifest defineix les característiques d'una PWA.
    • Service Workers permeten l'execució en background, per exemple, la recepció de notificacions push o l'emmagatzematge off-line. Fins a iOS 11.3, Apple no suportava les notificacions push.
    • Abans de la versió iOS 11.3, els desenvolupadors van haver de trobar solucions per a problemes com l'emmagatzematge off-line, per exemple, la PWA PIC's de l'Ajuntament de Barcelona.
    • Apple està limitant l'ús de les funcions de PWA en el seu sistema operatiu iOS. Hi ha vulnerabilitats per a la gestió de permisos, privacitat i accessibilitat. Apple no suporta la instal·lació de PWA de forma nativa, per a instal·lar-les, els usuaris han de fer-ho manualment.
    • El rendiment de les PWA no és adequat quan es processen grans quantitats de dades, com ara mapes o carrers.
    • La tecnologia de desenvolupament de les PWA està en constant evolució.
    • Google està desenvolupant Fuchsia, un nou sistema operatiu que pot ser un substitut o complementari a Android.
    • Apple veu les PWA com una amenaça al seu negoci lucratiu de l'App Store. Apple s'emporta un 3% de cada venda a l'App Store i un percentatge dels guanys de les compres in-app.
    • Apple no ha implementat totes les funcionalitats de PWA en el seu sistema operatiu, per exemple, la recepció de notificacions push.
    • Apple implementa les funcions per a PWA d'una manera tímida, sense fer una gran publicitat.
    • Tot i que Apple no tanca totalment les portes a les PWA, la seva estratègia és prioritzar les Apps natives.

    Apps Natives vs. PWA

    • Les Apps natives estan en un punt de maduresa molt elevat, amb un gran ventall de frameworks, patrons de desenvolupament i llibreries que agilitzen i sostenen els desenvolupaments.
    • Els SDK’s de Google i Apple ofereixen més facilitats, la qual cosa facilita la reutilització de codi i la reubicació de programadors. Kotlin permet generar aplicacions amb les mateixes prestacions que les fetes amb Java i, a més, compilar-les per a iOS.
    • Les PWA estan en constant evolució, amb un rendiment i prestacions limitades però en constant millora.
    • Les PWA tenen el potencial de convertir-se en una alternativa a les Apps natives.

    Estratègia de l'Ajuntament de Barcelona per a Apps Mòbils

    • Evitar fer aplicacions natives quan la mateixa necessitat pot estar coberta per un web responsiu.
    • Prioritzar l'ús d'aplicacions web, més universals que les aplicacions natives.
    • Unificar les funcionalitats actuals en poques aplicacions natives.
    • Desenvolupar, mitjançant programari lliure, compartible i reutilitzable per tercers.
    • Potenciar l'ús de dades obertes, la seguretat i la privacitat.

    Frameworks de desenvolupament de PWA

    • Angular:

      • Framework desenvolupat per Google amb una gran comunitat de desenvolupadors.
      • Oferta una gran robustesa i suport de desenvolupament.
      • Integra Google Material, una llibreria de components visuals.
      • Ofereix un CLI (Command Line Interface) per generar projectes base i nou codi de forma ràpida.
      • És un framework òptim per al desenvolupament de SPA (Single Page Applications).

    • Vue:

      • Framework competidor a Angular.
      • Comunitat activa de desenvolupadors.
      • Framework flexible, adaptable i escalable.
      • Fàcil d'aprendre i d'utilitzar.

    Studying That Suits You

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

    Quiz Team

    Related Documents

    08. Apps natives vs WebApps.pdf
    08. Apps natives vs WebApps_curt.docx

    Description

    Descobreix els diferents tipus d'aplicacions com les natives, web, híbrides i PWA. Aprèn sobre les característiques i avantatges de les PWA, incloent la seva fiabilitat i rapidesa. Aquest qüestionari et permetrà aprofundir en la comprensió de les tecnologies d'aplicacions modernes.

    More Like This

    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser