Ndërtimi i një chat-i pa kod

Çfarë është një chat, dhe pse i duhet një aplikacioni

Një chat është thjesht shkëmbim mesazhesh mes dy a më shumë personave përmes internetit. Të njëjtën fjalë e përdorim edhe për tiparin brenda aplikacionit që u lejon njerëzve ta mbajnë atë bisedë. Pothuajse çdo aplikacion që njerëzit e rihapin e ka një të tillë, sepse biseda është mënyra si një grup bie dakord për çdo gjë.

Nuk të duhet asnjë shtojcë dhe asnjë kod për t'i shtuar chat Adalos. Një mesazh është vetëm një copë e vogël të dhënash me një autor dhe një orë, ndaj një chat në të vërtetë është një listë e atyre copave, e shfaqur me më të riun poshtë, me një kuti për të shtuar edhe një. Sapo e sheh kështu, e ndërton me të tri idetë që i njeh tashmë: një koleksion për të ruajtur të dhënat, një listë për t'i shfaqur, dhe një veprim për t'i shtuar.

Rasti që po ndërtojmë: chat për një udhëtim

Ka disa mënyra për të shtuar chat, dhe më e thjeshta e më e dobishmja është chat-i për diçka që ekziston tashmë në aplikacion. Në aplikacionin Trips që na ka shoqëruar gjithë kursin, ajo diçka është një udhëtim. Të gjithë ata që nisen në të njëjtin udhëtim duan një vend të vetëm ku të merren vesh për detajet, ndaj chat-i i përket udhëtimit.

Përfytyro aplikacionin deri tani. Ekrani kryesor shfaq një listë të udhëtimeve që përdoruesi ka krijuar. Kur trokas mbi një udhëtim, hapet ekrani i detajeve, ku sheh udhëtimin dhe njerëzit në grupin e udhëtarëve. Ajo që mungon është një mënyrë që këta njerëz të flasin me njëri-tjetrin, ndaj pikërisht atë po shtojmë.

Ndërtoje: koleksioni Messages dhe ekrani i chat-it

I gjithë tipari mbështetet mbi një koleksion të ri. Një mesazh duhet të dijë tri gjëra: çfarë u tha, kush e tha, dhe cilit udhëtim i përket. Këto bëhen tri veti.

1. Hap ekranin e detajeve të udhëtimit dhe tërhiq mbi të një buton veprimi. Ky është butoni që njerëzit do të trokasin për të hapur chat-in.
2. Vendos që veprimi i butonit të lidhë me një ekran të ri, dhe quaje atë ekran Trip Chat.
3. Kur Adalo të pyet cilën shabllon të përdorësh, hap kategorinë Miscellaneous dhe zgjidh shabllonin Chat. Ka tashmë të gatshme një listë mesazhesh dhe një kuti shkrimi, ndaj po ndryshon një pikënisje, jo një ekran bosh.
4. Zgjidh listën në ekranin e ri. Adalo pyet se çfarë liste është kjo. Zgjidh të krijosh një koleksion të ri dhe quaje Messages.
5. Në koleksionin Messages, riemërto vetinë e parë në Message Text. Kjo mban fjalët e mesazhit.
6. Shto një veti të dytë të tipit Relationship, që lidhet me koleksionin Users. Kjo shënon kush e dërgoi mesazhin, ndaj quaje lidhjen Sender.
7. Shto një veti të tretë, sërish Relationship, që lidhet me koleksionin Trips. Kjo lidh çdo mesazh me udhëtimin ku u shkrua.

Tani ekrani i chat-it shfaq një listë mesazhesh, por do të shfaqte çdo mesazh të gjithë aplikacionit. Ti do vetëm mesazhet e udhëtimit që përdoruesi sapo hapi.

8. Zgjidh listën e mesazheve dhe shto një filtër: Trip është e barabartë me Current Trip. Ekrani u hap nga një udhëtim i caktuar, ndaj Adalo mund ta kalojë atë udhëtim tutje dhe lista ngushtohet vetëm te mesazhet e tij.

Dërgimi i një mesazhi dhe shfaqja e tij si duhet

Prezantimi ndalon te lista, por një chat që vetëm lexon është gjysmë chat-i. Gjysma tjetër është dërgimi, dhe përdor po atë veprim që e ke përdorur gjithë kursin. Në ekranin Trip Chat shablloni të jep një kuti shkrimi dhe një buton dërgimi afër fundit.

1. Zgjidh butonin e dërgimit dhe shto veprimin Create, drejtuar koleksionit Messages. Kjo krijon një rekord të ri sa herë të trokitet.
2. Për Message Text, zgjidh vlerën në kutinë e shkrimit sipër. Ajo është fjala që përdoruesi sapo shtypi.
3. Për Sender, zgjidh Logged In User. Adalo e di kush ka hyrë, ndaj mesazhi vuloset me autorin e vet vetvetiu.
4. Për Trip, zgjidh Current Trip, po atë udhëtim nga i cili u hap ekrani. Tani mesazhi i ri mban të tria vetitë mbi të cilat filtron lista.
5. Shto një veprim të dytë te i njëjti buton që zbraz kutinë e shkrimit, që kutia të jetë e pastër dhe gati për mesazhin tjetër.

Për shfaqjen, çdo rresht i listës duhet të tregojë tekstin e mesazhit dhe, me shkronja më të vogla, emrin e dërguesit dhe orën, që lexuesi të ndjekë kush çfarë tha. Lidh tekstin e madh me Message Text, lidh një etiketë të vogël me Sender's Name, dhe rendit listën sipas datës së krijimit, që mesazhi më i ri të rrijë poshtë, ashtu si njerëzit e presin një bisedë.

Kaq është një chat i plotë: një koleksion që mban mesazhet, një listë e filtruar që shfaq ato të duhurat, dhe një buton që krijon një rekord të ri dhe zbraz kutinë. Pa kod, vetëm copat që i njeh tashmë të rregulluara për një punë të re.

Bëje të duket si një chat i vërtetë

Chat-i tani punon, por dy prekje të vogla e bëjnë të duket i përfunduar, dhe të dyja ripërdorin mjete nga leksionet e mëparshme.

Së pari, shfaqi mesazhet e tua veç nga ato të të tjerëve. Dukshmërinë me kushte e ke takuar te leksioni i të dhënave nga përdoruesit: te rreshti i mesazhit, merr një komponent dhe cakto që të jetë i dukshëm vetëm ndonjëherë, me kushtin Sender të jetë i barabartë me Logged In User. Stiloje atë version të rreshtuar në të djathtë dhe versionin e thjeshtë në të majtë, dhe biseda befas lexohet si një chat i vërtetë me dy anë.

Së dyti, mendo edhe rastin bosh. Një udhëtim krejt i ri nuk ka mesazhe, dhe një listë bosh duket e prishur në vend që të duket e re. Shto një etiketë teksti që thotë diçka si "Ende pa mesazhe, nise bisedën" dhe cakto që të jetë e dukshme vetëm kur numri i mesazheve është zero.

Do ta shohësh të shpjeguar? Ja leksioni i regjistruar i Code for Albania për këtë temë.

Provo veten

1. Një mesazh në këtë chat mban tri veti. Cilat janë ato, dhe pse ka rëndësi secila?
2. Pa filtrin te hapi 8, çfarë do të shfaqte ekrani i chat-it, dhe pse është e gabuar kjo për një bisedë të një udhëtimi të vetëm?
3. Kur butoni i dërgimit krijon një mesazh, nga vjen secila prej tri vlerave të tij?