Zašto i kako izraditi web sjedište istraživačke grupe

Dr. Vedran Miletić, Računarsko i podatkovno postrojenje Max Plancka; Fakultet informatike i digitalnih tehnologija, Sveučilište u Rijeci

Mutimir 2023 (Udruga Penkala), Hotel Matija Gubec, 28. prosinca 2023.

Izvor slike: Wikimedia Commons: File:Max Planck Society logo.svg

Izvor slike: Wikimedia Commons File:FIDIT-logo.svg

Predstavljanje predavača

• docent i voditelj grupe, Fakultet informatike i digitalnih tehnologija, Sveučilište u Rijeci
• na dopustu od godinu dana zbog poslijedoktorskog usavršavanja na Max Planck Computing and Data Facility (nekad: Rechenzentrum Garching)
  • razvoj znanstvenog softvera za superračunala i računalne oblake
  • simulacija molekulske dinamike biomolekula

Izvor slike: Max Planck Computing and Data Facility

Izvor slike: Wikimedia Commons File:110716031-TUM.JPG

Znate li izraditi web sjedište i u kojoj tehnologiji?

Izvor slike: Wikimedia Commons File:Internet Key Layers.png

Izrada web sjedišta

• najčešći posao kojim se bave programski inženjeri u suvremeno doba
  • budžet po web sjedištu kreće se od nekoliko stotina do milijuna EUR
  • česta zabluda: to što je netko u području računarstva ne znači da se bavi web tehnologijama
• može i "uradi sam": Wix.com, Weebly, Squarespace, WordPress, Webflow...
• stotine pristupa, tehnologija, platformi, rješenja, novi dolaze svaki dan

Izvor slike: Wikimedia Commons File:Three software development patterns (...).svg

Zašto izraditi web sjedište istraživačke grupe? (1/2)

• nema li svaka istraživačka grupa već svoje mjesto na web sjedištu fakulteta/istituta/odjela/centra?
  • primjeri: FIDIT, HITS, MPI-NAT i KTH
• nisu li društvene mreže korisnije za promociju svojeg znanstvenog rada?
  • "tko danas gleda web, zabava je na Instagramu i TikToku, posao je na LinkedInu, a ni Facebook nije za baciti"
• isplati li se uopće ulagati ograničeno i dragocjeno vrijeme koje imamo za znanost u marketing?

Izvor slike: Wikimedia Commons File:United States Antarctic Program website from 2018 02 22.png

Zašto izraditi web sjedište istraživačke grupe? (2/2)

• ograničenja po pitanju oblikovanja
  • zadani dizajn i organizacija sadržaja web sjedišta institucije
  • identitet grupe ~= identitet institucije
• ograničenja po pitanju sadržaja
  • možete li staviti slike/video/animacije, npr. kao dodatne materijale kod objave preprinta ili rada?
  • postoji li ugrađen blog za objavu vijesti/promišljanja, idealno s podrškom za više autora?
  • imate li prostor za postavljanje nastavnih materijala?
  • je li broj stranica sadržaja ograničen (uglavnom nije tehnički problem, već pitanje odluke institucije)?

Kako izraditi web sjedište istraživačke grupe?

• očekivanja tipične istraživačke grupe su:
  • jednostavan jezik za stvaranje sadržaja: web jezici (HTML/CSS/JS/...) su nepotrebno rječiti
  • prenosiv jezik za stvaranje sadržaja: želimo moći lako seliti već stvoreni sadržaj među platformama/alatima/rješenjima
  • ukupna cijena rješenja bez našeg rada mora biti 0 EUR ili blizu tome

Izvor slike: Wikimedia Commons File:121212 2 OpenSwissKnife.png

Znate li koristiti LaTeX?

• znam LaTeX i koristim ga
• znam da LaTeX postoji, ali ga ne koristim
• prvi put čujem za LaTeX

Izvor slike: Wikimedia Commons File:LaTeX example.svg

Jezik Markdown

• obični tekst s vrlo malo dodataka
• "LaTeX weba": LaTeX -> PDF je kao Markdown -> HTML
• mnogo rješenja temeljenih na Markdownu: Hugo, Docusaurus, Jekyll, Hexo, MkDocs, mdBook, Pelican itd.
  • mi koristimo MkDocs i Material for MkDocs

Izvor slike: Wikimedia Commons File:Markdown-mark.svg

Tehnički postupak izrade web sjedišta

1. stvaranje novog web sjedišta

   $ mkdocs new .
   

2. punjenje sjedišta sadržajem: dani, mjeseci, godine, desetljeća...

3. lokalni pregled izrađenog web sjedišta

   $ mkdocs serve
   

4. postavljanje sjedišta na web, odnosno osvježavanje verzije koja već postoji na webu novim sadržajem

   $ mkdocs gh-deploy
   

Organizacija sadržaja

• informacije o grupi, opis projekata, popis radova...
• hrvatska i engleska verzija?
  • moraju li sve stranice postojati u obje verzije?
• blog? kategorije objava na blogu?
• nastavni materijali?
• pretraživanje?
• oznake na stranicama?

Izvor slike: Wikimedia Commons File:Sitemap google.jpg

Radionica tijekom prve polovice iduće godine?

• tehnički dio: Markdown + Material for MkDocs
• organizacijski dio: obavezni elementi, dodatni elementi, umetanje multimedijskog sadržaja

Izvor slike: Material for MkDocs Documentation

Hvala na pažnji!

GASERI website: group.miletic.net (SimilarWeb za miletic.net)

Author: Vedran Miletić