Online Tržište

Za mnoga poslovanja, pravljenje verzija Web sajta za svaku rezoluciju i novi uređaj praktično je nemoguće, ili barem nepraktično i neisplativo. Prilično su neodlučni kada je u pitanju njihova mobilna strategija. Veliki broj njih nije siguran da li treba išta da radi po tom pitanju dok su drugi u nedoumici: mobilna aplikacija ili mobilni sajt? Trenutna situacija je takva da korisnici mobilnih uređaja više preferiraju upotrebu mobilnih aplikacija nego mobilnih sajtova.

Koristeći se idejom responzivnog dizajna imaće te mogućnost prilagođavanja svake od ovih verzija sajta na niz uređaja sa različitim veličinama ekrana i sposobnostima.

Responzivni (odgovarajući) Web dizajn je pristup koji sugeriše da bi projektovanje i razvoj trebali da odgovaraju na ponašanje korisnika i okruženja na osnovu veličine ekrana, platforme i orijentacije. Responzivni Web dizajn omogućava bilo kom sajtu da posluži mobilne Web stranice na osnovu tipa uređaja koji se koristi za pristup sajtu.

U poslednje vreme sve više i više poslovanja okreće se responzivnom dizajnu. Ideja, da se ima jedan sajt, sa jednom bazom koda, koji može da usluži Web, mobilne i tablet klijente je zaista moćna stvar koja može da donese dosta velike uštede.

Responzivni Web dizajn znači da ljudi na vašem sajtu mogu da pronađu informacije koje su im potrebne, bez obzira na to da li mu pristupaju sa računara koji ima veliki ekran, tableta ili pametnog telefona.

U ovom članak pokazaćemo vam 3 najbolja načina sa kojim možete konvertovati postojeći Web sajt u mobilni sajt koji će omogućiti visoko-kvalitetno iskustvo pregledanja za svakoga, bez obzira na vrstu uređaja.

Razumevanje responzivnog dizajna

Da bi dizajn bio responzivan (odgovarajući), obično je potrebno da ima sledeća tri atributa:

Fluid Grid: Sistem tečne mreže (rešetke) koristi procente za definisanje kolona ili div tag za širinu umesto piksela. Na primer, širina od 650px u dizajnu sa fiksnom širinom, bila bi označena sa 100% u CSS-u dizajnu sa tečnom širinom.

Media Queries: Upiti medija omogućavaju prilagođeni CSS na osnovu minimalne i maksimalne širine pretraživača. Na primer, upit koji dolazi sa medija sa maksimalnom širinom od 450px znači da se radi o mobilnim pretraživačima.

Responzivne Slike: Po ponašanju su slične tečnoj mreži, responzivne (odgovarajuće) slike nemaju fiksnu širinu već imaju maksimalnu širinu (tipično označenu sa 100% kada se prikazuje na desktopu). Ovo omogućava da slika bude lako smanjena kako bi se uklopila u širinu ekrana na kom se Web stranica prikazuje.

Izlaz ovih atributa je jednostavno prepoznati. Da bi lakše razumeli o čemu govorimo pogledajte na primer sajt Starbucks i ručno promenite veličinu pretraživača. Primećujete li da se ekran prilagođava i podešava na osnovu širine pretraživača? To je responzivni Web dizajn.

Mobilni sajtovi sa responzivnim Web dizajnom

Do skora, nadogradnja ili konvertovanja postojećeg Web sajta u mobilnu platformu bi bilo dosta skupo i komplikovano. Srećom, danas postoje alati i resursi koji nude bržu, lakšu i povoljniju uslugu mobilnog Web dizajna.

Sa Google GoMo i DudaMobile besplatno konvertujte svoj Web sajt u mobilni sajt

Pre nekoliko meseci kompanija Google u saradnji sa startup-om DudaMobile, koje se bavi optimiziranjem mobilnog Web-a, odlučila je da korisnicima besplatno ponudi veoma brz i jednostavan način za prilagođavanje Web sajta mobilnim uređajima.

Google GoMo i DudaMobile sklopile su partnerstvo kako bi vlasnicima Web sajtova pomogli u prilagođavanju njihovih sajtova mobilnim uređajima.

