• Neuralab.Net – digitalna dizajn agencija za Web, Mobilne aplikacije, Socijalne mreže i Cloud hosting
  • Kontaktirajte nas
  • Check out our portfolio in English here
  • Kontaktirajte nas
  • Zapratite nas na Twitteru
  • Lajkamo FB Timeline
  • Pretplatite se na Tumblr blog
  • Search Site

  • O Neuralabu
    • Junaci Neuralab straniceUpoznajte tim i što sve volimo raditi :)
    • Nagrade & FestivaliSim pak tam
    • Mediji o nama (Press kutak)Što je Neuralab / Što je Transmeet.Tv … Najbolje da čujete od drugih :)
    • Partneri i suradniciPartneri i suradnici pri realizaciji IT / Web / Mobile projekata
  • Što radimo
    • Dizajn i korisnička sučeljaKoncepti, Wireframing, Web dizajn, Grafički dizajn, UX / UI, Interaktivni razvoj
    • Web razvoj i programiranjeWeb stranice, Mobilne aplikacije, CMS-ovi, Flash igre, B2B Web sučelja, SEO / SEM, Baze podataka
    • Multimedia, Video & Live streamingVideo produkcija, Live streaming, Animacije, Multimedia, Post-produkcija
    • Socijalne mreže & MarketingVođenje Social kampanja, Facebook Aplikacije, Twitter, Marketing, Content Strategy
    • Cloud HostingWeb Hosting, Google Apps, Integracija Cloud usluga, LAMP, Windows + IIS, Premium Support
  • Mapa radova
    • Web dizajnDizajniranje webova + User eXperience
    • Mobilne aplikacijeRazvoj / Dizajn mobilnih aplikacija
    • Grafički dizajnPrint, Street, Art, Guerrilla
    • Razvoj i programiranjeWeb / Mobilno / Software / Arhitektura
    • Socijalne mrežeFacebok aplikacije, Sadržaj, Upravljanje
    • Interaktivna multimedijaBanneri, Mikro flash Igre, Online DVD…
    • Live streamingLive prijenosi, MultiCam, Encoding
    • VideografijaVideo, Snimanje, Postprodukcija, Produkcija
    • AnimacijeAnimiranje, postprodukcija, 3D
    • Cloud hostingHosting, Cloud, Google Apps

      • Neke od osvojenih nagrada…
  • Blog
    • Dizajn & ArtDizajn, koncepti, korisnička sučelja :)
    • Programiranje & SoftwareProgramiranje, razvoj, baze podataka, aplikacije
    • Mobilne platforme i aplikacijeMobilni razvoj, dizajn i aplikacije
    • Multimedia + VideoLive streaming, video, animacije, produkcija, post.
    • Socijalne mrežeFacebook, Twitter + ostale socijalne mreže
    • Cloud & HostingGoogle apps, Cloud, CDN, Serveri, Web hosting

        • Neuralab po tiskovinama i visokim TV frekvencijama
          Pogledajte presjek medijskog tjedna iz naše radio...
        • Koncert M83 u zagrebačkoj Tvornici Kulture!
          TTv s ponosom objavljuje kako medijskom dekicom po...

      • tumblr follow button

          - Proskenirajte i naš TUMLBR unofficial blog za all-things-l33t-digital

  • Kontaktirajte nas
    • Kontakti & Socijalne mrežeKarte, Facebook, Twitter, Youtube, Emailovi, Adrese, OIB…
    • Česta Pitanja FAQ – EnglishČesto postavljanja pitanja (Samo na engleskom)
      • Česta pitanja FAQ – Email postavke
      • Česta pitanja FAQ Cloud Hosting – English
      • Česta pitanja FAQ Multimedia Video – English
      • Česta pitanja FAQ Programming MySQL MSSQL

You are here: Neuralab – digitalni dizajn i razvoj za web, mobilne aplikacije, socijalne mreže i cloud / Tag: tutorial

Tag Archive for: tutorial

29 Načina kako (p)ostati kreativan [HOW-TO-ANIMIRANA-INFOGRAFIKA]

05 Sep 2011 / 0 Comments / in Design & Art, Multimedia + Video, Social media/by KresimirKoncic
This entry is part 2 of 9 in the series Infografike & Chartovi

