ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Tipovi aplikacija
i
osnove programiranja
Luka.M@studentpartner.com
[ O predava?u]
Luka.M@studentpartner.com, Linkedin - Facebook
Agenda predavanja
Vrste aplikacija
Konzolne aplikacije
?to su C#, XAML, HTML5, CSS3?
Uvod u aplikacije
Web aplikacije
Agenda predavanja
Windows Phone 8 aplikacije
Windows Modern UI (Windows Store) aplikacije
Uvod u aplikacije - Luka Mandi?
Uvod u aplikacije
Ra?unalni program namjenjen korisniku za izvr?avanje zadataka
Primjena; eng. application
Poslovne, ra?unske, grafi?ke, izvo?enje medija, uredski paketi
Desktop ra?unala, mobilni telefoni, tableti, bankomati, kase, televizori,
automobili, hladnjaci, ¡­
Uvod u aplikacije
Rje?avaju probleme
Olak?avaju svakodnevni ?ivot
Prilago?ene dana?njem u?urbanom ritmu ?ivota
?iroka primjena u svim sferama ?ivota
Windows Store
Windows Store je digitalna distribucijska platform
Koja predznanja moram imati da bi se bavio razvojem Windows Store
aplikacija ?
Windows Store aplikacije mo?ete izra?ivati sa sljede?im programskim
jezicima:
? JavaScript sa HTML/CSS
? C#, Visual Basic ili C++ sa XAML
? C++ sa DirectX
Visual studio
Microsoftov alat za razvoj softvera
Dostupan svima
Developer licenca
podr?ava i dizajnerski pristup
izradi programskog koda
Vrste aplikacija
Ovisno o primjeni aplikacije
Aplikacije za krajnjeg korisnika ?esto imaju GUI
Aplikacije koje slu?e kao pomo?ni programi su ?esto console
Nije svaka vrsta aplikacije dobra za na?u ideju
Vrste aplikacija
Console
Windows Presentation Foundation (WPF)
Web aplikacija
Windows ModernUI (Windows Store)
Windows Phone
?to su C#, XAML, HTML5, CSS3?
C#
Proceduralni jezik
Objektno orijentirani jezik
Programski jezik izmi?ljen za .NET platformu
Sintaksa sli?na Javi i C++
?to su C#, XAML, HTML5, CSS3?
XAML se ?esto opisuje pojmom markup language ¨C isti atribut nosi i niz drugih
opisnih jezika za su?elja poput HTML-a (hypertext markup language)
XAML je u svojoj su?tini nalik XML-u, no XAML nije samo jezik za opisivanje
izgleda samoga su?elja. Uporabom XAML-a mogu?e je definirati i korisni?ke
kontrole, na njima dodavati event handlere koji se, kasnije, povezuju s
programskom logikom u code ¨C behind datotekama.
?to su C#, XAML, HTML5, CSS3?
XAML
Extensible Application Markup Language
Pro?irena verzija XML-a, prvenstveno napravljena za WPF
Koristi se za definiciju korisni?kih su?elja i povezivanje podataka
Mo?e se izraziti pomo?u C# ili VisualBasic-a; koristi se za izradu
Windows Store, Windows Phone, Silverlight i WPF aplikacija
?to su C#, XAML, HTML5, CSS3?
HTML5
HyperText Markup Language 5. generacije
Uvodi novu sintaksu
Mogu?nost kori?tenja vektorske grafike (.svg)
Omogu?uje izradu aplikacija za vi?e platformi odjednom
?to su C#, XAML, HTML5, CSS3?
drag and drop,upravljanje pomo?u tipkovnice,canvas
reprodukcije videa na stranicama bez kori?tenja Adobe flasha ili
Microsoftovog silverlighta
?to su C#, XAML, HTML5, CSS3?
CSS3
Cascade Style Sheet- stilski jezik
Odre?uje izgled i format bilo kojeg dokumenta pisanog u markup
jeziku= oblikovanje HTML-a
Ukoliko postoji vi?e pravila za neki element, u obzir se uzima ono
ve?eg prioriteta
?to su C#, XAML, HTML5, CSS3?
Zaobljeni rubovi, Transparentnost i Offset outline
Konzolna aplikacija
Kao ?to ime ka?e odvija se u konzoli (ili terminalu)
Nema grafi?ko su?elje (GUI), za rad se koristi samo tipkovnica
Uglavnom se koristi kao potprogram za aplikaciju koja se izvr?ava
Vrlo su ?male¡± (najvi?e par MB)
Ljudi ih ?esto brkaju sa DOS-om
DEMO
WPF aplikacija
Windows Presentation Foundation
Aplikacija koja ujedinjuje korisni?ko su?elje, medije i dokumente u
jednu cjelinu
Mo?e biti samostalna desktop aplikacija ili dio nekog browsera
Uvodi rad sa XAML-om, 2D i 3D grafikom, vektorskom grafikom,
animacijom, tekstom, dokumentom, medijima, dokumentima,¡­
DEMO
Web aplikacija
ASP.NET ¨C web framework za web site-ove i web aplikacije
Aplikacija koju nije potrebno instalirati na ra?unalo korisnika
Pristupa joj se putem browsera
Za kori?tenje web aplikacije nije potrebno dodatno predznanje
ASP.NET
ASP.NET ¨C web framework za web stranice i web aplikacije
ASP .NET je Microsoft okru?enje u okviru .NET
platforme koje se mo?e koristiti za razvoj:
? web mjesta,
? Web aplikacija,
? XML web usluga.
Budu?i da se kao i ostali dijelovi .NET
platforme temelji na zajedni?kom CLR-u ( Common Language Runtime)
njegov programski kod mo?e se pisati u bilo kojem .NET jezik
MVC ASP.NET
model, view (pogled) i controller (kontroler)
Korisnik Kontroler
ModelView
Korisni?ko ime i
lozinka
Programska strukutra
Baza podataka
Korisni?ko su?elje
Uvod u aplikacije - Luka Mandi?
DEMO
Windows ModernUI (Windows Store)
C#/XAML, ili VB.NET/XAML ili HTML5/CSS3/JavaScript
Aplikacije pisane za ra?unala i tablete sa Windows 8 (x86, x64, RT)
Obilje?ava ju specifi?an ModernUI dizajn (poznat i kao Metro)
Mo?e ih se na?i (i kupiti ako nisu besplatne) na Windows Store-u
Windows Phone
C#/XAML, ili VB.NET/XAML
Aplikacije pisane za smartphone sa Windows Phone 8 OS
Obilje?ava ju specifi?an ModernUI dizajn (poznat i kao Metro)
Jedinstven dizajn u cijelom ekosustavu (desktop, tablet, mobilni
telefon)
Najbr?e rastu?a mobilna platforma, 3. na svijetu po udjelu tr?i?ta
Consumer Store Coverage: Over 180 countries
120+ new
180+
123
31
Developer: Over 180 countries
140+ new
38 Countries
Windows Phone 7.x
180+ Countries
Windows Phone 8.0
DEMO
Uvod u aplikacije - Luka Mandi?
Materijali
? http://windows.microsoft.com/sr-latn-
cs/windows-8/all-about-apps.
? http://www.crokec.net/windows-store/
? http://channel9.msdn.com/
? http://www.w3schools.com/aspnet
? http://www.youtube.com/watch?v=BtzyYso5rgI
? microsoftvirtualacademy.com

