DOM-C1055 - Väline: Koodi, Luento-opetus, 14.9.2021-21.10.2021

Topic outline

• Materials
  • Select activity Ohjeita: Kurssiin liittyviä asetuksia, lisäyksiä ja muistiinpanoja

    

    Ohjeita: Kurssiin liittyviä asetuksia, lisäyksiä ja muistiinpanoja Page

    1.  Users.aalto.fi -kirjautumisohjeet macOS-käyttöjärjestelmällä Aallon sisäverkosta
       
    2. CyberDuck -ohjelman asennus kotikoneelle ja kirjautumisohjeet Aallon verkon ulkopuolelta
    3. Verkkosivun kuvien lataaminen omalle koneelle Google Chromen Developer toolsilla
    4. Nettisivujen tallentaminen PDF-muodossa.
    5. Kuvarkaappausten ottaminen macOS:ssä ja Windowsissa.

  • Select activity Tutoriaaleja: Verkosta löytyviä oppaita

    

    Tutoriaaleja: Verkosta löytyviä oppaita Page

    1. Interneting is Hard (But it doesn’t have to be) - A friendly web development tutorial for complete beginners
    2. W3Schools HTML Tutorial
    3. Web development eli ns. syvä pääty
       
  • Select activity Resursseja: Sisältöjä suunnittelun avuksi

    

    Resursseja: Sisältöjä suunnittelun avuksi Page

    • Käyttöoikeuksista
      
    • Ikoneja
      
    • Kuvapankkeja
    • Äänipankkeja
      
    • Vaihtoehtoja Adoben ohjelmille
  • Select activity Artikkeleja ja linkkejä: Syventävää lukemista kiinnostuneille

    

    Artikkeleja ja linkkejä: Syventävää lukemista kiinnostuneille Page

    • Informaation yksiköistä (bitti, tavu) ja laskentatavoista (binääri, heksadesimaali)
    • Verkkosivujen optimoinnista ja suunnittelusta
    • Ohjelmoinnista ja ohjelmoinnillisesta ajattelusta
    • Avoimesta tiedonvälityksestä
    • Ihmisen ja tietokoneen vuorovaikutuksesta
    • Tietokoneista, palvelimista ja pilvipalveluista
  • Select activity Kirjoja: Visuaalisen viestinnän suunnittelua ja koodia käsittelevää kirjallisuutta

    

    Kirjoja: Visuaalisen viestinnän suunnittelua ja koodia käsittelevää kirjallisuutta Page

    • Casey Reas et al: Form + Code - in Design, Art, and Architecture (2010)
      
    • Andrew Richardson: Data-driven graphic design: Creative Coding for Visual Communication (2016)
    • Generative Design - Visualize, Program, and Create with JavaScript in p5.js (2018)

    
    

  • Select activity Verkkosarjakuvia

    

    Verkkosarjakuvia URL

    
    

    Scott McCloud: Google Chrome (2008)

    

    Words by the Google Chrome team, comics adaptation by Scott McCloud.
    https://www.google.com/googlebooks/chrome/
    

    
    

    Princess Hinghoi & Merryweather: Internet Explorer

    
    

    https://www.webtoons.com/en/challenge/internet-explorer/ep-1-install-google-chrome/viewer?title_no=219164&episode_no=1
    

    
    

    xkcd: Strong Passwords

    

    Strong Passwords: https://xkcd.com/936/
    

    Security: https://xkcd.com/538/

    Katsokaa myös muut xkcd:n sarjakuvat (linkki vie satunnaiseen sarjakuvaan)

    
    

    Jouko Kuha: Senioridevaaja

    "Konsulttiyrityksen tarvepyramidi" (2018)

    "Lisää luomupersikoita pingishuoneeseen, kiitos" (2018) 

    
    

    Tuntematon: IT-Ankat 

    https://www.instagram.com/it_ankka
    

  • Select activity Verkkosivujen visuaalinen suunnittelu -luento (PDF)

    Show more Show less

    Not available unless any of: You are a(n) Student ...

    Not available unless any of:

    • You are a(n) Student
    • You are a(n) Teacher
    • You are a(n) Non-editing teacher
    • You are a(n) Manager

    

    Verkkosivujen visuaalinen suunnittelu -luento (PDF) File PDF

    Tässä slidet viimekeväisestä verkkosivujen visuaalista suunnittelua käsitelleestä luennostani Aallon informaatioverkostojen kandiohjelman kurssilta.
    

    
    

    2.6 MB
  • Select activity Typography in New Media: Basics (2013)

    

    Typography in New Media: Basics (2013) File PDF

    Vähän vanha esitys mutta sisältää ehkä joitain esityksiä siitä mitä siirrettävät merkistöt ovat tulleet yhteen nykyisen Unicodena tunnetun standardin alle.

    
    

  • Select activity Tietokonesuosituksia mediatuotantoon

    

    Tietokonesuosituksia mediatuotantoon Page

    Mikä olisi hyvä tietokone visuaalisen viestinnän suunnittelun tarpeisiin ainakin muutamaksi vuodeksi?

  • Select activity Fontit ja fonttiteknologia

    

    Fontit ja fonttiteknologia Page

    Asiaa ja taustaa fonteista.

  • Select activity Tiedostoja

    Not available unless: You belong to A01 (SISU)

    

    Tiedostoja Folder

    Tiedostoja ja materiaalia ryhmätöihin

  • Select activity Tietosuoja ja GDPR

    

    Tietosuoja ja GDPR Page