Žuto-crveni rujan mjesec je novih projekata, dogovora, pregovora, ugovora…novih izazova te podsjećanja na nedovršene :) Kako ne bi išli kratkoročno-lakšim putem autsorsanja svega i svačega vrijeme je da primite kist u ruke, otpijete gutljaj “Jave” te otvorite staro zaboravljeni moleskine, a to su samo neke od točaka ove odlične animirane infografike! Bottoms up…

 

29 WAYS TO STAY CREATIVE from TO-FU on Vimeo.

Share/Bookmark

Live streaming (Webcast) objašnjeno

10 Apr 2011 / 0 Comments / in Cloud & Hosting, Multimedia + Video/by KresimirKoncic

Iščekivanje, napetost i nestrpljivost…sjedamo pred televizor u dnevnoj sobi ili u lokalnom Cheers-u te pitamo kompanjona – “koliko do početka!?”. “Evo evo sa’će sa’će”…pa ‘dje si ti dosad?” kaže susjed trljajući ruke studiozno nas odmjerujući…

Bilo da se radi o polufinalu svjetskog prvenstva ’98, Ivaniševića u Wimbledonu, slalomu Janice ili dodjeli zlatne kune (po priloženome se vidi u čemu smo jaki :)), jedno je tim događajima zajedničko – počeli su na točno određen datum i u točno određeno vrijeme te ih je u iščekivanju pratilo više tisuća ljudi…na terenu.

Mudri ljudi s televizije, tamo 30-ih godina su se dosjetili prenositi taj doživljaj u već spomenute dnevne sobe i okupljališta…tako se rodio televizijski javni prijenos. Pionir Apple je bio jedan od prvih koji je realizirao Live streaming preko interneta davne 1996. godine na takav način i to na koncertu Metallice.

 

 

 

Sponzori i kompanije su se htjele vezati na ovaj ekskluzivni sadržaj, ljudi su pričali o “prijenosima”, a televizijske kuće su isti najavljivale kao događaje godine. Što se do danas promijenilo? Sa stajališta TV kuća praktički ništa osim prihvaćanja digitalnog spektra. Sa stajališta moderne “web” tehnologije…sve. Tj. promijenila se dostupnost tehnologije potrebne za prijenos slike uživo od mjesta “zločina” do korisnika. Dakle točno to…danas je moguće u vlastitoj produkciji prenijeti sliku uživo do određenog broja korisnika putem interneta. Da li ovdje mislimo na video pozive, virtualne konferencije, video chatove ili streamove događaja? Svakako, no fokusirat ćemo se na ovaj zadnji segment kroz naš poslovno/tehnološki objektiv.

Tehnologija u našim rukama

Povećanjem brzina interneta, neke stvari su jednostavno postale prohodnije. Da li ste primjetili da danas možete gledati web video u Full HD rezoluciji pri brzini od 5-6 Mbps? Šteta je što brzine prijenosa nisu simetrične kod downloada i uploada tj. danas teško de ćete dobiti upload brzinu od 5 Mbps, a upravo ona nam je bitna kod prijenosa uživo (Live streaming-a). Zašto?

Sliku sa kamere je potrebno prenijeti prema korisniku. Dakle potrebno ju je uzvodno slati uz kanal tako da bi ju korisnik mogao nizvodno skidati (gledati) i tu dolazimo do prvog tehnološkog zahtjeva (i po nama najbitnijeg), upload internet veze. Ovo je inženjerski “no brainer” – što više to bolje. Nedavni cfsn Live streaming se prenosio preko 256 Kbps dok smo Kandžiju iz KSET-a prenosili preko 100 Mbps (FER), a razlike u kvaliteti su bile nemjerljive. Veliko ograničenje brzine veze je naravno budžet s kojim raspolažemo jer jedno je koristiti vlastiti ADSL router, a drugo je zakupiti stalni vod koji ima par Megabita propusnost te cijenu od par tisuća kuna.

 

internetSpeedsInfoGraphic 267x300 Live streaming (Webcast) objašnjeno

