Exerciț Iu de Laborator: Dezvoltarea Interfeț Ei Utilizator
Tradus de
ScribdTranslationsExerciț Iu de Laborator: Dezvoltarea Interfeț Ei Utilizator
Tradus de
ScribdTranslationsIT1906
Exerciț iu de Laborator
Dezvoltarea interfeț ei utilizator
Objectives:
La finalul exerciț iului, studenț ii ar trebui să fie capabili să:
. Identifică diferite kituri de unelte pentru dezvoltarea interfeț ei utilizatorului; ș i
. Selectaț i uneltele ș i cadrele de dezvoltare aplicabile în crearea aplicaț iilor.
Materials:
. Un (1) computer personal cu Snipping preinstalat, cea mai recentă versiune a NetBeans IDE ș i Java
Kit de dezvoltare (JDK) 8
. Conexiune la internet
Instructiuni:
1. Crea ț i un document nou în Microsoft Word cu numele format06LAB_NumeDeFamilie_Prenume(ex.
06LAB_Reyes_Mika). Aceasta va servi ca foaie de răspuns ș i va fi colectată de instructorul dumneavoastră.
2. Deschide Google Chrome ș i conectează-te la contul tău eLMS. Mergi la 06 Dezvoltarea Interfe ț ei Utilizatorului>
06 Demonstrarea 1.
3. Reexamina ț i programul pe care l-a ț i creat în timpul demonstra ț iei ș i răspunde ț i la următoarele întrebări:
a. Pe ce parte specifică a programului erau pachetele [Link] ș i [Link]
folosit? Explica cum. (Eseu: 15 puncte)
[Link]- Pachetul [Link], care este cunoscut pentru proiectarea interfeț elor utilizator, este utilizat în
această secț iune a programului. În această metodă, interfaț a utilizatorului este proiectată în general folosind
[Link] ș i dimensiunea cadrului, alinierea butonului ș i a câmpului de text sunt specificate.
[Link]- JPanels, JFrames, JTextFields ș i JLabels sunt folosite pentru a genera input ș i
obiecte de ieș ire pentru JPanels, JFrames, JTextFields ș i JLabels. JLabels oferă etichete pentru a asista
utilizatorul introduce o adresă IP în câmpul de text, în timp ce JTextFields acț ionează ca un tastatură pentru
utilizatorul să introducă informaț ii. În plus, butoanele J pot fi folosite pentru a salva IP
adrese, acceptaț i input text clar (apasând butonul "clear"), ș i trimiteț i inputul către altele
zonele aplicaț iei (prin apăsarea butonului "ok")
b. În ce parte specifică a programului a fost folosit pachetul [Link]? Explica ț i
cum. (Eseu: 15 puncte)
Clasele btnSubmit, btnClearAll ș i btnOkay ascultă pentru acț iunea "ActonListener" de la
pachetul [Link] atunci când adăugaț i noi funcț ionalităț i la cadrul Java AWT.
În plus, obiectul ActonEvent furnizat celor două funcț ii suprascrise
actonPerformed in both btnClear and btnOkay comes from [Link] package.
4. În conformitate cu conceptul programului pe care l-a ț i creat (un program care generează adrese IP), căuta ț i
cel pu ț in un (1) cadru care poate fi utilizat în crearea aceluia ș i program. Explică cum vei proceda
implementează cadrul. (Eseu: 15 puncte)
Cadru Swing- Frameworkul Swing permite crearea unui program care este în mare măsură
la fel. Datorită sintaxei ș i setului de componente partajate de Swing, Swing poate fi uș or derivat din
Echilibrează-te folosind acelaș i cod.
5. După reexaminarea programului ș i găsirea unui alt cadru potrivit, căuta ț i cel pu ț in cinci (5)
kit-uri de unelte pentru interfaț a utilizatorului (UI) mobile care nu sunt incluse în 06 Foaia de parcurs 1. Oferiț i următoarele
details for each toolkit:
[Link] name (3 puncte)
o Kit de interfaț ă pentru aplicaț ia de comerț electronic Anri Mobile
oElegance iOS UI Kit
Kit de interfa ț ă utilizator oNerdial
oRoutes UI kit pentru iOS
kit-ul UI Auto-Anima ț ie
[Link]/dezvoltator de instrumente(2 puncte)
oAnri Mobil aplica ț ie de comer ț electronic UI Kit - Ghevond Matevosyan
oElegance iOS UI Kit - Dreison Interna ț ional
oKit de UI pentru aplicaț ia Nerdial - Darius Dan
oKitul UI Routes pentru iOS - Beans UI Goods
kit-ul UI Auto-Animate - Howard Pinsky
c. Descriere scurtă a instrumentului (5 puncte)
Kit-ul UI pentru aplica ț ia de comer ț electronic oAnri Mobile - Acest kit oferă instrumente puternice pentru a proiecta e-
aplicaț ii mobile de comerț . Designurile care susț in integrarea
produse, precum ș i un gateway de plată. Interfaț ă liberă ș i curată care permite utilizatorilor să
navigaț i cu uș urinț ă prin produse, faceț i acest kit ș i mai eficient. Dacă căutaț i să
creează-ț i propria ta aplicaț ie mobilă de comerț electronic, atunci kitul mobil Anri este cea mai bună alegere.
Interfeț e ș i instrumente uș or de utilizat pentru a-ț i proiecta propriul magazin mobil.
o Elegance iOS UI Kit - este o platformă de design pentru aplicaț ii de comerț electronic care oferă
12 ecrane frumoase pentru iOS. Pentru a evidenț ia categoriile de îmbrăcăminte ș i retail,
oferă ecrane iOS de înaltă calitate.
oNerdial App UI Kit -incorporează elemente de design contemporan, inclusiv sub ț iri
linii, imagini mari, culori plate, forme translucide ș i icoane evidenț iate. Oferă
designuri responsive ș i forme vectoriale. PSD, un tip de fiș ier care este compatibil cu ambele
Photoshop ș i Sketch pot fi folosite cu acest kit de design. Acesta ar putea fi cel mai bun instrument
accesibil pentru tine dacă cauț i o aplicaț ie pentru a-ț i proiecta următorul proiect folosind
cele mai recente tendinț e de design ș i capabilităț ile Photoshop ș i Sketch.
Kitul UI Routes pentru iOS - Numai dezvoltatorii iOS pot folosi Kitul UI Routes. Ș apte domenii
creaț i kitul de rute. elemente de meniu, profile de utilizator, formulare de înscriere ș i autentificare, sociale
reț ele sociale, achiziț ii online ș i formulare de ghidare. Scopul acestei secț iuni este
to make the onboarding process more adaptable.
Kitul UI Auto-Animate - este cea mai modernă ș i remarcabilă caracteristică a Adobe XD
care facilitează designerilor să creeze micro-integrări, efecte de tragere ș i aș a mai departe. Tu
trebuie să proiectezi simplu starea ta iniț ială ș i starea finală, iar animaț ia automată se va ocupa de aceasta
restul muncii. Te ajută să începi cu un nou fantastc auto-
animate feature. It will progressively make you self-assured in using basic
interacț iuni, exemple de tragere ș i mai multe trucuri de animaț ie interesante. Poț i repede
învaț ă cum să proiectezi experienț e pentru platforme mobile ș i desktop cu o mulț ime de resurse gratuite
biblioteci de elemente preconstruite ș i interacț iuni. De asemenea, include derularea paralax.
ș i stările de animaț ie pentru un site web.
d. Pe baza în ț elegerii tale, cum va ajuta acest instrument dezvoltatorii ș i designerii să creeze un mai bun
interfaț ă utilizator? Citaț i câteva exemple, dacă este posibil. (Eseu: 15 puncte)
Prin oferirea de sugestii ș i multiple prototipuri, aceste kituri de unelte vor ajuta programatorii ș i
designerii creează interfeț e mai bune pentru utilizatori. Studiind diverse kituri UI, ei pot descoperi mai multe
despre care sau cum să dezvoltăm îmbunătăț iri ale interfeț ei utilizatorului.
6. Accesa ț i contul dvs. eLMS. Merge ț i la 06 Dezvoltarea Interfe ț ei Utilizatorilor > 06 Exerci ț iul de Laborator 1
Dropbox. Ataș aț i un fiș ier PDF al foii dumneavoastră de răspuns.
RUBRICA DE NOTARE (Eseu):
Criterii Indicator de performanț ă Puncte
Conț inut Idei corecte, concepte, exemple ș i feedback au fost incluse în eseu. 5
Organizaț ie O idee organizată în general a fost prezentată. 5
Claritate Există o prezentare clară a punctului de vedere al studentului. 5
TOTAL 15
Notă: NU COPIAȚI Ș I NU LIPESC. Toț i studenț ii care copiază ș i lipesc munca lor de pe orice site web sau de la colegii lor vor
a primi automat o notă de nereuș ită pentru acest exerciț iu de laborator
06 Exercitiu de laborator 1 *Proprietate
de STI
Pagina 1 din 1