Aplikace, systémy

Nastavte si: Průzkumník souborů → Zobrazení → ☑ Přípony názvů souborů

• doména (.cz, .eu, .com, .org, .edu, .gov, .health),
• subdoména (www; m),
• protokol (HTTP, HTTPS),
• cesta, přípona (👁 php v adrese tohoto webu)
• dotaz (?) s parametry (spojené &; marketing, DSpace, YouTube),
• kotva (# např. na této stránce) i pro pdf, URL kódování (%).
• Citování, přesměrování (zkrácené URL: doi, youtu.be), „krátké URL“ (theses.cz), permalink.

💡 Když nefunguje, tak umázávat části.

HTML (+ CSS)

• statický text, obrázky atd.
• W3Schools
  • základní formátování
  • vložení obrázku 👁¹⁾
• jednoduchá stránka
  • 🐭 Ze zdrojového kódu (Ctrl+U) vykopírujte část (např. h1, p, icon, CSS), vložte do poznámkového bloku, uložte jako .html a spusťte (otevře se ve webovém prohlížeči).
    • 🐭 Vložte video z YouTube (pomocí <iframe>)
  • dobře čitelné (tj. nikoliv minifikované) CSS: 👁 https://www.fzs.tul.cz/css/normalize.css ²⁾
• 🐭 Vytvoř HTML webovou stránku o radiologii. ChatGPT
• 🐴 Pokročilá práce s vizuálním editorem webových stránek; editace Moodlu.³⁾

JavaScript

• „program“ přímo v prohlížeči
• Příklady webových aplikací naprogramovaných v JavaScriptu:
  • NORA → Fiber Demo
  • Med3Web – odsouhlasit bezpečnostní varování; (info)

• 🐭 Zdrojový kód
• Pravé myšítko nad stránkou v prohlížeči → Prozkoumat prvek (Zkontrolovat) (Vývojářské nástroje). Úprava CSS (vypnout v Nástrojích pro vývojáře, editovat ve WordPressu v šabloně i v souborech).
  • Responzivní design     🐭 KHS Lbc
• 🐭 Stažení mp3, která není na webu jako Audio element, ale pouze v javascriptovém přehrávači (zdrojový kód či Prozkoumat prvek → Síť → Ostatní či Média), ale odkaz na mp3 je ve zdrojovém kódu.
• 🐭 Kdy byl vydán článek? (Existují dva způsoby, jak to zjistit.)

• Webnode, Wix⁴⁾ či Weby Google; Můj kurz WordPress
• 🐭 HTML šablona (např. Photon): editovat index.html (na školním počítači v Microsoft Visual Studio); změnit obrázky. Příklad nasazení)
  • Font Awsome.
  • 👁 Moje doména⁵⁾ a hosting; protokol FTP

Nenačítá se stránka: 💡 promazat cache (mezipaměť, dočasné soubory): ⇧ Shift+⟳ Načíst tuto stránku znovu
— Pokud to nezabere, zkuste restartovat prohlížeč, otevřít stránku v anonymním okně nebo v jiném prohlížeči (Edge, Firefox, Chrome).

Architektura klient–server

• databáze, databázový server (jazyk SQL) ⁶⁾
  • SQL interaktivně (datové typy, primární klíč, cizí klíč, vztahy, lookup table, slovník (dictionary), SELECT, JOIN, indexy, normalizace, denormalizace),
    • DBeaver, příklad Excel, inter­operabilita s Excelem (CSV, ODBC).
    • ❔ Metadata: v souboru DICOM či v db?
• webový server, browser (prohlížeč); webová služba (web service: 👁 příklad WMS GetMap) ⊂ API; SQL vs API, SQL injection
• tenký klient, tlustý klient
• server (hw × sw); virtualizace (v KNL VMware; 👁 Virtual Box)

• desktopové, mobilní, webové; progresivní webové aplikace (Chrome )
• zakázkové, krabicové

 Nahrané přednášky: (3 videa)