U ranije spomenutom kanalu smo namjerno zaboravili jednu stavku, a to je Live streaming server (LSS). LSS nije toliko inženjerski jednoznačan faktor te njegov izbor može ovisiti o više varijabli. Njegovo korištenje ima alternativu u gotovim video platformama, ali o tome poslije. Ovdje ćemo navesti neke od dostupnih live streaming servera te napominjemo da iste možete upogoniti na vlastito produkcijsko okruženje ili na virtualno / cloud okruženje (Rackspace ili Amazon EC2) za maksimalnu skalabilnost i redundanciju (ukoliko smatrate da trebamo uvrstiti neke druge servere, slobodno nam napomenite):

Popis live streaming servera

- Red 5 - besplatan open source pionir sa stabilnim i provjerenim izdanjem.

- Wowza Media Server 2 - odličan server baziran na Javi. Može streamati više vrsta sadržaja – Silverlight, iPhone & Flash. Dostupna je automatska EC2 verzija za koju morate imati samo osnovna znanja o Live streamingu tj. riješenje je apsolutno “out-of-the-box”. Mi smo ga koristili za neke interne projekte te svakako dajemo preporuku. Imajte na umu da EC2 instanca podržava maksimalno 250 Mbps propusnosti – to je npr. 250 simultanih korisnika koji gledaju video od 1 Mbps.

- Adobe Flash Media Server 4 - stabilno i provjereno riješenje od Adobe-a. Cijenovnim rangom pokriva profesionalnu te “enterprise” nišu. Dostupno je više verzija, a može ga se upogoniti i na Amazonovim EC2 serverima sa direktnom pretplatom putem Adobe-a.

- Windows Media services (Smooth streaming) - Streaming server namijenjen prvenstveno Silverlight playerima.

- Feng - Open source streaming server. Takodjer, kao i Red 5, besplatan.

Sigurno se pitate koja je glavna uloga streaming servera? Njegova zadaća je dvojaka. Prvenstveno mora pripremiti materijal za distribuciju (biti posrednik između Vas kao izvora te više tisuća gledatelja) i omogućiti autentifikaciju gledatelja ukoliko se Live streaming plaća (ovo se može riješti također i na aplikacijskoj strani [PHP / .NET / Ruby...]). Dakle ukratko, on osigurava da više tisuća gledatelja konzumira jedan video izvor tj. Vaš prijenos. A kad smo već kod Vašeg videa…on mora biti pravilno pripremljen, a postupak koji to omogućava zove se enkodiranje. Na tržištu postoji više vrsta enkodera, a ovdje ćemo navesti neke od poznatijih…

Popis enkodera za live streaming

- Adobe Live media encoder - Besplatan, Verzija za Win & Mac računala. Odlično se integrira uz Adobe Flash server za multibitrate uploading i DVR (Digital Video Recorder) funkcionalnost. Stabilno i provjereno riješenje, a pošto dolazi iz Adobe-a uvijek je update-ano i održavano.

- Telestream Wirecast - Cijena mu počinje od 450 $ no ovo riješenje je idealno ako imate više kamera te želite raditi režiju Vašeg live streama. Pro verzija podržava HDV Camera input.

- Helix Producer - Encoder od Real networksa. Dostupan je online dokument koji objašnjava razliku između različitih verzija programskog paketa.

- Microsoft Expression Encoder 4 - Enkoder kojem je primarna “Live” zadaća slati sadržaj na IIS media server (Smooth streaming). Obična verzija je dostupna kao besplatan download. Koristite ga samo ukoliko Vam se Live streaming workflow bazira na Microsoft tehnologijama (IIS + Silverlight player).

Bez enkodera i dobre veze se ne može, a bez Live streaming servera (LSS) se može…Sada ćemo se uponzati sa konceptom video streaming platforme – cloud usluge koja Vam omogućava da nesmetano koristite usluge grupiranih live streaming servera, kada to želite i koliko to želite. Takva usluga Vam omogućava da svoj enkoder “usmjerite” prema jednim od pružatelja takvih usluga (ustream, livestream ili justin.tv su jedni od poznatijih) te nesmetano koristite njihove Live streaming servera. Prednost toga je što ne morate znati podesiti postavke, brinuti se u nadogradnji, prometu te mrežnim vezama između servera i Vaših korisnika – dakle tipična cloud usluga. Također, tako je koncipiran i poslovni model tih servisa. Plaćanje vršite po napravljenom prometu (“Pay as you go”), mjesečnom zakupu gledanja (pretplata) ili preko podržanog marketinga.

