Wiki EM2 - User contributions [en]

Mobile instrukcije

2022-10-01T13:33:45Z

Em2WikiAdmin:

== React Native ==

=== Udemy račun za učenje ===
Link: <nowiki>https://www.udemy.com/</nowiki>

E-mail: '''kico206@gmail.com'''

Lozinka: '''password'''

TODO

Back-end instrukcije

2022-10-01T13:28:00Z

Em2WikiAdmin:

== Spring Boot aplikacija ==

Spring Initialzr (https://start.spring.io/)

- Online tool za stvaranje Spring Boot aplikacije sa svim potrebnim bibliotekama koje će biti unutar projekta

- Potrebne biblioteke za zadatak:

1. '''Web''' – library s klasama za RESTful aplikacije

2. '''Spring Security''' – library za upravljanje autorizacijom, pristupima itd...

3. '''JPA''' – persistence library (Hibernate ORM)

4. '''MySQL/Psql Driver''' – ako ćete koristiti MySql/Postgres bazu onda treba i taj driver dodati

5. '''Liquibase/Flyway migration''' (po želji) - migracije za bazu

6. '''Lombok''' - annotation-based getteri, setteri, builderi, itd. za klase

- Stisnete Generate i dobijete gotov projekt s gotovom arhitekturom koji se samo otvori u

'''intelliJ-u''' (link za preuzimanje '''Community''' verzije: https://www.jetbrains.com/idea/download/#section=windows) ili nekom drugom IDE-u (Spring Tool Suite)

=== Primjer strukture za jednostavnije aplikacije: ===
[[File:Arhitektura Spring Boot aplikacije.png|left|frameless]]

=== Udemy račun za učenje ===
Link: https://www.udemy.com/

E-mail: '''kico206@gmail.com'''

Lozinka: '''password'''

Tečaj se zove: '''Learn Spring Boot in 100 steps'''

To je dovoljno dobar tečaj kako bi se upoznali sa Spring Bootom i njegovim mogućnostima.

Mi najviše koristimo stvari iz Section 5, Section 6 i Section 7. Ali nije se loše upoznati ni s

nekim osnovama (sekcija 1 i 2).
=== Linkovi za učenje ===
- '''Baeldung''' – vrlo koristan izvor, jako dobro sve objašnjeno

https://www.baeldung.com/rest-with-spring-series

'''1.''' '''Spring Boot REST Controllers''' - https://www.baeldung.com/building-a-restful-web-service-with-spring-and-java-based-configuration

- zanemariti testove...

'''2. Error handling in Spring Boot''' - https://www.baeldung.com/exception-handling-for-rest-with-spring (Solution 3)

'''3. Handlanje @RequestBody''' - https://www.baeldung.com/spring-request-response-body

'''4. Java Persistence'''

- https://www.baeldung.com/persistence-with-spring-series

- https://www.baeldung.com/the-persistence-layer-with-spring-data-jpa

- https://www.baeldung.com/spring-data-java-8

- https://www.baeldung.com/spring-data-annotations

- https://www.baeldung.com/spring-boot-h2-database

- https://www.baeldung.com/jpa-entity-table-names

'''5. Basic Security''' - https://www.baeldung.com/spring-security-basic-authentication

'''6. Validation''' - https://www.baeldung.com/spring-boot-bean-validation

=== Dodatne poveznice i alati: ===

# '''Postman''' - aplikacija za kreiranje REST (Http) zahtjeva na poslužitelj koji ćete kreirati: https://www.postman.com/
# '''DBeaver''' - aplikacija za upravljanje bazama podataka: https://dbeaver.io/
# '''Postgres''' - Postgres baza podataka: https://www.postgresql.org/
#

=== Tim ===
U bilo kojem trenutku možete kontaktirati članove tima za konzultacije, pomoć ili savjet.

Popis članova tima i njihov e-mail možete pronaći '''[[Teams|ovdje.]]'''

Također svi članovi tima će biti dostupni i na '''Slacku.'''

=== Što se očekuje od vas? ===
Aktivni i samostalni pristup zadacima. Potruditi se sami doći do rješenja problema, ako ne uspijete, u svakom trenutku se možete obratiti ostalim članovima tima.

Ako mislite da nešto može bolje, ne ustručavajte se prokomentirati to s kolegama.

Ukoliko postoje stvari koje nisu jasne, bolje je pitati nego ispravljati kod.
== ZADATAK ==
Kreirajte REST servis koji korisniku omogućuje upravljanje svojim (virtualnim) bankovnim računima.

Korisnik može stvoriti novi račun, dodati određenu količinu sredstava na račun, prenijeti sredstva na drugi račun (koji može, a i ne mora biti njegov) te obrisati račun.

Korisnik može imati nekoliko računa.

Podaci o korisniku i računu mogu biti proizvoljni.

Stvoriti konekciju na proizvoljnu bazu podataka te ju koristiti za spremanje podataka.

Na proizvoljan način obaviti autentifikaciju (najlakše In Memory Authentication) korisnika koristeći Spring Security.

Back-end instrukcije

2022-10-01T12:31:08Z

Em2WikiAdmin:

== Spring Boot aplikacija ==

Spring Initialzr (https://start.spring.io/)

- Online tool za stvaranje Spring Boot aplikacije sa svim potrebnim bibliotekama koje će biti unutar projekta

- Potrebne biblioteke za zadatak:

1. '''Web''' – library s klasama za RESTful aplikacije

2. '''Spring Security''' – library za upravljanje autorizacijom, pristupima itd...

3. '''JPA''' – persistence library (Hibernate ORM)

4. '''MySQL/Psql Driver''' – ako ćete koristiti MySql/Postgres bazu onda treba i taj driver dodati

<u>Opcionalno (ali korisno)</u>

5. '''Liquibase/Flyway migration''' (po želji) - migracije za bazu

6. '''Lombok''' - annotation-based getteri, setteri, builderi, itd. za klase

- Stisnete Generate i dobijete gotov projekt s gotovom arhitekturom koji se samo otvori u

'''intelliJ-u''' (link za preuzimanje '''Community''' verzije: https://www.jetbrains.com/idea/download/#section=windows) ili nekom drugom IDE-u (Spring Tool Suite)

=== Struktura za jednostavnije aplikacije (poput ovog zadatka): ===
[[File:Arhitektura Spring Boot aplikacije.png|left|frameless]]

=== Linkovi za učenje ===
- '''Baeldung''' – vrlo koristan izvor, jako dobro sve objašnjeno

https://www.baeldung.com/rest-with-spring-series

'''1.''' '''Spring Boot REST Controllers''' - https://www.baeldung.com/building-a-restful-web-service-with-spring-and-java-based-configuration

- zanemariti testove...

'''2. Error handling in Spring Boot''' - https://www.baeldung.com/exception-handling-for-rest-with-spring (Solution 3)

'''3. Handlanje @RequestBody''' - https://www.baeldung.com/spring-request-response-body

'''4. Java Persistence'''

- https://www.baeldung.com/persistence-with-spring-series

- https://www.baeldung.com/the-persistence-layer-with-spring-data-jpa

- https://www.baeldung.com/spring-data-java-8

- https://www.baeldung.com/spring-data-annotations

- https://www.baeldung.com/spring-boot-h2-database

- https://www.baeldung.com/jpa-entity-table-names

'''5. Basic Security''' - https://www.baeldung.com/spring-security-basic-authentication

'''6. Validation''' - https://www.baeldung.com/spring-boot-bean-validation

=== Udemy račun za učenje ===
Link: https://www.udemy.com/

E-mail: '''kico206@gmail.com'''

Lozinka: '''password'''

Tečaj se zove: '''Learn Spring Boot in 100 steps'''

To je dovoljno dobar tečaj kako bi se upoznali sa Spring Boot-om i njegovim mogućnostima.

Mi najviše koristimo stvari iz Section 5, Section 6 i Section 7. Ali nije se loše upoznati ni s

nekim osnovama (sekcija 1 i 2).

=== Dodatne poveznice i alati: ===

# '''Postman''' - aplikacija za kreiranje REST (Http) zahtjeva na poslužitelj koji ćete kreirati: https://www.postman.com/
# '''DBeaver''' - aplikacija za upravljanje bazama podataka: https://dbeaver.io/
# '''Postgres''' - Postgres baza podataka: https://www.postgresql.org/
#

=== Tim ===
U bilo kojem trenutku možete kontaktirati članove tima za konzultacije, pomoć ili savjet.

Popis članova tima i njihov e-mail možete pronaći '''[[Teams|ovdje.]]'''

Također svi članovi tima će biti dostupni i na '''Slacku.'''

=== Što se očekuje od vas? ===
Aktivni i samostalni pristup zadacima. Potruditi se sami doći do rješenja problema, ako ne uspijete, u svakom trenutku se možete obratiti ostalim članovima tima.

Ako mislite da nešto može bolje, ne ustručavajte se prokomentirati to s kolegama.

Ukoliko postoje stvari koje nisu jasne, bolje je pitati nego ispravljati kod.

== ZADATAK ==
Kreirajte REST servis koji korisniku omogućuje upravljanje svojim (virtualnim) bankovnim računima.

Korisnik može stvoriti novi račun, dodati određenu količinu sredstava na račun, prenijeti sredstva na drugi račun (koji može, a i ne mora biti njegov) te obrisati račun.

Korisnik može imati nekoliko računa.

Podaci o korisniku i računu mogu biti proizvoljni.

Stvoriti konekciju na proizvoljnu bazu podataka te ju koristiti za spremanje podataka.

Na proizvoljan način obaviti autentifikaciju (najlakše In Memory Authentication) korisnika koristeći Spring Security.

Mobile instrukcije

2022-10-01T12:06:59Z

Em2WikiAdmin: Created blank page

Teams

2022-10-01T11:55:43Z

Em2WikiAdmin:

== Backend ==
[mailto:kristijan.stefancic@em2.hr Kristijan Štefančić] - Lead developer & CEO

[mailto:dominik.andelic@em2.hr Dominik Anđelić] - Backend & mobile developer

[mailto:dominik.zivcic@em2.hr Dominik Živčić] - Junior backend developer

== Frontend ==
[mailto:hrvoje.tomljenovic@em2.hr Hrvoje Tomljenović] - Frontend developer

== Mobile ==
[mailto:josip.pejic@em2.hr Josip Pejić] - Junior mobile developer

Instrukcije za praktikante

2022-09-30T06:32:45Z

Em2WikiAdmin: Update

Kako bi započeli s radom potrebno vam je nekoliko stvari:

=== 1. Službeni e-mail ===
Svakom od vas je kreiran službeni e-mail u formatu (umjesto znakova '''č,ć,ž,š i đ''' koristiti '''c,z,s i d'''):

'''ime.prezime@em2.hr'''

Početna zaporka će biti:

'''ime.prezime'''

Pošto bi zaporka mogla biti poznata svakome, ne bi bilo loše da ju odmah promijenite kako netko ne bi pristupao vašem mailu.

Pristup na službeni email: https://em2.hr:2096/

=== 2. Slack ===
Slack je interni komunikacijski kanal preko kojega možete kontaktirati članove tima.

Kako bi se prijavili na Slack, registrirajte se sa '''službenim mailom''' na: [https://em2-solutions.slack.com em2-solutions.slack.com]

=== 3. Gitlab ===
Na '''službeni mail''' vam je poslan link za Gitlab grupu koju ćete koristiti za praksu.

Unutar nje ćemo kreirati projekte na kojima ćete raditi.

Prvi zadatak će se rješavati pojedinačno.

Nakon svakog push-a se javiti članu tima za pregled koda.

Instrukcije za korištenje Git-a možete pronaći na Wiki stranici: [[Git manual]]

=== 4. Tehnologija i instrukcije za korištenje ===
Tehnologije i instrukcije za '''back-end''' developere možete potražiti na sljedećoj poveznici: [[Back-end instrukcije]]

Tehnologije i instrukcije za '''front-end''' developere možete potražiti na sljedećoj poveznici: [[Front-end instrukcije]]

Chrome CORS

2022-03-22T07:12:19Z

Em2WikiAdmin: Created page with "Prilikom razvoja aplikacije ukoliko imamo probleme s CORS-om u Google Chrome-u možemo ga pokrenuti u načinu rada s isključenim sigurnosnim postavkama. Da bi to učinili na..."

Prilikom razvoja aplikacije ukoliko imamo probleme s CORS-om u Google Chrome-u možemo ga pokrenuti u načinu rada s isključenim sigurnosnim postavkama.

Da bi to učinili na tipkovnici pritisnemo "Win" + "R" i u Run prozor koji se otvorio zalijepimo sljedeću naredbu:
chrome.exe --user-data-dir="C://Chrome dev session" --disable-web-security

Way Of Working

2022-03-22T07:09:17Z

Em2WikiAdmin:

[[Git manual]]

[[Angular Setup]]

Jira

Docker

[[Adobe XD]]

[[XAMP]]

[[Visual Studio Code]]

[[Swagger]]

[[Chrome CORS]]

Swagger

2022-02-28T13:56:44Z

Em2WikiAdmin:

== Koraci za automatsko generiranje API-ja za angular ==

=== Instalacija - ===
*Prvo u projekt instaliramo openapi generator naredbom:

npm i @openapitools/openapi-generator-cli --save-dev

* Zatim u package.json u skripte treba dodati skriptu:
"scripts": {
"ng": "ng",
//other scripts...
"generate-client-sdk": "generate-client.bat"
},

* Kreiramo novi bat file u folderu projekta sa nazivom generate-client.bat koji izgleda ovako;

@echo off
cd src
cd app
if exist api-client ( rmdir /s /q api-client && mkdir api-client) else ( mkdir api-client )
openapi-generator-cli generate -i "backend URL here without quotes" -g typescript-angular -o api-client --additional-properties ngVersion=11.2.13
Treba paziti da se umjesto "backend URL without quotes here" unese url backenda.

Također obratite pažnju na zadnji property, ngVersion. Tu biramo verziju angulara za koju trebamo endpointe.

* Kada prvi put generiramo uz pomoć komande za korištenje dolje, potrebno je importati ApiModule i BASE_PATH u app.module te dodati provider kao što je prikazano:

//other imports...
import { ApiModule } from './api-client/api.module';
import { BASE_PATH } from './api-client/variables';

@NgModule({
declarations: [
//...
],
imports: [
//...
ApiModule
],
providers: [
{provide: BASE_PATH, useValue: 'backend url here'}
Važno je dodati backend url, ovdje ide unutar navodnih znakova.

=== Korištenje - ===

* Pokrenemo naredbu:

npm run generate-client-sdk
Svi fajlovi sa swaggera su generirani u datoteci src/app/api-client.

Swagger

2022-02-28T12:15:49Z

Em2WikiAdmin:

== Koraci za automatsko generiranje API-ja za angular ==

=== Instalacija - ===
*Prvo u projekt instaliramo openapi generator naredbom:

npm i @openapitools/openapi-generator-cli --save-dev

* Zatim u package.json u skripte treba dodati skriptu:
"scripts": {
"ng": "ng",
//other scripts...
"generate-client-sdk": "cd src && cd app && rmdir /s /q api-client && mkdir api-client && openapi-generator-cli generate -i "backend url without quotes here" -g typescript-angular -o api-client --additional-properties ngVersion=11.2.13"
},
Treba paziti da se umjesto "backend url without quotes here" unese url backenda.

Također obratite pažnju na zadnji property, ngVersion. Tu biramo verziju angulara za koju trebamo endpointe.

* Kada prvi put generiramo uz pomoć komande za korištenje dolje, potrebno je importati ApiModule i BASE_PATH u app.module te dodati provider kao što je prikazano:

//other imports...
import { ApiModule } from './api-client/api.module';
import { BASE_PATH } from './api-client/variables';

@NgModule({
declarations: [
//...
],
imports: [
//...
ApiModule
],
providers: [
{provide: BASE_PATH, useValue: 'backend url here'}
Važno je dodati backend url, ovdje ide unutar navodnih znakova.

=== Korištenje - ===

* Pokrenemo naredbu:

npm run generate-client-sdk
Svi fajlovi sa swaggera su generirani u datoteci src/app/api-client.

Swagger

2022-02-28T12:01:43Z

Em2WikiAdmin: /* Koraci za automatsko generiranje API-ja za angular */

Swagger

2022-02-28T11:54:46Z

Em2WikiAdmin: Created page with "=== Koraci za automatsko generiranje API-ja za angular === * Prvo u projekt instaliramo openapi generator naredbom: npm i @openapitools/openapi-generator-cli --save-dev *..."

=== Koraci za automatsko generiranje API-ja za angular ===

* Prvo u projekt instaliramo openapi generator naredbom:

npm i @openapitools/openapi-generator-cli --save-dev

* Zatim u package.json u skripte treba dodati skriptu:

Way Of Working

2022-02-28T11:45:44Z

Em2WikiAdmin:

[[Git manual]]

[[Angular Setup]]

Jira

Docker

[[Adobe XD]]

[[XAMP]]

[[Visual Studio Code]]

[[Swagger]]

Angular Setup

2022-01-27T09:13:21Z

Em2WikiAdmin:

Za pokretanje Angular aplikacija na računalu potrebno je postaviti nekoliko stvari objašnjenih u nastavku.

== Instalacija Node.js-a ==
Skinuti LTS paket s https://nodejs.org/en/ i pokrenuti instalaciju. Nakon instalacije provjeriti da su node i npm dostupni iz terminala (da su dodani u PATH).

== Instalacija Angular CLI ==
Pokrenuti naredbu
npm install -g @angular/cli
Nakon toga povući projekt s GIT-a (pogledati GIT upute) ili kreirati novi projekt s naredbom
ng new my-app
Ukoliko je projekt povučen sa GIT-a potrebno je pokrenuti naredbu
npm install

== Pokretanje Angular projekta ==
Pokrenuti naredbu
ng serve -o

== Eslint setup ==
TODO

== Prettier setup ==
TODO

== Stil pisanja koda ==
Službeni IDE koji koristimo je Visual Studio Code te je potrebno instalirati sljedeći skup ekstanezija:

https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials

Nakon toga postaviti korištenje ikona instaliranih sa tim skupom ekstenzija.

Way Of Working

2022-01-27T08:51:09Z

Em2WikiAdmin:

[[Git manual]]

[[Angular Setup]]

Jira

Docker

[[Adobe XD]]

[[XAMP]]

[[Visual Studio Code]]

Front-end instrukcije

2022-01-24T11:06:50Z

Em2WikiAdmin:

Prije početka razvijanja zadatka iz Angulara ukoliko je potrebno možete proći kroz osnove HTML-a, CSS-a i JavaScript-a.

== Tutorijal osnova HTML-a i CSS-a ==
https://www.youtube.com/watch?v=qz0aGYrrlhU

== Tutorijal osnova JavaScript-a ==
https://www.youtube.com/watch?v=W6NZfCO5SIk

== Osnove teorije Angular2+ i usporedba sa AngularJS-om ==
Ovdje možete pronaći objašnjene osnovne pojmove vezane za Angular te koja je razlika između AngularJS-a i Angular 2+:

https://www.interviewbit.com/angular-interview-questions/

== Upoznavanje sa Angular2+ ==
Kroz ovaj tutorijal ćete se ukratko upoznati sa osnovnim funkcijama Angulara:

https://angular.io/start?fbclid=IwAR0YRF04DmYC3HPfoyS5uyAXJX_BeCZS09nrUCspz7q9gEkbvOJCAL3OhU8

== Tour of Heroes tutorijal za Angular2+ ==
U ovom tutorijalu ćete proći detaljnije funkcije Angulara te za spremanje ovog zadatka koristite Git platformu.

https://angular.io/tutorial?fbclid=IwAR2NtsDD0xRB-Yp7DRi32jXk-P2FuzZhReyAOZYcVXPwDwSjmcF075Ta15c

== Bootstrap tutorijal ==
Dodatno možete proći bootstrap tutorijal da bi se upoznali sa jednim od najpoznatijih frameworka za CSS.

https://www.youtube.com/watch?v=4sosXZsdy-s

==Tim==
U bilo kojem trenutku možete kontaktirati članove tima za konzultacije, pomoć ili savjet.

Popis članova tima i njihov e-mail možete pronaći '''[https://wiki.em2.hr/index.php/Teams ovdje.]'''

Također svi članovi tima će biti dostupni i na '''Slacku.'''
==Što se očekuje od vas?==
Aktivni i samostalni pristup zadacima. Potruditi se sami doći do rješenja problema, ako ne uspijete, u svakom trenutku se možete obratiti ostalim članovima tima.

Ako mislite da nešto može bolje, ne ustručavajte se prokomentirati to s kolegama.

Ukoliko postoje stvari koje nisu jasne, bolje je pitati nego ispravljati kod.

Front-end instrukcije

2022-01-24T11:04:07Z

Em2WikiAdmin:

Front-end instrukcije

2022-01-24T11:00:47Z

Em2WikiAdmin: Created page with "Prije početka razvijanja zadatka iz Angulara ukoliko je potrebno možete proći kroz osnove HTML-a, CSS-a i JavaScript-a. == Tutorijal osnova HTML-a i CSS-a == https://www.y..."

Instrukcije za praktikante

2022-01-24T08:35:22Z

Em2WikiAdmin: Added some links

Kako bi započeli s radom potrebno vam je nekoliko stvari:

=== 1. Službeni e-mail ===
Svakom od vas je kreiran službeni e-mail u formatu (umjesto znakova '''č,ć,ž,š i đ''' koristiti '''c,z,s i d'''):

'''ime.prezime@em2.hr'''

Početna zaporka će biti:

'''ime.prezime'''

Pošto bi zaporka mogla biti poznata svakome, ne bi bilo loše da ju odmah promijenite kako netko ne bi pristupao vašem mailu.

=== 2. Slack ===
Slack je interni komunikacijski kanal preko kojega možete kontaktirati članove tima.

Kako bi se prijavili na Slack, registrirajte se sa '''službenim mailom''' na: [https://em2-solutions.slack.com em2-solutions.slack.com]

=== 3. Gitlab ===
Na '''službeni mail''' vam je poslan link za Gitlab grupu koju ćete koristiti za praksu.

Unutar nje ćemo kreirati projekte na kojima ćete raditi.

Prvi zadatak će se rješavati pojedinačno i to na način da ćete u projektu '''Pojedinačni zadaci''' (https://gitlab.com/p5585/pojedinacni-zadaci) napraviti branch i novu mapu sa svojim imenom i prezimenom te sve promjene pushati na taj branch.

Nakon svakog push-a se javiti članu tima za pregled koda.

Instrukcije za korištenje Git-a možete pronaći na Wiki stranici: [[Git manual]]

=== 4. Tehnologija i instrukcije za korištenje ===
Tehnologije i instrukcije za '''back-end''' developere možete potražiti na sljedećoj poveznici: [[Back-end instrukcije]]

Tehnologije i instrukcije za '''front-end''' developere možete potražiti na sljedećoj poveznici: [[Front-end instrukcije]]

Main Page

2022-01-24T08:34:54Z

Em2WikiAdmin: Changed

=== [[Instrukcije za praktikante|'''Instrukcije za praktikante''']] ===

Ostali linkovi:
* '''[[Instructions for new employees]]'''
* '''[[Way Of Working]]'''

Back-end instrukcije

2022-01-24T08:33:59Z

Em2WikiAdmin: Added Team and expectations

== Spring Boot aplikacija ==

Spring Initialzr (https://start.spring.io/)

- Online tool za stvaranje Spring Boot aplikacije sa svim potrebnim bibliotekama koje će biti unutar projekta

- Potrebne biblioteke za zadatak:

1. '''Web''' – library s klasama za RESTful aplikacije

2. '''Spring Security''' – library za upravljanje autorizacijom, pristupima itd...

3. '''JPA''' – persistence library (ORM)

4. '''MySQL/Psql Driver''' – ako ćete koristiti MySql/Postgres bazu onda treba i taj driver dodati

- Stisnete Generate i dobijete gotov projekt s gotovom arhitekturom koji se samo otvori u

'''intelliJ-u''' (link za preuzimanje '''Community''' verzije: https://www.jetbrains.com/idea/download/#section=windows) ili nekom drugom IDE-u (Spring Tool Suite)

=== Struktura za jednostavnije aplikacije (poput ovog zadatka): ===
[[File:Arhitektura Spring Boot aplikacije.png|left|frameless]]

=== Linkovi za učenje ===
- '''Baeldung''' – vrlo koristan izvor, jako dobro sve objašnjeno

https://www.baeldung.com/rest-with-spring-series

'''1.''' '''Spring Boot REST Controllers''' - https://www.baeldung.com/building-a-restful-web-service-with-spring-and-java-based-configuration

- zanemariti testove...

'''2. Error handling in Spring Boot''' - https://www.baeldung.com/exception-handling-for-rest-with-spring (Solution 3)

'''3. Handlanje @RequestBody''' - https://www.baeldung.com/spring-request-response-body

'''4. Java Persistence'''

- https://www.baeldung.com/persistence-with-spring-series

- https://www.baeldung.com/the-persistence-layer-with-spring-data-jpa

- https://www.baeldung.com/spring-data-java-8

- https://www.baeldung.com/spring-data-annotations

- https://www.baeldung.com/spring-boot-h2-database

- https://www.baeldung.com/jpa-entity-table-names

'''5. Basic Security''' - https://www.baeldung.com/spring-security-basic-authentication

'''6. Validation''' - https://www.baeldung.com/spring-boot-bean-validation

=== Udemy račun za učenje ===
Link: https://www.udemy.com/

E-mail: '''kico206@gmail.com'''

Lozinka: '''password'''

Tečaj se zove: '''Learn Spring Boot in 100 steps'''

To je dovoljno dobar tečaj kako bi se upoznali sa Spring Boot-om i njegovim mogućnostima.

Mi najviše koristimo stvari iz Section 5, Section 6 i Section 7. Ali nije se loše upoznati ni s

nekim osnovama (sekcija 1 i 2).

=== Dodatne poveznice i alati: ===

# '''Postman''' - aplikacija za kreiranje REST (Http) zahtjeva na poslužitelj koji ćete kreirati: https://www.postman.com/
# '''DBeaver''' - aplikacija za upravljanje bazama podataka: https://dbeaver.io/
# '''Postgres''' - Postgres baza podataka: https://www.postgresql.org/
#

=== Tim ===
U bilo kojem trenutku možete kontaktirati članove tima za konzultacije, pomoć ili savjet.

Popis članova tima i njihov e-mail možete pronaći '''[[Teams|ovdje.]]'''

Također svi članovi tima će biti dostupni i na '''Slacku.'''

=== Što se očekuje od vas? ===
Aktivni i samostalni pristup zadacima. Potruditi se sami doći do rješenja problema, ako ne uspijete, u svakom trenutku se možete obratiti ostalim članovima tima.

Ako mislite da nešto može bolje, ne ustručavajte se prokomentirati to s kolegama.

Ukoliko postoje stvari koje nisu jasne, bolje je pitati nego ispravljati kod.

== ZADATAK ==
Kreirajte REST servis koji korisniku omogućuje upravljanje svojim (virtualnim) bankovnim računima.

Korisnik može stvoriti novi račun, dodati određenu količinu sredstava na račun, prenijeti sredstva na drugi račun (koji može, a i ne mora biti njegov) te obrisati račun.

Korisnik može imati nekoliko računa.

Podaci o korisniku i računu mogu biti proizvoljni.

Stvoriti konekciju na proizvoljnu bazu podataka te ju koristiti za spremanje podataka.

Na proizvoljan način obaviti autentifikaciju (najlakše In Memory Authentication) korisnika koristeći Spring Security.

Back-end instrukcije

2022-01-24T08:27:38Z

Em2WikiAdmin: Added everything

== Spring Boot aplikacija ==

Spring Initialzr (https://start.spring.io/)

- Online tool za stvaranje Spring Boot aplikacije sa svim potrebnim bibliotekama koje će biti unutar projekta

- Potrebne biblioteke za zadatak:

1. '''Web''' – library s klasama za RESTful aplikacije

2. '''Spring Security''' – library za upravljanje autorizacijom, pristupima itd...

3. '''JPA''' – persistence library (ORM)

4. '''MySQL/Psql Driver''' – ako ćete koristiti MySql/Postgres bazu onda treba i taj driver dodati

- Stisnete Generate i dobijete gotov projekt s gotovom arhitekturom koji se samo otvori u

'''intelliJ-u''' (link za preuzimanje '''Community''' verzije: https://www.jetbrains.com/idea/download/#section=windows) ili nekom drugom IDE-u (Spring Tool Suite)

=== Struktura za jednostavnije aplikacije (poput ovog zadatka): ===
[[File:Arhitektura Spring Boot aplikacije.png|left|frameless]]

=== Linkovi za učenje ===
- '''Baeldung''' – vrlo koristan izvor, jako dobro sve objašnjeno

https://www.baeldung.com/rest-with-spring-series

'''1.''' '''Spring Boot REST Controllers''' - https://www.baeldung.com/building-a-restful-web-service-with-spring-and-java-based-configuration

- zanemariti testove...

'''2. Error handling in Spring Boot''' - https://www.baeldung.com/exception-handling-for-rest-with-spring (Solution 3)

'''3. Handlanje @RequestBody''' - https://www.baeldung.com/spring-request-response-body

'''4. Java Persistence'''

- https://www.baeldung.com/persistence-with-spring-series

- https://www.baeldung.com/the-persistence-layer-with-spring-data-jpa

- https://www.baeldung.com/spring-data-java-8

- https://www.baeldung.com/spring-data-annotations

- https://www.baeldung.com/spring-boot-h2-database

- https://www.baeldung.com/jpa-entity-table-names

'''5. Basic Security''' - https://www.baeldung.com/spring-security-basic-authentication

'''6. Validation''' - https://www.baeldung.com/spring-boot-bean-validation

=== Udemy račun za učenje ===
Link: https://www.udemy.com/

E-mail: '''kico206@gmail.com'''

Lozinka: '''password'''

Tečaj se zove: '''Learn Spring Boot in 100 steps'''

To je dovoljno dobar tečaj kako bi se upoznali sa Spring Boot-om i njegovim mogućnostima.

Mi najviše koristimo stvari iz Section 5, Section 6 i Section 7. Ali nije se loše upoznati ni s

nekim osnovama (sekcija 1 i 2).

=== Dodatne poveznice i alati: ===

# '''Postman''' - aplikacija za kreiranje REST (Http) zahtjeva na poslužitelj koji ćete kreirati: https://www.postman.com/
# '''DBeaver''' - aplikacija za upravljanje bazama podataka: https://dbeaver.io/
# '''Postgres''' - Postgres baza podataka: https://www.postgresql.org/

=== Tim ===
U bilo kojem trenutku možete kontaktirati članove tima za konzultacije, pomoć ili savjet.

Popis članova tima i njihov e-mail možete pronaći '''[[Teams|ovdje.]]'''

Također svi članovi tima će biti dostupni i na '''Slacku.'''

== ZADATAK ==
Kreirajte REST servis koji korisniku omogućuje upravljanje svojim (virtualnim) bankovnim računima.

Korisnik može stvoriti novi račun, dodati određenu količinu sredstava na račun, prenijeti sredstva na drugi račun (koji može, a i ne mora biti njegov) te obrisati račun.

Korisnik može imati nekoliko računa.

Podaci o korisniku i računu mogu biti proizvoljni.

Stvoriti konekciju na proizvoljnu bazu podataka te ju koristiti za spremanje podataka.

Na proizvoljan način obaviti autentifikaciju (najlakše In Memory Authentication) korisnika koristeći Spring Security.

File:Arhitektura Spring Boot aplikacije.png

2022-01-24T08:01:47Z

Em2WikiAdmin:

Arhitektura projekta

Instrukcije za praktikante

2022-01-24T07:26:58Z

Em2WikiAdmin:

Main Page

2022-01-24T07:26:24Z

Em2WikiAdmin:

* '''[[Instructions for new employees]]'''
* '''[[Way Of Working]]'''
*[[Instrukcije za praktikante|'''Instrukcije za praktikante''']]

MediaWiki:Sidebar

2022-01-24T07:25:51Z

Em2WikiAdmin:

* navigation
** mainpage|mainpage-description
** Projects|Projects
** Teams|Teams
* TOOLBOX

Instrukcije za praktikante

2022-01-24T07:25:00Z

Em2WikiAdmin: Created page with "Kako bi započeli s radom potrebno vam je nekoliko stvari: === 1. Službeni e-mail === Svakom od vas je kreiran službeni e-mail u formatu (umjesto znakova '''č,ć,ž i š''..."

Kako bi započeli s radom potrebno vam je nekoliko stvari:

=== 1. Službeni e-mail ===
Svakom od vas je kreiran službeni e-mail u formatu (umjesto znakova '''č,ć,ž i š''' koristiti '''c,z,s'''):

'''ime.prezime@em2.hr'''

Početna zaporka će biti:

'''ime.prezime'''

Pošto je zaporka svima jednaka, ne bi bilo loše da ju odmah promijenite kako netko ne bi pristupao vašem mailu.

=== 1. Slack ===
Slack je interni komunikacijski kanal preko kojega možete kontaktirati članove tima.

Kako bi se prijavili na Slack, zatražite pristup na: [https://em2-solutions.slack.com em2-solutions.slack.com]

Main Page

2022-01-24T07:09:47Z

Em2WikiAdmin: Added link

* '''[[Instructions for new employees]]'''
* '''[[Way Of Working]]'''
*[[Instrukcije za praktikante]]

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]

Teams

2022-01-24T06:57:21Z

Em2WikiAdmin: Added mails

== Backend ==
Kristijan Štefančić - Lead developer

e-mail: kristijan.stefancic@em2.hr

== Frontend ==
Luka Ruškan - Lead developer

e-mail: luka.ruskan@em2.hr

Kristian Madžarević - Junior developer

e-mail: kristian.madzarevic@em2.hr

Projects

2022-01-24T06:51:12Z

Em2WikiAdmin: Removed walter from Project list

* '''[[Apparel Meister]]'''
* '''[[EcoGofer]]'''
*[[EM2 Manager|'''EM2 Manager''']]
*'''[[EM2.hr]]'''
*'''[[ESPGHAN]]'''

XAMP

2022-01-18T11:26:52Z

Em2WikiAdmin: Created page with "XAMP program se koristi za lokalni development vanilla JS i PHP projekata za njihovo serviranje te nudi MySQL lokalnu bazu podataka. == Instalacija == Potrebno je skinuti naj..."

XAMP program se koristi za lokalni development vanilla JS i PHP projekata za njihovo serviranje te nudi MySQL lokalnu bazu podataka.

== Instalacija ==
Potrebno je skinuti najnoviju verziju programa sa [https://www.apachefriends.org/index.html linka] i pratiti korake u instaleru.

Instalirati program u C:\

== Kreiranje projekta ==
Unutar direktorija C:\xamp\htdocs kreirati direktorij sa nazivom projekta.

Unutar kreiranog direktorija kreirati index.html

Nakon toga potrebno je pokrenuti XAMP program te pokrenuti Apache i MySQL servise unutar istoga.

Nakon uspješnog pokretanja projektu se može pristupiti u browseru na adresi: <nowiki>http://localhost/ime_direktorija_projekta</nowiki>

== Pristupanje projektu sa mobilnog uređaja ==
Da bi ovo bilo moguće potrebno je konfigurirati XAMP na sljedeći način:

1. Unutar XAMP kontrolnog panela kliknuti na Apache > Config > Apache (httpd.conf)

2. Unutar datoteke locirajte '''ServerName localhost:80''' i zamjenite sa svojom lokalnom ip adresom '''ip:80''' (ex.192.168.1.156:80)

3. Nakon toga otvorite Apache > Config > Apache (httpd-xampp.conf)

4. Unutar datoteke locirajte:
<Directory "C:/xampp/phpMyAdmin">
AllowOverride AuthConfig
Require local
ErrorDocument 403 /error/XAMPP_FORBIDDEN.html.var
</Directory>
Potrebno je zamjeniti '''Require local''' sa '''Require all granted'''

5. Ponovno pokrenite XAMP.

6. Sada možete pristupiti svom projektu sa mobilnog telefona na ip adresi računala na kojem je XAMP: '''ip:80/ime_direktorija_projekta''' (ex.192.168.1.156:80/ime_direktorija_projekta)

Way Of Working

2022-01-18T11:07:40Z

Em2WikiAdmin:

[[Git manual]]

[[Angular Setup]]

Jira

Docker

[[Adobe XD]]

[[XAMP]]

Teams

2021-10-20T13:25:00Z

Em2WikiAdmin: /* Frontend */

== Backend ==
Kristijan Štefančić - Lead developer

== Frontend ==
Luka Ruškan - Lead developer

Kristian Madžarević - Junior developer

Teams

2021-10-20T13:06:03Z

Em2WikiAdmin: /* Frontend */

== Backend ==
Kristijan Štefančić - Lead developer

== Frontend ==
Luka Ruškan - Lead developer

Kristian Madžarević - mid developer

ESPGHAN

2021-10-20T12:57:54Z

Em2WikiAdmin:

'''Opis'''

Stranica na kojoj zdravstvena organizacija zvana ESPGHAN pruža mogućnost korištenja naprednih alata u svrhu lakše i brže dijagnoze mnogih zdravstvenih problema. Korisnici mogu istraživati o bolestima a mogu i unositi vlastite podatke kako bi saznali imaju li određenu zdravstvenu tegobu.

'''Git repo'''

https://gitlab.com/EM2Solutions/espghan

Hosted links

DEMO:

https://espghan-testing.tk.em2.hr/

LIVE:

http://espghan.info/

EM2.hr

2021-10-20T12:57:03Z

Em2WikiAdmin:

'''Opis'''

Naša službena stranica na kojoj se može saznati više o nama, našim projektima i kojim se tehnologijama bavimo.

'''Git repo'''

https://gitlab.com/EM2Solutions/em2-website

Hosted link

https://em2.hr/

EM2 Manager

2021-10-20T12:56:47Z

Em2WikiAdmin:

'''Opis'''

Stranica za pregled i upravljanje svim našim projektima te statističkim analizama istih. Prikazuje koliko klijenata ima na kojem projektu, i mnoge druge korisne podatke, o korisnicima, aplikacijama ( projektima ), klijentima itd. Stranica je pravljena u Angularu.

'''Git repo'''

https://gitlab.com/EM2Solutions/em2-manager-client

'''BackEnd URL'''

http://18.196.100.155:9090/

'''Swager'''

http://18.196.100.155:9090/swagger-ui/index.html?configUrl=/v3/api-docs/swagger-config

EcoGofer

2021-10-20T12:56:16Z

Em2WikiAdmin: Created page with "'''Opis''' Sustav za dostave koji omogućuje klijentima da sami ponude svoje usluge dostave, te tako korisnici naše platforme mogu lakše pronaći dostavu koja odgovara njih..."

'''Opis'''

Sustav za dostave koji omogućuje klijentima da sami ponude svoje usluge dostave, te tako korisnici naše platforme mogu lakše pronaći dostavu koja odgovara njihovim potrebama. Svatko se može pridružiti EcoGoferu, sve što je potrebno za početak je registracija, bicikl i smartphone za aplikaciju, te pretraga za dostavama može početi.

Apparel Meister

2021-10-20T12:55:53Z

Em2WikiAdmin:

'''Opis'''

POS (Point of sale) management aplikacija koja omogućuje vrlo brzo i vrlo jednostavno praćenje svih informacija koje su potrebne za menadžment cijelog trgovačkog sustava, a i kako bi kupci bili bolje usluženi. Sama aplikacija je na oblaku, što znači ekstremno laku implementaciju na bilo koji uređaj koji podržava Internet pretražitelje.

'''Git repo'''

https://gitlab.com/EM2Solutions/invendi-pos

'''Jira board'''

https://em2-solutions.atlassian.net/browse/POS

'''Hosted links'''

http://apparel-meister.em2.hr/

https://www.apparelmeister.com/

'''BackEnd URL'''

https://3.127.231.42:9090/

'''Swager'''

Apparel Meister

2021-10-20T12:55:30Z

Em2WikiAdmin:

'''Apparel Meister'''

POS (Point of sale) management aplikacija koja omogućuje vrlo brzo i vrlo jednostavno praćenje svih informacija koje su potrebne za menadžment cijelog trgovačkog sustava, a i kako bi kupci bili bolje usluženi. Sama aplikacija je na oblaku, što znači ekstremno laku implementaciju na bilo koji uređaj koji podržava Internet pretražitelje.

'''Git repo'''

https://gitlab.com/EM2Solutions/invendi-pos

'''Jira board'''

https://em2-solutions.atlassian.net/browse/POS

'''Hosted links'''

http://apparel-meister.em2.hr/

https://www.apparelmeister.com/

'''BackEnd URL'''

https://3.127.231.42:9090/

'''Swager'''

Walter

2021-10-20T12:54:06Z

Em2WikiAdmin:

'''Opis'''

Aplikacija u dva dijela, „STAFF“ i „CUSTOMER“. Customer služi za naručivanje u kafićima, restoranima a uskoro i hotelima. Frontend je odrađen u Angularu, i to mu omogućuje da vrlo brzo i kvalitetno funkcionira, uz lake izmjene i dodatke. Customer dio projekta osmišljen je da bi olakšao naručivanje, ali i da bi korisnici imali mogućnost poziva osoblja u slučaju da ne žele naručiti ili ih konobar nije još poslužio.

Staff služi kako bi klijenti (Vlasnici kafića, restorana i uskoro i hotela, konobari i ostalo osoblje) mogli vidjeti narudžbe, uređivati postavke lokala, meni, zaposlenike i sl.

'''Git repo'''

Staff: https://gitlab.com/EM2Solutions/qr-order-staff

Customer: https://gitlab.com/EM2Solutions/qr-order-customer

'''Jira board'''

https://em2-solutions.atlassian.net/browse/QC

'''Hosted links'''

DEMO:

Staff: https://manage.swiftservice.em2.hr/

Customer: https://app.swiftservice.em2.hr/

Info: https://swiftservice.em2.hr/

Staff: https://manage.walterserve.app/

Customer: https://walterserve.app/

Info: https://info.walterserve.app/

'''BackEnd URL'''

https://18.196.100.155:8443

'''Swager'''

https://18.196.100.155:8443/swagger-ui/index.html?configUrl=/v3/api-docs/swagger-config

Adobe XD

2021-10-12T11:12:02Z

Em2WikiAdmin: Created page with "Adobe XD je program za vektorsko crtanje dizajna mobilnih i web aplikacija. Potrebno je registrirati se na probnu verziju sa službenim email-om i preuzeti ga [https://www.a..."

Adobe XD je program za vektorsko crtanje dizajna mobilnih i web aplikacija.

Potrebno je registrirati se na probnu verziju sa službenim email-om i preuzeti ga [https://www.adobe.com/products/xd.html ovdje].

Teams

2021-10-12T11:07:19Z

Em2WikiAdmin: Created page with "== Backend == Kristijan Štefančić - Lead developer == Frontend == Luka Ruškan - Lead developer Kristian Madžarević"

== Backend ==
Kristijan Štefančić - Lead developer

== Frontend ==
Luka Ruškan - Lead developer

Kristian Madžarević

Way Of Working

2021-10-12T11:03:58Z

Em2WikiAdmin:

[[Git manual]]

[[Angular Setup]]

Jira

Docker

[[Adobe XD]]

Instructions for new employees

2021-10-12T11:02:54Z

Em2WikiAdmin:

== Aplikacije ==
'''Email'''

Nakon što Vam je kreiran službeni mail možete mu pristuputi na linku:

https://em2.hr/webmail

Poželjno ga je povezati sa osobnim G-mail sustavom radi backup-a-

Na službeni mail dolaze bitne obavijesti te ga je potrebno pratiti.

Službeni potpis za mail možete preuzeti [https://wiki.em2.hr/em2-signature/EM2_potpis.html ovdje].

'''Slack'''

Interni komunikacijski kanal. Koristi se za komunikaciju unutar timova te između pojedinih zaposlenika.

Za login koristite službeni mail i lozinku. Ukoliko nemate pristup zatražite ga od administratora.

'''Git'''

Za spremanje i verzioniranje projekata koristimo git. Link do aplikacije je:

https://gitlab.com/EM2Solutions

Upute za korištenje git-a su na Wiki stranicama.

'''Jira'''

Za praćenje taskova koristimo Jiru. Link do aplikacije:

https://em2-solutions.atlassian.net/jira/projects

Za login koristite službeni mail i lozinku. Ukoliko nemate pristup zatražite ga od administratora.

'''Wiki'''

Razne upute, linkovi i način rada držimo na wiki stranici. Za login koristite username i password koji Vam je dodjeljen. Ukoliko nemate pristup zatražite ga od administratora.

Angular Setup

2021-10-11T13:51:22Z

Em2WikiAdmin: Created page with "Za pokretanje Angular aplikacija na računalu potrebno je postaviti nekoliko stvari objašnjenih u nastavku. == Instalacija Node.js-a == Skinuti LTS paket s https://nodejs.or..."

Way Of Working

2021-10-11T13:40:37Z

Em2WikiAdmin:

[[Git manual]]

[[Angular Setup]]

Jira

Docker

Apparel Meister

2021-10-07T13:21:54Z

Em2WikiAdmin: Created page with "'''Git repo''' https://gitlab.com/EM2Solutions/invendi-pos '''Jira board''' https://em2-solutions.atlassian.net/browse/POS '''Hosted links''' http://apparel-meister.em2..."

'''Git repo'''

https://gitlab.com/EM2Solutions/invendi-pos

'''Jira board'''

https://em2-solutions.atlassian.net/browse/POS

'''Hosted links'''

http://apparel-meister.em2.hr/

https://www.apparelmeister.com/

'''BackEnd URL'''

https://3.127.231.42:9090/

'''Swager'''

EM2 Manager

2021-10-07T13:17:52Z

Em2WikiAdmin: Created page with "'''Git repo''' https://gitlab.com/EM2Solutions/em2-manager-client '''BackEnd URL''' http://18.196.100.155:9090/ '''Swager''' http://18.196.100.155:9090/swagger-ui/index..."

'''Git repo'''

https://gitlab.com/EM2Solutions/em2-manager-client

'''BackEnd URL'''

http://18.196.100.155:9090/

'''Swager'''

http://18.196.100.155:9090/swagger-ui/index.html?configUrl=/v3/api-docs/swagger-config

EM2.hr

2021-10-07T13:15:37Z

Em2WikiAdmin: Created page with "'''Git repo''' https://gitlab.com/EM2Solutions/em2-website Hosted link https://em2.hr/"

'''Git repo'''

https://gitlab.com/EM2Solutions/em2-website

Hosted link

https://em2.hr/