Reaaliaikaisen Twitter-syöteseinän rakentaminen: Tee-se-itse-projekti tapahtumien näyttöihin

Opi luomaan mukautettava, reaaliaikainen Twitter-syöteseinä, joka sopii täydellisesti tapahtumiin ja projektorinäyttöihin, inspiroituneena Twistorista ja rakennettu jQueryllä.

Avoimen lähdekoodin harrastajana ja itsenäisenä kehittäjänä etsin aina tapoja yhdistää sosiaalinen media tosielämän sovelluksiin. Tänään olen innoissani jakaessani projektin, joka tekee juuri sen: tee-se-itse Twitter-syöteseinän, joka sopii täydellisesti tapahtumiin, konferensseihin ja mihin tahansa tilanteeseen, jossa haluat näyttää live-sosiaalisen median sisältöä isolla näytöllä.

Inspiraatio ja tarkoitus

Twistorin tyylikkäästä suunnittelusta inspiroituneena päätin luoda joustavamman työkalun, joka mahdollistaisi kenelle tahansa yksinkertaisen, automaattisesti päivittyvän seinän pystyttämisen, johon ihmiset voivat julkaista sisältöä reaaliajassa. Tämä projekti syntyi erityisestä tarpeesta Proto.in -tapahtumaa varten, mutta ymmärsin nopeasti sen potentiaalin laajempiin sovelluksiin.

Tekniset yksityiskohdat

Seinä on rakennettu käyttäen:

  • jQueryä sujuvaan DOM-manipulointiin
  • Mukautettua JavaScript-jonottamiskirjastoa syötepäivitysten hallintaan

Itseään JavaScript-noviisiksi kutsuvana pidin suunnittelun yksinkertaisena, keskittyen toiminnallisuuteen. Heitän kuitenkin haasteen kaikille JavaScript-velhoisille: lisätkää ihmeessä siirtymäefektien taikaa tehdäksenne siitä vieläkin visuaalisesti houkuttelevamman!

Miten se toimii

  1. Työkalu hakee twiittejä reaaliajassa määritettyjen kriteerien perusteella (hashtagit, käyttäjänimet jne.)
  2. Uudet twiitit lisätään jonoon
  3. Näyttö päivittyy säännöllisin väliajoin, näyttäen uusimman sisällön
  4. Seinä päivittyy automaattisesti, varmistaen sisällön pysymisen ajankohtaisena

Miksi tämä on tärkeää

Aikakaudella, jolloin sosiaalisen median sitoutuminen on ratkaisevan tärkeää tapahtumille, live Twitter-seinällä voi:

  • Lisätä yleisön osallistumista
  • Tarjota reaaliaikaista palautetta
  • Luoda yhteisöllisyyden tunnetta osallistujien keskuudessa
  • Tarjota sponsoreille lisänäkyvyyttä

Osallistu

Olen tehnyt täydellisen lähdekoodin saataville kenen tahansa käytettäväksi, muokattavaksi ja parannettavaksi. Vaikka minulla ei ole ollut aikaa kirjoittaa laajaa dokumentaatiota (pahoitteluni!), uskon koodin olevan tarpeeksi suoraviivaista kehittäjien ymmärtää ja rakentaa sen päälle.

Katso demo ja lähdekoodi täältä (Linkki lisätään)

Toimintakehotus

Suunnitteletko tapahtumaa tai työskenteletkö projektissa, joka voisi hyötyä reaaliaikaisesta sosiaalisen median näytöstä? Kokeile tätä työkalua ja kerro minulle, miten se toimii sinulle. Olen aina avoin yhteistyölle ja haluaisin nähdä, miten muut mukauttavat ja parantavat tätä projektia.

Muista, avoimen lähdekoodin kauneus on sen yhteisössä. Joten, käytätpä sitä, parannatpa sitä tai sinulla on vain kysymyksiä, älä epäröi ottaa yhteyttä. Rakennetaan jotain mahtavaa yhdessä!

Writing about the internet