1. Softversko inženjerstvo 1
Visual Studio 2015
Softversko inženjerstvo 1

2. Microsoft Visual Studio 2015
Microsoft Visual Studio 2015 predstavlja integrisano radno okruženje za razvoj softverskih aplikacija
Pokretanje okruženja: Start → All Programs →Microsoft Visual Studio 2015 →Microsoft Visual Studio 2015

3. Kreiranje projekta
Da bi se kreirao novi projekat iz menija treba odabrati File → New → Project
U prozoru Installed Templates bira se Visual C#, a u centralnom prozoru biramo Windows Forms Application
U polju Name upisuje se ime novog projekta: Test

4. Kreiranje projekta
Na ovaj način je kreiran novi projekat Test

5. Visual C# IDE
Prednost Visual Studio IDE-a je u tome što predstavlja odličnu početnu tačku za kreiranje aplikacija.
On se može predstaviti kao napredni fajl editor.
IDE automatski radi uvlačenje koda, menja boju ključnih reči, uparuje zagrade i čak predlaže koja bi sledeća reč mogla biti.

6. Visual C# IDE
Razvojno okruženje kod čuva kao niz fajlova i foldera na operativnom sistemu.
Ovaj kod se može prekopirati u novi folder i otvoriti i sve će biti tu: forme, resursi, kod, kao i sve ostalo što je dodato u projekat.
Svi fajlovi programa se pakuju u solution (rešenje) tako što se kreira solution fajl (ekstenzija sln) i folder koji će sadržati sve ostale fajlove programa.

7. C# i .NET Framework
C# je samo jezik kojem je za izvršavanje potrebna podrška. Upravo tu dolazi .NET framework.
Dugmići, meni, liste predstavljaju delove .NET framework-a. On poseduje alate za crtanje grafike, čitanje i upisivanje u fajlove, upravljanje kolekcijama, kao i razne druge alate za poslove koje programer obavlja svakodnevno.
Alati u .NET framework-u su podeljeni u namespace- ove (prostori imena). Da bi uključili određene alate iz .NET framework-a, na početku fajla se pomoću reči using dodaje potrebni namespace.
Npr. u namespace-u System.Windows.Forms se nalaze dugmići, čekboksevi, forme, ...

8. Kompajliranje koda
Kada se iz menija izabere Build → Build Solution (F6 ili Ctrl+Shift+B), razvojno okruženje kompajlira program pomoću kompajlera.
To je alat koji čita kod programa i pretvara ga u izvršni fajl.
Izvršni fajl koji se kreira ima ekstenziju .exe.
Prilikom bildovanja programa, izvršni fajl se kreira u bin/Debug folderu u okviru foldera gde se nalazi i aplikacija.

9. Debagiranje koda
Ako se iz menija odabere Debug → Start Debugging, razvojno okruženje će kompajlirati program i pokrenuti izvršni fajl.
Ovakvo pokretanje programa omogućava napredne alate pomoću kojih je moguće zaustaviti izvršavanje programa u određenim mestima, kako bi se videlo šta se dešava u kodu.
Moguće je izvršavanje koda naredbu po naredbu

10. CLR
Kada se pokrene program, on se izvršava na operativnom sistemu (Windows). Međutim između Windows-a i programa postoji dodatni sloj koji se zove Common Language Runtime (CLR).
Nekada je programiranje bilo dosta teže jer su programeri morali da razmišljaju o hardveru i programiranju na mnogo nižem nivou organizacije računara.
Programeri nisu mogli da znaju kako će neko organizovati sopstveni računar. CLR koji se često predstavlja kao virtuelna mašina, radi određena posredovanja između hardvera i programa.

11. Meni bar
Komande za upravljanje razvojnim okruženjem, kao i za razvoj, održavanje i izvršavanje programa se nalaze u menijima koji se nalaze u meni baru.
Izgled meni bara zavisi od toga šta se trenutno radi u razvojnom okruženju.
Meni sadrži grupe srodnih komandi, koje kada se selektuju, nalažu IDE-u da izvrši određenu akciju (otvori prozor, sačuva fajl, pokrene program, ...).