Usluga radi tako što kreira hostovanu mobilnu verziju sajta koja ima sinhronizovane sposobnosti kako bi se osiguralo da vaš mobilni sajt automatski dobije sva ažuriranja koja se nalaze na vašem Web sajtu. U suštini, imate mogućnost da kreirate kvalitetnu mobilnu verziju sajta koja je potpuno različita od vaše Web verzije, a ipak smisleno integrisana u vaš sajt iz perspektive nekoga ko koristi vaš sajt.

Osnovna prednost ovog sistema je što ne morate da znate ništa o responzivnom Web dizajnu, CSS3, HTML5, i dr.. Ovo je savršeno rešenja za poslovanja i blogere sa malo tehničkog iskustva ili resursa.

Ova usluga je besplatna u prvih 12 mjeseci a nakon toga potrebno je platiti 9 dolara mesečno, odnosno 108 dolara godišnje.

Responzivni Web template

Template Monster pruža širok spektar responzivnih Web dizajn tamplate-a (šablona) za svaki veći CMS (Sistem za Upravljanje Sadržajem), kao što su Drupal, Joomla, WordPress, i mnoge druge Web platforme.

Template Monster je najveći svetski ponuđač tamplate-a i tema za sajtove, koji ima ogromnu bazu visoko kvalifikovanih dizajnera koji žive od online zarade od tema i tamplate-a koji se prodaju na Template Monster. Imajući u vidu ekspanziju mobilnog Interneta, nije iznenađujuće što su teme i tamplate-i sa responzivnim Web dizajnom u velikoj meri zastupljeni na ovom, jednom od najvećih tržište tema i template-a.

Prednosti korišćenja Template Monster je ta da ste u stanju fizički preuzeti i instalirati mobilni template na vaš postojeći Web sajt. Pod uslovom da imate malo iskustva i veština sa Web dizajnom, moći ćete sami uraditi neke izmene ili poboljšanje na template-u kako bi ga napravili da savršeno odgovara vašem sajtu.

Migracija na mobilnu Web platformu

Pre otprilike dva meseca, Joomla, koja je jedan od najpopularnijih sistema za upravljanje sadržajem koji se koriste za izgradnju blogova, Web sajtova, portala i Intraneta, predstavila je verziju 3.0. Ono što je značajno kod Joomla 3.0 jeste to što ona donosi ugrađenu podršku za Twitter-ov BootStrap framework koji omogućava automatsku, responzivnu podršku za mobilne Web sajtove.

Više o funkcionalnostima koje donosi Joomla 3.0 pročitajte u članku “Joomla 3.0 sa Twitter BootStrap donosi fantastični responzivni Web dizajn”.

S obzirom da je Joomla napravila veliki iskorak sa podrškom responzivnom Web dizajnu, ima smisla razmotriti mogućnosti da uradite nadogradnju starije verzije Joomla, ili migrirate svoj trenutni sajt na Joomla 3.0 platformu.

Migracija postojećeg sajt ili CMS na Joomla nije nemoguća. Sve velike CMS platforme nude migracione putanje kako bi olakšale ljudima koji žele da presele svoje postojeće sajtove na drugu platformu. Takođe, jednostavnom pretragom Web-a pronaći ćete veoma mnogo korisnih informacija oko migracije na Joomla 3.0.

Šta mislite o responzivnom Web dizajnu i da li ga koristite kako bi korisnicima pametnih telefona i tableta omogućili najbolje moguće iskustvo na vašem sajtu?

Kompanija Microsoft objavila je da je finalna verzija njegovog besplatnog alata Virtual Machine Converter (MVMC) sada dostupna za preuzimanje. Alat se koristi za konvertovanje virtuelne mašine koja radi na VMware proizvodima u format koji je kompatibilan Microsoft-ovim virtuelnim okruženjem, Hyper-V.

Microsoft Virtual Machine Converter (MVMC) pruža Microsoft podržano, besplatno rešenje za pretvaranje VMware virtualne mašine (VMS) i VMware virtualnih diskova (VMDK) u Hyper-V virtualne mašine i Hyper-V virtualne hard diskove (VHD).

VMware navodi da virtuelna mašina sažima čitav server ili desktop okruženje u datoteku, dok VMDK format obuhvata virtuelnu mašinu i kako je sačuvana, informacije koje onda može da se koristi za pružanje, krpljenje i backup okruženja.

