Mistral x IT Girls online izazov

U susret Međunarodnom danu djevojčica i djevojaka u IKT-u koji se ove godine obilježava 22. aprila,
Mistral x IT Girls vam donose prvi online izazov

  •  Imaš između 15 – 20 godina,
  • Zanima te IT i voliš izazove?
  • Imaš tim od najviše tri djevojke?
  • Onda je ovo prava prilika za tebe!

Proces učestvovanja u online izazovu je zaista jednostavan:

  • Imaš četiri dana da odgovoriš na sljedeći izazov,
  • pošalješ svoj odgovor u Word formatu na [email protected],
  • navedeš članice svog tima, kao i kontakt podatke,
  • i ukoliko tvoj odgovor bude najbolji – očekuj da ti se javimo u što skorijem periodu.

Pobjednice ćemo pozvati na online druženje 22.04. i ujedno uručiti vrijedne nagrade.

U slučaju dodatnih pitanja vezanih za izazov, obratite nam se na [email protected], za sve ostale informacije pišite nam na [email protected] ili [email protected]

Izazov

Kreiranje virtuelne tastature

Virtualna tastatura može pružiti alternativni mehanizam unosa za korisnike i korisnice sa invaliditetom koji ne mogu koristiti konvencionalnu tastaturu ili za dvojezične ili višejezične korisnike koji se često prebacuju između različitih znakova ili abeceda, što vremenom može biti zbunjujuće.

Da biste završili ovaj projekt, trebat će vam neke vještine poput:

Upute za zadatak

Kreirajte html stranicu koja izgleda poput dolje navedene stranice:

Da biste uspješno završili ovaj projekt, molimo pogledajte kriterije navedene ispod, a po kojim ćemo ocijeniti uspješno obavljen zadatak.

Osnovni kriteriji:

U vašem Code Editoru (Visual Studio, Atom ili bilo koju drugu opciju koju koristite) kreirajte folder rjesenje koji sadrži folder src sa fajlovima index.html, index.css i index.js;

Napomene:

Odgovarajući kod (vaše rješenje) mora biti zapisano u sljedećim fajlovima: index.html, index.css i index.js;

Kada završite vaše rješenje potrebno je da nam pošaljete folder imena rjesenje u kojem se nalazi folder imena src. src mora sadržavati gore spomenute fajlove: index.html, index.css i index.js sa odgovarajućim kodom;

Vaše rješenje QWERTY tastature treba da ima ove odlike:

  • To treba biti potpuno funkcionalna QWERTY tastatura sa podrškom za tipke shift, space, caps lock, enter i backspace. To znači da će korisnici moći kliknuti na slova ili brojeve kako bi ih unijeli kao tekst, ili na neku od iznad navedenih tipki (shift, space, caps lock, enter i backspace) kako bi napravili razmak između slova, novi red, veliko slovo, izbrisali slovo, odnosno da bi se izvršila funkcija koju tipke treba da imaju;
  • QWERTY tastatura mora automatski detektirati elemente koji su kliknuti na tastaturi i prikazati ih u dijelu textarea gdje se prikazuje unešeni tekst, baš kao što je prikazano na slici ispod;

Tastatura treba biti prilagodljivog dizajna, što znači da ako smanjite vaš prozor (window) u kome se nalazi otvorena vaša aplikacija Virtualna tastatura, njene dimenzije se trebaju prilagoditi veličini prozora, baš kao što je prikazano na slici ispod;

  • Budite kreativni s dizajnom tastature, jer će vam to donijeti bonus bodove;
  • Klikom na dugme enter na tastaturi korisnik mora biti u stanju unositi tekst u novom redu;
  • Klikom na dugme shift na tastaturi, korisniku mora biti omogućeno da unese jedno veliko slovo i da nastavi pisati sa malim slovima;
  • Klikom na dugme space, korisnik mora biti u mogućnosti unijeti razmak između slova, odnosno riječi;
  • Klikom na dugme za caps lock korisnik mora biti u mogućnosti da piše tekst velikim slovima sve dok ponovo ne klikne na isto dugme i “ne isključi” ga, tek tada treba biti u mogućnosti da piše malim slovima;
  • Ako je dugme caps lock pritisnuto (“uključeno”) i korisnik pritisne dugme shift u međuvremenu, onda samo prvo slovo na koje klikne nakon dugmeta shift treba da se ispiše velikim slovima, a sva ostala nakon toga se ispisuju malim slovima;
  • Klikom na dugme za back space korisnik mora biti u mogućnosti da briše slova, odnosno brojeve koje je unio na tastaturi;
  • Klikom na dugme za OK na tastaturi, alert[1]  modal mora prikazati sve ono što je do tog trenutka unešeno u textarea (tekstualno područje) na tastaturi, kao što je prikazano na slici ispod;

QWERTY tastatura mora sadržavati sljedeće HMTL elemente:

  • Samo jedan  head element;
  • Samo jedan  body element;
  • head mora biti child  html elementa;
  • body mora biti child  html element;
  • head mora biti “wrapped” oko title elementa, kao na primjer:

<head>

  <title>Page Title</title>

</head>

  • Naslov treba da piše unutar h2 elementa, na primjer ovako: <h2>Virtual Keyboard</h2>;
  • 44  button elementa – 39  za karaktere (slova i brojeve), a ostale za backspace, caps lock, shift, enter and OK dugmiće;
  • Samo jedan  textarea element (element u kome će se prikazivati tekst koji se unese na tastaturi);

Sretno!


Postani IT Girl
Klikni ovdje