_ 3.5.3 Offline applikationer

Uppgiften introducerar till hur man gör en webbplats som fungerar offline. Detta är användbart för vissa typer av webbplatser, exempelvis:

- Komplexa webbapplikationer (som exempelvis en ordbehandare)
- Webbapplikationer som inte kommunicerar så mycket med serversidan

__ Uppgift

Gör först en webbplats som består av flera länkade webbsidor som har:

- Text och bild
- CSS
- JavaScript

Gör sedan med hjälp av en §manifest§-fil så att denna webbplats fungerar offline. Låt dock en bild enbart fungera om man är online (med hjälp av §NETWORK:§-rubriken) och visa för användaren om man är online eller offline.

Alla JavaScript-program ska följa kraven under sidan [Krav, 05_ass/requirements/ip3.txt].

__ Exempel

Inget exempel ges.

__ Tips

För att detektera om man är online eller offline används ofta egenskapen §navigator.onLine§ men detta är inte pålitlig i alla webbläsare så det är bättre att använda ett trick med två JavaScript-funktioner som använder §FALLBACK:§-rubriken:

§
FALLBACK:
online.js offline.js
§

och två JavaScript-funktioner definierade på egna filer där filen §online.js§ innehåller:

§
function isSiteOnline() {
  return true;
}
§

och filen §offline.js§ innehåller:

§
function isSiteOnline() {
  return false;
}
§

När man använder funktionen §isSiteOnline§ så får man då olika svar beroende på om man är online eller offline.

__ Hjälp

~ 05_ass/help/01.txt

>
[Klicka här för hjälp, helper.dsv@gmail.com, Webbutv I: 3.5.3 Offline applikationer: http://people.dsv.su.se/~pierre/i/i.cgi?href=05_ass/ip3/3.5.3.txt] ½===system_tutoring_message===½
<

~ 05_ass/help/02.txt