MVMC alat konvertuje VMware vSphere virtuelne mašine ili virtuelne diskove uskladištene korišćenjem VMDK formata u Hyper-V kompatibilne verzije. MVMC alat pretvara virtuelne mašine napravljene sa vSphere 4.0, 4.1 i 5.0, koji onda mogu da rade na Windows Server 2012, Windows Server 2008 R2 SP1 i Hyper-V Server verzije ova dva operativna sistema.

Administratori mogu da biraju između verzije alata za konverziju sa grafičkim korisničkim interfejsom (GUI), koji obuhvata čarobnjaka (wizard) za pojednostavljivanje procesa konverzije, ili verzije sa interfejsom u obliku komandne linije.

Ovaj alat deo je Microsoft-ovog “Switch to Hyper-V” programa koji je kompanija najavio na Worldwide Partner Conference održanoj početkom ove godine. Pored MVMC alata, “Switch to Hyper-V” program takođe nudi i druge resurse kao što su najbolje prakse koje treba da pomognu u smanjenju rizika prilikom migracija.

Beta verzija plug-ina VMware konzole, verzije MVMC, takođe je dostupan za preuzimanje ali kompanija Microsoft za sada nije dala nikakvu informaciju o tome kada će finalna verzija biti dostupna korisnicima.

Google + mreža svakim danom je sve popularnija i već ima oko 20 milijuna korisnika. Mnogim je problem preći sa Facebook-a jer su godinama gradili skup prijatelja, fotografija, videa i drugih podataka i naravno da ne žele jednostavno izgubiti sve te podatke. Evo kako migrirati to sve sa Facebooka na Google +.

Migracija Prijatelja

Društvena mreža je ništa bez grupe prijatelja sa kojima razgovarate, tako da je prva stvar koju ćete želiti da učinite je da preselite svoje prijatelje. Nisu svi vaši prijatelji na Google +, možda ne još, ali to nije razlog da netkog izostavite jer njima uvijek možete poslati poziv da se priključe novoj društvenoj mreži.

Najlakši način da preselite svoje Facebook prijatelje je da ih uvezete kroz Yahoo e-mail adresu. Možda zvuči čudno ali je zaista tako. Facebook je zatvorio sve browser ekstenzije i druge metode migracije jer im se ne sviđa da netko tko nije partner povlači podatke prijatelja. Osim Yahoo, ostale metode obično dodaju vaše Facebook prijatelje u Google Contacts, a to vjerojatno ne želite.

Dakle, otiđite na mail.yahoo.com, a zatim kliknite na gumb Create New Account (ako već imate Yahoo ili Flickr račun, možete preskočiti ovaj korak). Nakon što ste kreirali račun, prijavite se i otvorite Contacts karticu. Kliknite na "Import Contacts" i odaberite opciju Facebook. Sada bi trebali vidjeti sve svoje Facebok prijatelje u Yahoo adresaru.

Potom, na Google + otvorite karticu Circles, kliknite na "Find and Invite" i kliknite na gumb Yahoo. Tako ćete dodati sve vaše Yahoo Kontakte (ili u ovom slučaju Facebook prijatelje), na Find and Invite stranicu odakle ih možete dodati u svoje krugove.

Pogledaj kompletan post »

Sada kada je Bing je preuzeo pretragu od Yahoo-a, MSN adCenter će zameniti Yahoo Search Marketing za PPC (pay per click). Čak i oni koji su pratili tranziciju ove alijanse imaju mnoštvo pitanja koja nisu odgovorena u “Help” dokumentima. Ovom prilikom ćemo odgovoriti na neka pitanja koja bi trebalo da olakšaju prelaz sa Yahoo-a na adCenter za PPC oglašivače.

Ako imate Google AdWords nalog a mislite da počnete da se reklamirate na Yahoo, verovatno se pitate da li treba da postavite Yahoo PPC nalog? Ne.

Umesto toga, treba da pokrenete MSN adCenter nalog i ili uvezite svoje AdWords podatke ili započnete gradnju svog naloga direktno u MSN-u. Ako uradite sve kako treba u narednih nekoliko nedelja ćete početi sa dobijanjem i Yahoo i MSN prometa kroz ovaj sistem.

Ako imate Yahoo PPC nalog ali ne i MSN AdCenter nalog. Šta raditi?

Ako imate YSM nalog, u avgustu ste mogli da vidite ekran poput ovog, kada se ulogujete:

Super korisno, zar ne? U suštini, u ovoj fazi potrebno je da napravite MSN adCenter nalog klikom na dugme „Sign Up”.  Pogledaj kompletan post »