Ndërtimi i një bisede (chat) 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ë ose kod për t'i shtuar Adalo-s një bisedë (chat). Një mesazh është një pjesë e vogël e të dhënave me autor dhe orë, ndaj një chat është në të vërtetë një listë mesazhesh, me më të riun në fund dhe me një kuti për të shtuar mesazhin tjetër. Sapo e sheh kështu, mund ta ndërtosh me tri idetë që njeh tashmë: një koleksion për t'i 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ë udhëtimesh, çdo udhëtim përveç atyre që i krijoi vetë përdoruesi i kyçur. Kur prek një udhëtim, hapet ekrani i detajeve, ku sheh udhëtimin dhe njerëzit në grupin e udhëtarëve. Mungon 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ë prekin 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 funksionon, por dy përmirësime të vogla e bëjnë të duket i përfunduar dhe të dyja ripërdorin mjete nga mësimet e mëparshme.

Së pari, shfaqi mesazhet e tua veç nga ato të të tjerëve. Dukshmërinë me kushte e ke hasur te mësimi për të dhënat nga përdoruesit: te rreshti i mesazhit, zgjidh një komponent dhe cakto që të jetë i dukshëm vetëm kur Sender është i barabartë me Logged In User. Stiloje atë version të rreshtuar në të djathtë dhe versionin tjetër në të majtë; kështu biseda 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?