Nakon što ste podesili postavke za enkoder, kamere te LSS ili video platformu, 90% posla je gotovo. Na kraju je potrebno live stream negdje prikazati, a za to postoje flash ili silverlight video playeri.

Player možete napraviti sami pomoću Flash ili Silverlight alata, a možete i preuzeti gotove playere kao što su FlowPlayer, JW Player ili najnovije tehnološko čudo od Adobe-a - Strobe media playback [PREPORUKA].

Svaki od njih u principu radi dosta slično te se cijeli postupak svodi na upisivanje RTMP adrese u player te njegovo embedanje u Vašu internetsku stranicu kao što embedate i običan YouTube video.

Sretno streamanje :)

Share/Bookmark

SEO – Lekcija druga

15 Feb 2011 / 0 Comments / in Coding & Software/by VanjaSebek

 

Chuck back again so tell me what you thank,
new song new dance I call it the Page Rank,
so you want to get the listing,
in the top position,
if you pay attention I can show you how to get it,
start with your content, I done said it before,
250 words per page and you good to go,
add headers and titles,
cross links are vital,
make it easy to read use list items,
keyword rich is how its meant to be,
make sure you have good keyword density,
double check your navigation make sure your links function,
by order of importance I call it link sculpting,
unique meta information for all the pages,
trying to make sure you cover all the bases,
all text links should include keyphrases,
make sure you put the links in the right places,
inbound links are what you should be chasing,
great content and good link baiting,
make people link to the site you created,
to do that you gotta have great information,
I’m a tell you something else that works wonders,
Yahoo directory it cost 300
if you a dealer get links from distributors,
if you provide a service get content contributors,
it always helps to get links from manufacturers,
your links should always be adding not subtracting,
link quality is better than link quantity,
get valuable links thats a good link policy,
some people swap links I don’t recommend it,
others buy links well I wouldn’t spend it,
keyword stuffing is not a good practice,
if you doing that you’ll get stuck like a cactus,
do it the right way and be enthusiastic,
and over time your results will be fantastic,
pay attention class,
you need to act fast,
make a mad dash to the first instead of last,
take out your competition like trash,
and watch your page rank raise higher than gas…

Share/Bookmark

SEO – Lekcija prva

13 Feb 2011 / 0 Comments / in Coding & Software/by VanjaSebek

U veljači 2006. godine BMW.de , službena stranica automobilskog giganta, završila je na Googleovoj “crnoj listi”. BMW je, kako su kasnije i sami priznali, koristio tzv. “doorway pages” Ukratko, to su stranice čiji vlasnici zarađuju objavljivanjem dinamički generirarnih linkova koji su postavoljeni s ciljem povećanja PageRanka onih koji plaćaju takvu uslugu. BMW.de uskoro više nije postojao za Google, barem što se rezultata pretraživanja tiče.

Pet godina kasnije isto je doživio i JC Penny, trgovački lancu s više od 1100 trgovina diljem SAD-a i Puertorika i prihodima od gotovo 18 milijardi dolara godišnje. Doduše, nije ih uhvatio Google,već New York Times, koji je onda obavijestio Google. Svega nekoliko dana kasnije JC Penny je na prvom mjestu rezultata ako pretražujete direktno naziv tvrtke. Za sva ostala pretraživanja JC Penny je mrtav. Barem što se tiče Google-a (a vjerojatno i Bing-a ;).

Što se dogodilo? JC Penny je platila SEO uslugu. Tvrkta koja je radila SEO obećala je i polučila izvrsne rezultate. JC Penny je od Heloweena pa kraja siječnja, za vrijeme Božićnih i Novogodišnjih praznika bio top 1 web destinacija za nekoliko stotina ključnih riječi (prema NYTimesu) – za shopping naravno. 34% korisnika koji pretražuju Google kliknu na prvi rezultat pretraživanja. Mjesečno na Googleu ima 37,200 000 pretraživanja s ključnom rječju “dress”. Prosječna procijenjena cijena klika na oglas (CPC) za riječ “dress” je 0.58$ a oglašavanje na Googleu donosi procijenjenih 11,483 klika dnevno ili 6,746.75 u dolarima. ( Prema Google AdWords Traffic Estimator-u)

 

 