12. Navigacija kroz Visual C# 2015
Prozori koji se najčešće koriste prilikom razvoja C# aplikacija su:
Solution Explorer
Properties
Toolbox

13. Solution Explorer
Solution Explorer omogućava pristup ka svim fajlovima u projektima.
Projekat koji se pokreće se naziva Startup projekat. Ako postoji više projekata u datom solution-u, može se odabrati startni projekat tako što se desnim tasterom miša kliknuti na njega i iz menija koji se otvori odabere Set as StartUp Project.
Za solution koji ima samo jedan projekat u sebi, startni projekat je i jedini projekat.

14. Solution Explorer
Ukoliko ovaj prozor nije prikazan, iz menija se bira View → Solution Explorer.

15. Toolbox
Toolbox sadrži ikone koje predstavljaju kontrole koje se koriste da bi prilagodili formu.
Koristeći vizuelno programiranje moguće je prevlačiti kontrole na formu (drag and drop) što je jednostavnije i brže nego da se kreiraju pomoću GUI koda.
Korišćenje postojećih kontrola čuva vreme i novac kada se razvija neka aplikacija.
Toolbox sadrži grupe srodnih kontrola. On sadrži preko 65 predefinisanih kontrola koje se mogu koristiti u Visual Studio-u.

16. Toolbox
Ukoliko ovaj prozor nije prikazan iz menija se bira View → Toolbox

17. Properties
Properties prozor prikazuje osobine trenutno selektovane forme, kontrole ili fajla u dizajn pogledu.
On prikazuje informacije o formi ili kontroli kao što su veličina, boja, pozicija, ...
Svaka forma ili kontrola ima svoj skup osobina.
Opis osobine je prikazan pri dnu prozora kad god se neka osobina selektuje.

18. Properties
Ukoliko ovaj prozor nije prikazan treba iz menija odabrati View → Properties Window

19. Automatski kreirani fajlovi
Čim se kreira novi projekat Windows aplikacije, razvojno okruženje kreira Form1.cs, Form1.Designer.cs i Program.cs fajlove.
Ovi fajlovi su kreirani iz predefinisanog šablona koji sadrži osnovni kod za kreiranje i prikazivanje forme
Form1.cs - sadrži C# kod koji definiše ponašanje forme
Form1.Designer.cs - sadrži kod koji definiše formu i objekte na njoj
Program.cs - sadrži kod koji pokreće program i prikazuje formu

20. Dodavanje kontrola
Dodavanje kontrola i kreiranje korisničkog interfejsa u Visual Studio-u je veoma lako.
Da bi se dodalo dugme na formu potrebno je kliknuti na Toolbox koji se nalazi sa leve strane i u njemu odabrati Button.
Klikom na formu ova kontrolu se dodaje na nju.
IDE je dodao novi kod u fajl Form1.Designer.cs.
Svaki put kada se promeni neka osobina kontrole na formi, IDE zapisuje izmene u fajl Form1.Designer.cs

21. Kreiranje aplikacije
Kreirati aplikaciju koja kao ulaz prima podatke o imenu i prezimenu studenta, smeru koji je student upisao, godini studija na kojoj je student trenutno, datum rođenja studenta i pol studenta. Ove podatke ispisati kao poruku u novom prozoru.

22. Kreiranje aplikacije
Pošto su nam poznati podaci koje treba da uzmemo od korisnika aplikacije, prvo ćemo kreirati korisničku formu.
Za potrebe forme koristićemo sledeće komponente:
labele
tekstualna polja
kombo polje
kontrolu za upravljanje datumom
radio dugme
dugme

23. Kreiranje aplikacije
Prvi korak je dodavanje jedne labele (Label) na formu.
Da bi promenili osobine labele, potrebno je da kliknemo levim tasterom miša na nju, a zatim u njenom prozoru Properties nađemo osobinu Text i dodelimo joj vrednost "Ime studenta". Osobinu Name ćemo postaviti na lblStudentName.

24. Kreiranje aplikacije

25. Kreiranje aplikacije
Sledeći korak je dodavanje tekstualnog polja (TextBox) iz Toolbox-a.
Ovo polje ćemo dodati desno od labele lblStudentName.
Osobine tekstualnog polja takođe menjamo iz njegove stranice sa osobinama.
Osobinu Name ćemo postaviti na txtFirstName.

