User Manual - CankayaUniversity/ceng-407-408-2020-2021-Monitoring-System-of-Water-Quality-and-Efficiency-of-Wastewater-Treatment GitHub Wiki

Users enter valid username and password then click the “Giriş Yap” button.

After successful login decision maker users will be landing on the welcome page of the “Veri Görselleştirme” page. User can log out of the system by clicking the “Çıkış” button in the right of the navbar.

User must select the water source type first. As you can see in the above “Akarsu” has been selected. After selecting the water source type, 4 dropdown boxes appear. Users must select each one of them, unless buttons stay disabled.

User selects the location. Options of the “Bölge” are in the selected water source type.

User selects the place. Options of the “Yer” are in the selected location.

User selects the parameter. Options of the “Parametre” are in the selected place.

User selects the year. Options of the “Year” have at least one valid data.


User clicks the button “Bar” or “Çizgi”. After selecting all 4 options, buttons will be clickable.

If the user selects “Hepsi” option from year dropdown box, a graph will be drawn from the earliest to the last data stored.

If the user selects the “Hepsi” option from the parameter dropdown box, button “Tablo” will be clickable to draw table of the selected options.

After the user selects the “Hepsi” option from the parameter dropdown box and clicks the buttons “Bar” or “Çizgi”, multiple bar or line graph will be drawn for each parameter it has.


User clicks the “Dışa Aktar” button to download the graph in png format.

After successful login decision maker users will be landing on the welcome page of the “Veri Girişi” page. User can log out of the system by clicking the “Çıkış” button in the right of the navbar.

User selects the water source type in the navbar. Options of the “Bölge” are in the selected water source type.

User selects the location that already has been in the database.

User selects the place. Options of the “Yer” are in the selected location.

User enters the coordinates, sample code and the year. “Kurallar” button shows information about which values are valid or invalid.

User enters the sample test results.

User clicks the “Gönder” button to send entered data to the database. A successful message showed up that informs user data has been entered to the database. A failed message showed up otherwise.

User enters a valid admin username and password.

Admin can add, change or delete Groups, Users and data information. Admin can log out by clicking the “LOG OUT” button on the top right of the screen.

Admin can add a new group that defines the user type. Admin can search groups name using search bar.

After admin set up the name and permissions, clicks the “SAVE” button on the left bottom of the screen.

After creating the group, the system automatically returns to the list page where all the groups are shown. Clicking the name will lead the admin to the update page.

Admin can change permissions of the group and click “SAVE”. Also admin can delete the group by clicking “Delete” button on the bottom left of the screen.

Admin can add a new User by clicking the “Users” in the left navbar then clicking the “ADD USER” button in the top right of the screen.

Admin enters the required informations and clicks “SAVE”.



After creating the user system automatically returns to the edit page. Admin can change name, e-mail address, groups and permissions of the user with the edit page. Admin can delete the user by clicking “Delete” button.

Admin can add a new location by clicking the “Bölgeler” in the left navbar then clicking the “ADD BÖLGE” button in the top right of the screen. Admin can search locations with location name, place name and date using search bar.

Admin enters the required informations and clicks “SAVE”.

After creating the user, the system automatically returns to the list page where all the locations are shown. Clicking the name will lead the admin to the update page.

Admin can change location name, sample code, place name and coordinates of the location. Admin can delete the location by clicking the “Delete” button.

Admin can add a new value by clicking the “Değerler” in the left navbar then clicking the “ADD DEĞER” button in the top right of the screen. Admin can search datas with location name, place name, parameter and date using search bar.

Admin enters the required informations and clicks “SAVE”.

After creating the data, the system automatically returns to the list page where all the datas are shown. Clicking the name will lead the admin to the update page.

Admin can change parameter, water source stype, location, value and date of the value. Admin can delete the data by clicking the “Delete” button.

Admin can add a new parameter by clicking the “Parametreler” in the left navbar then clicking the “ADD PARAMETRE” button in the top right of the screen. Admin can search parameter names using search bar.

Admin enters the required informations and clicks “SAVE”.

After creating the parameter, the system automatically returns to the list page where all the parameters are shown. Clicking the name will lead the admin to the update page.

Admin can change name, minimum and maximum values of the parameter. Admin can delete the parameter by clicking the “Delete” button.