Úvod do programování aneb Do nitra stroje

Karel MinaříkPŘEDNÁŠKA 1

Úvod do programování

www.google.com/search?q=karel+minařík1

Úvod do programování Přednáška 1

Karel Minařík

→ Absolvent FFUK, obor filosofie → DIPLOMOVÁ PRÁCE: Exaktní fantazie. Umění jako kritika a záchrana skutečnosti v Adornově Estetické teorii

→ Web designer a vývojář na volné noze od roku 2000

→ Art Director / Informační architekt ve společnosti ILIKETHIS!

→ Výuka web designu na Institutu Digitálních Médií

→ Blog o Ruby on Rails na http://blog.karmi.cz

→ KONZULTAČNÍ HODINY: středa 12.00—13.30→ KONTAKT: karmi@karmi.cz

Úvod do programování

A vy?2

Úvod do programování Přednáška 1

→ Co jste studovali v bakalářském studiu?

→ Proč studujete/zajímáte se o Studia nových médií?

→ Jaké máte zkušenosti s programováním?

Úvod do programování

Proč se na Studiích nových médií zabývat programováním?3

Úvod do programování Přednáška 1

„Používat nějaký nástroj na počítači vyžaduje zřídkakdy více

než  umět klikat myší; vytvořit takový nástroj vyžaduje

rozumět  tajemnému umění programovat počítač“

— John Maeda, Creative Code

Úvod do programování Přednáška 1

Úvod do programování Přednáška 1

Úvod do programování Přednáška 1

Jared Tarbell: Substrate (www.complexification.net)

Úvod do programování Přednáška 1

Orientace na rozumění člověku a společnosti SPOLEČENSKÉ VĚDY

×

PŘÍRODNÍ VĚDY

Orientace na rozumění přírodě a postižení zákonitostí

Úvod do programování Přednáška 1

Demytologizace světa

Úvod do programování Přednáška 1

Úvod do programování Přednáška 1

Rozumět

Úvod do programování Přednáška 1

Úvod do programování Přednáška 1

Frustrace

Úvod do programování Přednáška 1

Vztah ke stroji

Úvod do programování Přednáška 1

Úvod do programování Přednáška 1

Úvod do programování Přednáška 1

Co je praktickým cílem našeho kursu?

Úvod do programování Přednáška 1

Zabýváme se „počítači“

Jak počítače ovlivnují svět?

„Nová média“

Co se děje v „nitru stroje“?

Jak se mu „udílí příkazy“?

Kdo mu je udílí?

ˇ

Úvod do programování Přednáška 1

Úvod do programování

Kontext vs. konzistenceaneb „Jak uvažuje programátor?”4

Úvod do programování Přednáška 1Ada Lovelace (1815—1852)

Úvod do programování Přednáška 1

…the Engine might compose elaborate and scientific pieces of music of any degree of complexity or extent.— Ada Lovelace

Úvod do programování Přednáška 1

Příslib techniky

Úvod do programování Přednáška 1

„Programátoři počítačů píšou, testují a udržují v chodu detailní instrukce, nazývané počítačové programy, které počítače dodržují, aby vykonávaly své funkce. Programátoři také vymýšlejí, navrhují a testují logické struktury pro řešení problémů za pomoci počítače.“—Wikipedia.org

Úvod do programování Přednáška 1

Úvod do programování Přednáška 1

Použitelnost — ergonomie ovládáníUsability

Úvod do programování Přednáška 1

Donald A. Norman, The Design of Everyday Things (1988)

Ovládací prvky elektrického vařičeKterá plotýnka se ovládá kterým knoflíkem?

Úvod do programování Přednáška 1

Úvod do programování Přednáška 1

HLEDISKO UŽIVATELE

Kontext×

KonzistenceHLEDISKO PROGRAMÁTORA

Úvod do programování Přednáška 1

PŘÍKLAD

Storno objednávek v aplikaci

Úvod do programování Přednáška 1

Programátoři obtížně řeší kontextově závislé úlohy.

Na rozdíl od počítačů.

Úvod do programování

Algoritmus5

Úvod do programování Přednáška 1

Algoritmus je základem každého programu

Algoritmus je sekvence příkazů

Úvod do programování Přednáška 1

Algoritmus je konečný seznam uspokojivě definovaných instrukcí pro splnění určitého úkolu. Z počátečního stavu algoritmus skončí v definovaném konečném stavu.

— Wikipedia

Úvod do programování Přednáška 1

1. Nalít olej do pánve2. Zapálit plyn3. Vzít vejce4. Rozklepnout vejce o okraj pánve

Úvod do programování Přednáška 1

? Vzít pánev1. Nalít olej do pánve2. Zapálit plyn3. Vzít vejce4. Rozklepnout vejce o okraj pánve

Úvod do programování Přednáška 1

? Najít pánev? Najít olej1. Nalít olej do pánve2. Zapálit plyn3. Vzít vejce4. Rozklepnout vejce o okraj pánve

Úvod do programování Přednáška 1

? Najít pánev? Najít olej1. Nalít olej do pánve2. Zapálit plyn? Čím zapálit plyn3. Vzít vejce4. Rozklepnout vejce o okraj pánve

Úvod do programování Přednáška 1

? Najít pánev? Najít olej1. Nalít olej do pánve2. Zapálit plyn? Čím zapálit plyn3. Vzít vejce4. Rozklepnout vejce o okraj pánve

Úvod do programování Přednáška 1

