SVEUČILIŠTE/UNIVERZITET „VITEZ“ U TRAVNIKU

FAKULTET INFORMACIJSKIH TEHNOLOGIJA

NAPREDNE .NET TEHNOLOGIJE

SEMINARSKI RAD

KREIRANJE LOGIN FORME U C#

STUDENT: Alen Kalaković

BROJ INDEX-A: 119-18/RIT
PROFESOR: Prof.dr. Lazo Roljić
ASISTENT: mr. Marko Grabovac

Travnik, Maj 2020.g

U ovom seminarskom radu prikazat ću vam kreiranje Windows Login Forme u C# povezanu
sa SQL serverom korak po korak.
Nakon što pokrenemo Visual Studio na računaru (2017v. Kod mene) najprije kreiramo
Windows Form Application na sljedeći način:

1. File  New  Project

2. Ctrl+Shf+N
Nako toga odaberemo Visual C# te Windows Form App i kliknemo OK. Dobit ćemo ovo:

Form1 koju smo dobili ćemo izbrisati i dodati novu formu za Login na način da idemo u
Solution explorer, odaberemo LoginApp, desni klik, add new Item, odaberemo Windows
Form kojem ćemo dati naziv frmLogin i kliknem Add.
Dobivamo novu Formu naziva frmLogin. Formi mijenjamo ime u Properties u Login te radimo
još neke sitne promjene u maxsimiziranju i StartPosition. Nakon toga počinjemo da
dodajemo prve kontrole za login. Pozivaju se iz Toolboxa (Ctrl+W,T) koji se inače nalazi na
lijevoj strani. Dodajemo osnovne oblike Login-u kao što su button, label i textbox.
Nakon dodavanja promjenimo imena oblicima koje smo dodali u Properties, malo
dizajniramo, pozicioniramo i na kraju to izgleda ovako:
Sad nam je potrebna nova form-a, koju ćemo nazvati frmMain. Pozivamo je kao i prethodni
Item te mijenjamo naziv u Dashboard kao i u prethodnom slučaju te na kraju imamo ovo:

Nakon što smo kreirali naše forme potrebna nam je Database za našu aplikaciju. Idemo na
Tools te na Connect to Database. Nakon što odaberemo gdje ćemo skladištit naše podatke
dobivamo ovo i završavamo sa OK:
Sada kreiramo Tabelu unutar ove baze podataka na način da proširimo Bazu, idemo na
Tables i desni klik: Add new Table.
Dodajemo loginId kao primarni ključ, username i password kao i Data Type za sve navedeno i
sačuvamo tabelu. To izgleda ovako:

Nakon definiranja podataka u bazu unosimo korisnike i passworde preko Show Table Data:
Zamisao je naime da nakon što korisnik unese username i password ispravno dobije dozvolu
za pristupanje Main formi, a u suprotnom od njega će se tražiti da prekontroliše svoje
podatke.
Sada počinjemo sa kodom gdje Login formi u suštini dajemo naredbe komandama i
povezujemo formu sa Database-om da bi bila korisna. Tačnije radi se na button-ma Login i
Exit koji imaju glavu funkciju u izvršenju.
Nakon kodiranja i davanja naredbi to izgleda ovako:
Prvi blok koda se odnosi na btnLogin koji se veže sa DataBase preko SqlConnection gdje se
preko njega upoređuju polja Username i Password, da li su prazna ili popunjena i sa kakvim
vrijednostima ako već jesu. Ako je sve ispravno unešeno prikazujemo se FrmMain dok se u
suprotnom pojavljuje Messagebox sa porukom „Check your username and password“.
Drugi blok koda odnosi se na btnExit koji ima jednu naredbu a to je da zatvori aplikaciju.

Ako pogledamo još jednom u podacima u tabeli vidjet ćemo da su ispravni podaci za
logovanje:
user1 – zenica123
user2 – vitez321

U zavisnosti od toga moguća je 1 od 2 mogućnosti:

1. Ako su Username i Password pravilno unešeni dobivate direktan pristup Dashboard
formi prilikom pritiskanja button-a Login.
2. Ako su Username ili Password pogrešni dobivate obavještenje u novom prozoru na
kojem piše: Check your username and password.

Program pokrećemo Startom odnosno debuggingom i evo kako to izgleda u stvarnosti..

Scenarij 1. Uspješno uneseni podaci:

Scenarij 2. Pogrešno uneseni podaci:

Posljednju stvar koju ćemo uraditi još jer je poželjno i smatra se standardnom formom jeste
da karakterima textbox-a Password koji unosimo dodijelimo znak * kako bismo prilikom
unošenja passworda bili zaštićeniji od mogućnosti da neko vidi našu lozinku prilikom unosa.
To radimo na način da na dizajnu Login forme kliknemo na textbox od passworda, idemo na
njegov properties i tražimo funkciju PasswordChar koji nam omogućava da znakove koje
unosimo zamjenimo jednim univerzalnim koji ovdje podesimo. Postavit ćemo univerzalni
znak za passworde (*).
Konačni izgled aplikacije izgleda ovako:

U ovom seminarskom radu prikazali smo kreiranje aplikacije za logovanje, tačnije Log Forme
preko C# kojem smo dodali povezivanje sa SQL bazom s ciljem mogućnosti autorizacije
korisnika i dozoljavanju/odbijanju logiranja u zaštićenu Main Formu.
U navedenom smo prikazali kako aplikacija funkcioniše, koje su njene osnovne karakteristike
i koji dijelovi su povezani sa čime, te dokazali da je ovo vrlo uspješan i jednostavan način
kreiranja aplikacije ovoga tipa koja sadrži sve elemente koji su potrebni.