26. Kreiranje aplikacije

27. Kreiranje aplikacije
Isti postupak ćemo ponoviti za još dve labele i još dva tekstualna polja.
Imena labela su lblLastName i lblCourse, a njihove osobine Text su respektivno "Prezime" i "Smer".
Imena tekstualnih polja su txtLastName i txtCourse.

28. Kreiranje aplikacije

29. Kreiranje aplikacije
Nakon ovoga ćemo dodati još jednu labelu čije će ime biti lblYearOfStudy a čijoj je osobini Text dodeljena vrednost "Godina studija" i jedno kombo polje (ComboBox) čiju ćemo osobinu Name postaviti na cbxYearOfStudy.

30. Kreiranje aplikacije

31. Kreiranje aplikacije
Nakon ovoga ćemo dodati jednu kontrolu za upravljanje datumom (DateTimePicker) i labelu.
Osobine labele ćemo postaviti tako da je ime lblDateOfBirth a tekst "Datum rodjenja".
Osobine komponente za datum ćemo postaviti na sledeći način: Format → Custom; CustomFormat → dd.MM.yyyy; Name → dtDateOfBirth.

32. Kreiranje aplikacije

33. Kreiranje aplikacije
Posle kontrole za upravljanje datum dodajemo radio kontrolu (RadioButton) koja omogućava da se izabere jedna od ponuđenih opcija i jednu labelu.
Osobine labele ćemo postaviti na sledeći način: Name → lblGender; Text → Pol.
Osobine radio kontrole ćemo postaviti na sledeći način: Name → rbMale; Text → Muski; Checked → True.
Osobine druge radio kontrole ćemo postaviti na sledeći način: Name → rbFemale; Text → Zenski.

34. Kreiranje aplikacije

35. Kreiranje aplikacije Poslednji korak je dodavanje dugmeta (Button).
Njegove osobine ćemo postaviti na sledeći način: Name → btnShow; Text → Prikazi.
Pored ovoga možemo promeniti i naslov forme tako što ćemo kliknuti na formu i podesiti sledeću opciju: Text → Podaci o studentu

36. Kreiranje aplikacije

37. Kreiranje aplikacije
Kada smo dodali sve kontrole na formu potrebno je dodati funkcionalnost.
Da bi povezali dugme sa događajem klika potrebno je da dvokliknemo levim tasterom miša na samo dugme.
Nakon toga se prikazuje stranica sa kodom u koju možemo uneti funkcionalnost.
private void btnShow_Click(object sender, EventArgs e) { }

38. Kreiranje aplikacije
private void btnShow_Click(object sender, EventArgs e) {
string firstName = txtFirstName.Text;
string lastName = txtLastName.Text;
string course = txtCourse.Text;
string yearOfStudy = cbxYearOfStudy.SelectedItem.ToString();
int day = dtDateOfBirth.Value.Day;
int month = dtDateOfBirth.Value.Month;
int year = dtDateOfBirth.Value.Year;

39. Kreiranje aplikacije string gender = ""; if (rbMale.Checked) {
gender = rbMale.Text; }
else {
gender = rbFemale.Text;
MessageBox.Show("Student: " + firstName + " " + lastName + "\n" +
"Godina rodjenja: " + year + "\n" +
"Pol: " + gender + "\n" +
"Godina studija: " + yearOfStudy + "\n" +
"Smer: " + course);

40. Kreiranje aplikacije
Da bi se imali podatke u kombo kontroli, u nju dodajemo vrednosti u konstruktoru
public Form1() {
InitializeComponent();
cbxYearOfStudy.Items.Add("prva");
cbxYearOfStudy.Items.Add("druga");
cbxYearOfStudy.Items.Add("treca");
cbxYearOfStudy.Items.Add("cetvrta");
cbxYearOfStudy.SelectedItem = cbxYearOfStudy.Items[0]; }

41. Kreiranje aplikacije
Nakon urađenih izmena možemo pokrenuti aplikaciju. Za pokretanje iz menija izaberemo Debug → Start Debugging.