? Najít pánev? Najít olej1. Nalít olej do pánve2. Zapálit plyn? Čím zapálit plyn3. Vzít vejce4. Rozklepnout vejce o okraj pánve

OK

Fatal Error

Do!ly vejce

Cancel

Úvod do programování Přednáška 1

VLASTNOSTI ALGORITMU

1. Konečnost

2. Determinovanost

3. Vstup

4. Výstup

5. Efektivita

6. Obecnost

http://cs.wikipedia.org/wiki/Algoritmus

˚

Úvod do programování Přednáška 1

JEDNODUCHÝ ALGORITMUS

Nalezení největšího čísla z neuspořádaného seznamu číselhttp://en.wikipedia.org/wiki/Algorithm#Example

Úvod do programování Přednáška 1

POPIS

1. Předpokládejme, že první číslo v seznamu je největší.

2. Podívejme se na postupně na každé zbývající číslo v seznamu. Pokud je větší než dosud největší číslo, zapišme si je.

3. Jakmile jsme prošli všechna čísla, je poslední zapsané číslo největším číslem v seznamu.

Úvod do programování Přednáška 1

FORMÁLNÍ ZÁPIS V ANGLIČTINĚ

Algorithm LargestNumberInput: A non-empty list of numbers LOutput: The largest number in the list L

largest ← L0for each item in the list L≥1, do if the item > largest, then largest ← the itemreturn largest

Úvod do programování Přednáška 1

ZÁPIS V PROGRAMOVACÍM JAZYCE

1 input = [1, 5, 3, 95, 43, 56, 32, 90, 2, 4, 19]2 largest = input.first3 input.each do |i|4 largest = i if i > largest5 end6 print "Nejvyšší číslo je: #{largest}"

Úvod do programování Přednáška 1

ZÁPIS V PROGRAMOVACÍM JAZYCE

1 input = [1, 5, 3, 95, 43, 56, 32, 90, 2, 4, 19]2 largest = input.first3 input.each do |i|4 largest = i if i > largest5 end6 print "Nejvyšší číslo je: #{largest}"

„tajemné umění programovat počítač“

Úvod do programování Přednáška 1

ZÁPIS V PROGRAMOVACÍM JAZYCE

1 input = [1, 5, 3, 95, 43, 56, 32, 90, 2, 4, 19]2 largest = input.first3 input.each do |i|4 largest = i if i > largest5 end6 print "Nejvyšší číslo je: #{largest}"

„tajemné umění programovat počítač“

Syntax

Úvod do programování

Programovací jazyk Ruby6

Úvod do programování Přednáška 1

5.times { print "Hurá!" }

print ["banán", "citron", "ananas"].sort.last.capitalize

Syntax

Úvod do programování Přednáška 1

class Pes def velikost return @velikost end def stekej print “Haf!” endend

Objektově orientovaný jazyk

OBJEKT Pes věc/podstatné jménoVLASTNOST malý vlastnost/přídavné jméno METODA stekej činnost/sloveso

Úvod do programování Přednáška 1

Knihovny

…google-geo (2.0, 1.0) A simple, elegant library for getting geocoding information from Google Maps.…googlecalendar (0.0.5, 0.0.4, 0.0.3, 0.0.2) Google Calendar api for Ruby…iphoto2 (1.0.1, 1.0.0) iphoto contains methods to parse and access the contents of the iPhoto pictures.…net-sftp (1.1.0, 1.0.1, 1.0.0, 0.9.0, 0.5.0) Net::SFTP is a pure-Ruby implementation of the SFTP client protocol.…pdf-writer (1.1.3, 1.1.2, 1.1.1, 1.1.0, 1.0.1, 1.0.0) A pure Ruby PDF document creation library.…yahoo-weather (1.0.0) A Ruby object-oriented interface to the Yahoo! Weather service.…youtube (0.8.6, 0.8.5, 0.8.0, 0.1.1, 0.1.0, 0.0.1) A Ruby object-oriented interface to the YouTube REST API.…

Úvod do programování Přednáška 1

Zdroje (viz www.ruby-lang.org/en/documentation)

www.pine.fm/LearnToProgram (původní verze)

Úvod do programování Přednáška 1

www.poignantguide.net/rubyNEJBLÁZNIVĚJŠÍ UČEBNICE PROGRAMOVÁNÍ NA SVĚTĚ

Úvod do programování Přednáška 1

Ruby on Rails!

Úvod do programování Přednáška 1

Ruby on Rails

Úvod do programování Přednáška 1

Vyzkoušejte na http://tryruby.hobix.com

Úvod do programování

Plán kursu7

Úvod do programování Přednáška 1

PLÁN KURSU

→ Historie programovacích jazyků

→ Rozdělení programovacích jazyků

→ Základní elementy programovacího jazyka: řetězce (texty), čísla, pole, kolekce, podmínky, smyčky, proměnné, …

→ Objekty a objektově orientované programování (versus ostatní typy)

→ Grafické rozhraní (GUI). Web jako grafické rozhraní aplikací

→ Diagramy, wireframes, skici, pomůcky, nástroje

→ Testování software

→ Vedení softwarového projektu

ÚKOLYPráce s čísly a textem

LITERATURA

→ Chris Pine, Learn to Program (Amazon.com za $13.57 nebo www.pine.fm/LearnToProgram)

Možné pokračování v dalším semestru: Architektura webových aplikací a  Ruby on Rails

Děkuji!