To su procijene na bazi 12 mjesečnog prosijeka. Brojevi tijekom blagdanske šoping ludnice su znatno veći.

Sada malo matematike: ako 34% od 37 mil dođe na vašu stranicu i neka samo 1% njih potroši samo 10$ i tako za stotinjak ključnih riječi, plus ako ste broj 1 na Google nema potrebe da platite reklamnu kampanju pa dnevno štedite, u najlošijem slučaju, ovih 6,746.75 u dolarima po ključnoj riječi; računica je da ste direktno i indirektno tvrtki u 2 mjeseca uprihodili nešto manje od 150 mil dolara samo pomoću SEO. Ovo je moja pesimistična matematika. Vjerojatno je riječ o desetorostruko većem iznosu. No da citiram novinara NYTimes-a: “To samo znaju u JC Pennyju”.

Tvrtka koja je JC Penny radila CEO radila je istu stvar kao i u BMW priči: kupovali su gomilu linkova na JC Penny stranicu. To nije ilegalno. Ali možda bi bilo bolje za JC Penny da je. Platili bi milijunsku kaznu i doviđenja. Googleova kazna puno je veća.

No naravno da u JC Pennyju nisu bedasti. Znali su oni jako dobro što ih čeka ako budu uhvaćeni. Članak NY Times-a donosi i ponešto o njihovim financijskim rezultatima i očekivanjima dioničara. Za njih je ovo bila jednostavna matematika i na koncu zadovoljno trljaju ruke.

No upravo je ova priča odgovor na pitanje koje klijenti najčešće postavljaju: “Kako da budem prvi na Google-u?”. U nastavku pitanja svi objasne kako su čuli o tome da kupiš linkove i onda to ubrza cijelu stvar… Ali ova priča nije lekcija za klijente. Njihva računica je u ovom slučaju, kao i kod JC Penny, jasna.

 

Share/Bookmark

Pretražite Neuralab…

Pretplatite se na blog

Blogophske Epizode...

  • DIY – Tutoriali i riješenja (7)
  • Infografike & Chartovi (9)
  • Startuping u Hrvatskoj (7)

socialife sa Neuralabom

Odaberite kategoriju novosti…

  • Cloud & Hosting (29)
  • Coding & Software (23)
  • Design & Art (18)
  • Mobile (14)
  • Multimedia + Video (26)
  • Social media (25)
  • Uncategorized (1)

Arhiva…

  • May 2012 (2)
  • April 2012 (3)
  • March 2012 (6)
  • February 2012 (7)
  • January 2012 (7)
  • October 2011 (2)
  • September 2011 (5)
  • August 2011 (1)
  • July 2011 (5)
  • June 2011 (6)
  • May 2011 (9)
  • April 2011 (8)
  • March 2011 (2)
  • February 2011 (8)
  • January 2011 (2)
  • December 2010 (1)
  • November 2010 (1)
  • October 2010 (4)

Tagovi & Poveznice

amazon apps architecture aws business cloud database design development document DVD event Flash google hosting infografika interview intervju iOs iPad iPhone koncert live management marketing media microsoft mobile mreže seo server service services simple social socijalne spreadsheet storage streaming tablet transmeet tutorial video web zagreb

Kalendar novosti…

May 2012
M T W T F S S
« Apr    
 123456
78910111213
14151617181920
21222324252627
28293031  

RSS Cloud hosting status

  • Cloud Sites | SSL Cluster 11| WC1.DFW1 | ONLINE 25/05/2012
    At around 12:30PM CT, our Cloud Sites Engineering team was notified of reports of intermittent latency on one of our SSL cluster in our DFW datacenter. Our engineers are currently actively engaged in troubleshooting the issue. Customers with SSL websites... […]
  • Webmail | Email Services | Online 24/05/2012
    At approximately 5:22 AM CT, the Rackspace Mail team identified an issue that is causing intermittent connectivity for some users who connect via Webmail and through a mail client to our email environment. We are currently investigating the situation and... […]
  • Cloud Sites | Emergency Maintenance | DFW1.WC2 | Wed, May 23, 2012, 12:00AM-01:00AM CT | Complete 23/05/2012
    The Rackspace Cloud system engineers will perform an Emergency Maintenance to our Cloud Sites environment on Wednesday, May 23, 2012 at 12:00am CT. During this maintenance, the following MySQL servers will be placed in read only mode: mysql50-01-master.wc2.dfw1 mysql50-02-master.wc2.dfw1 mysql50-96-master.wc2.dfw1... […]
  • Cloud Sites | SSL WC1.DFW1 | Online 22/05/2012
    At around 6:00PM CST, our Cloud Sites Engineering team was notified of reports of intermittent latency on one of our SSL cluster in our DFW datacenter. Our engineers are currently actively engaged in troubleshooting the issue. Customers with SSL websites... […]