More Related Content

Uvod u aplikacije - Luka Mandi?

  • 3. Agenda predavanja Vrste aplikacija Konzolne aplikacije ?to su C#, XAML, HTML5, CSS3? Uvod u aplikacije Web aplikacije
  • 4. Agenda predavanja Windows Phone 8 aplikacije Windows Modern UI (Windows Store) aplikacije
  • 6. Uvod u aplikacije Ra?unalni program namjenjen korisniku za izvr?avanje zadataka Primjena; eng. application Poslovne, ra?unske, grafi?ke, izvo?enje medija, uredski paketi Desktop ra?unala, mobilni telefoni, tableti, bankomati, kase, televizori, automobili, hladnjaci, ¡­
  • 7. Uvod u aplikacije Rje?avaju probleme Olak?avaju svakodnevni ?ivot Prilago?ene dana?njem u?urbanom ritmu ?ivota ?iroka primjena u svim sferama ?ivota
  • 8. Windows Store Windows Store je digitalna distribucijska platform Koja predznanja moram imati da bi se bavio razvojem Windows Store aplikacija ? Windows Store aplikacije mo?ete izra?ivati sa sljede?im programskim jezicima: ? JavaScript sa HTML/CSS ? C#, Visual Basic ili C++ sa XAML ? C++ sa DirectX
  • 9. Visual studio Microsoftov alat za razvoj softvera Dostupan svima Developer licenca podr?ava i dizajnerski pristup izradi programskog koda
  • 10. Vrste aplikacija Ovisno o primjeni aplikacije Aplikacije za krajnjeg korisnika ?esto imaju GUI Aplikacije koje slu?e kao pomo?ni programi su ?esto console Nije svaka vrsta aplikacije dobra za na?u ideju
  • 11. Vrste aplikacija Console Windows Presentation Foundation (WPF) Web aplikacija Windows ModernUI (Windows Store) Windows Phone
  • 12. ?to su C#, XAML, HTML5, CSS3? C# Proceduralni jezik Objektno orijentirani jezik Programski jezik izmi?ljen za .NET platformu Sintaksa sli?na Javi i C++
  • 13. ?to su C#, XAML, HTML5, CSS3? XAML se ?esto opisuje pojmom markup language ¨C isti atribut nosi i niz drugih opisnih jezika za su?elja poput HTML-a (hypertext markup language) XAML je u svojoj su?tini nalik XML-u, no XAML nije samo jezik za opisivanje izgleda samoga su?elja. Uporabom XAML-a mogu?e je definirati i korisni?ke kontrole, na njima dodavati event handlere koji se, kasnije, povezuju s programskom logikom u code ¨C behind datotekama.
  • 14. ?to su C#, XAML, HTML5, CSS3? XAML Extensible Application Markup Language Pro?irena verzija XML-a, prvenstveno napravljena za WPF Koristi se za definiciju korisni?kih su?elja i povezivanje podataka Mo?e se izraziti pomo?u C# ili VisualBasic-a; koristi se za izradu Windows Store, Windows Phone, Silverlight i WPF aplikacija
  • 15. ?to su C#, XAML, HTML5, CSS3? HTML5 HyperText Markup Language 5. generacije Uvodi novu sintaksu Mogu?nost kori?tenja vektorske grafike (.svg) Omogu?uje izradu aplikacija za vi?e platformi odjednom
  • 16. ?to su C#, XAML, HTML5, CSS3? drag and drop,upravljanje pomo?u tipkovnice,canvas reprodukcije videa na stranicama bez kori?tenja Adobe flasha ili Microsoftovog silverlighta
  • 17. ?to su C#, XAML, HTML5, CSS3? CSS3 Cascade Style Sheet- stilski jezik Odre?uje izgled i format bilo kojeg dokumenta pisanog u markup jeziku= oblikovanje HTML-a Ukoliko postoji vi?e pravila za neki element, u obzir se uzima ono ve?eg prioriteta
  • 18. ?to su C#, XAML, HTML5, CSS3? Zaobljeni rubovi, Transparentnost i Offset outline
  • 19. Konzolna aplikacija Kao ?to ime ka?e odvija se u konzoli (ili terminalu) Nema grafi?ko su?elje (GUI), za rad se koristi samo tipkovnica Uglavnom se koristi kao potprogram za aplikaciju koja se izvr?ava Vrlo su ?male¡± (najvi?e par MB) Ljudi ih ?esto brkaju sa DOS-om
  • 20. DEMO
  • 21. WPF aplikacija Windows Presentation Foundation Aplikacija koja ujedinjuje korisni?ko su?elje, medije i dokumente u jednu cjelinu Mo?e biti samostalna desktop aplikacija ili dio nekog browsera Uvodi rad sa XAML-om, 2D i 3D grafikom, vektorskom grafikom, animacijom, tekstom, dokumentom, medijima, dokumentima,¡­
  • 22. DEMO
  • 23. Web aplikacija ASP.NET ¨C web framework za web site-ove i web aplikacije Aplikacija koju nije potrebno instalirati na ra?unalo korisnika Pristupa joj se putem browsera Za kori?tenje web aplikacije nije potrebno dodatno predznanje
  • 24. ASP.NET ASP.NET ¨C web framework za web stranice i web aplikacije ASP .NET je Microsoft okru?enje u okviru .NET platforme koje se mo?e koristiti za razvoj: ? web mjesta, ? Web aplikacija, ? XML web usluga. Budu?i da se kao i ostali dijelovi .NET platforme temelji na zajedni?kom CLR-u ( Common Language Runtime) njegov programski kod mo?e se pisati u bilo kojem .NET jezik
  • 25. MVC ASP.NET model, view (pogled) i controller (kontroler) Korisnik Kontroler ModelView Korisni?ko ime i lozinka Programska strukutra Baza podataka Korisni?ko su?elje
  • 27. DEMO
  • 28. Windows ModernUI (Windows Store) C#/XAML, ili VB.NET/XAML ili HTML5/CSS3/JavaScript Aplikacije pisane za ra?unala i tablete sa Windows 8 (x86, x64, RT) Obilje?ava ju specifi?an ModernUI dizajn (poznat i kao Metro) Mo?e ih se na?i (i kupiti ako nisu besplatne) na Windows Store-u
  • 29. Windows Phone C#/XAML, ili VB.NET/XAML Aplikacije pisane za smartphone sa Windows Phone 8 OS Obilje?ava ju specifi?an ModernUI dizajn (poznat i kao Metro) Jedinstven dizajn u cijelom ekosustavu (desktop, tablet, mobilni telefon) Najbr?e rastu?a mobilna platforma, 3. na svijetu po udjelu tr?i?ta
  • 30. Consumer Store Coverage: Over 180 countries 120+ new 180+ 123 31
  • 31. Developer: Over 180 countries 140+ new 38 Countries Windows Phone 7.x 180+ Countries Windows Phone 8.0
  • 32. DEMO
  • 34. Materijali ? http://windows.microsoft.com/sr-latn- cs/windows-8/all-about-apps. ? http://www.crokec.net/windows-store/ ? http://channel9.msdn.com/ ? http://www.w3schools.com/aspnet ? http://www.youtube.com/watch?v=BtzyYso5rgI ? microsoftvirtualacademy.com