Creative Commons License
This work by Neuralab is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

Mi smo [...]

Neuralab [digitalna agencija za web, social, mobile & multimedia dizajn]

Transmeet.Tv [ Internetska televizija fokusirana na urbanu kulturu, muziku i događaje (MusicMap) ]

Neuraplex [ Cloud hosting & infrastrukturne usluge ]

Digitalni oblak d.o.o.
OIB: 63401934653
Tax Num: 02589265

Jurkovićeva 1, 10 000 Zagreb
Tel: +385 98 1717 628
Fax: +385 1 4633 016
Email: info@neuralab.net

Temeljni kapital od 20.000,00 Kn uplaćen u cijelosti pri RBA
Bank acc: 2484008-1105295287
IBAN: HR2624840081105295287

Nabacite lajk Facebook - Neuralab & Facebook - Transmeet.Tv

Iz radionice [...]

  • Live Stream konferencije TEDx SplitMay 12, 2012, 12:52 am

    TEDx Split se pokazao kao ugodan projekt. Sunce i kava uz more, odlična organizacija i zanimljivi predavači opravdali su prijeđenih 800km u 24 sata. Tema konferencije koju smo prenosili uživo bila je edukacija i njeni izazovi. Po TED pravilima svaki predavač imao je na raspolaganju 18 minuta. Štoperica je nemilosrdna. :) TED – ideje koje [...]

  • Altus IT Cloud hosting infografikaApril 28, 2012, 6:49 pm

    Kreirali smo hibrid infografike i brošure za zagrebački Altus IT. Pošto su u procesu razvoja datacentar, kolokacijskog i cloud biznisa, potrebni podaci i istraživanje su bili i više nego komplementarni našem poslovanju :). Infografika je realizirana kroz četiri glavna sadržajna dijela… Ekologija Sigurnost Povezivost i umreženost Vrhunska oprema i podrška Prednja i stražnja strana infografike [...]

spisateljski [...]

  • Neuralab po tiskovinama i visokim TV frekvencijamaMay 23, 2012, 1:29 am
  • Koncert M83 u zagrebačkoj Tvornici Kulture!May 16, 2012, 9:07 pm
  • Objavili smo Terraneo 2011 online.DVD…stay tuned za 2012…April 28, 2012, 4:14 pm
  • Generate Harvest invoice from Google Docs spreadsheet … Cloud styleApril 15, 2012, 8:22 pm
Raznovrsnost / slikovnost / artnost / dizajnost ostavljamo za Tumblr pa nas zapratite tamo :) ...

Follow on Tumblr - Follow neuralab

Tweetup anybody?

  • Očito se u hrvatskoj ne može kupiti #Windows #server 2008 ??? [The-Dropdown-Country-List-issue]
  • Color Harmony: An Animated Explanation of How Color Vision Works circa 1938 | Brain Pickings http://t.co/igDvjSEP
  • Na korak do finala. [Ljubomoran Bilić je već glasao za svog favorita] http://t.co/T2VyjCOu
  • Sve što trebate znati o Live streamingu http://t.co/EIIn5Xkn via @zimoonline #LiveStreaming #Adobe #Wowza #Live #Streaming
Pratite nas na zajedničkom Transmeet.Tv / Neuralab twitter profilu ... all things dizajn / art / programiranje / muzika / kultura / chit-chat
Follow @transmeettv
© Copyright - Neuralab - digitalni dizajn i razvoj za web, mobilne aplikacije, socijalne mreže i cloud - Powered by Neuraplex Cloud hosting - a.neuralab.site
  • scroll to top
  • Send us Mail
  • Follow us on Twitter
  • Join our Facebook Group
  • Subscribe to our RSS Feed