Archiv - June 2011

Kódování na hraně zákonaHardboiled web design

Thursday, 23 June 2011

Kódování, respektive tvorbě webových stránek se věnuji přibližně 10 let. Za těch 10 let se toho ve světě internetu změnilo hodně. Dvě věci však přežily: IE 6 a představa, že weby by měly ve všech prohlížečích (včetně tohoto dinosaura) vypadat stejně.

A tak si my kodéři instalujeme hromady různých prohlížečů, omezujeme se v rozletu kvůli zpětné kompatibilitě a hodiny ladíme, ladíme a ladíme…

Nedávno jsem objevil knížku Andyho Clarka Hardboiled web design a začínám se ptát, jestli tohle, je ta správná cesta. Je opravdu nutné, aby web ve VŠECH prohlížečích vypadal stejně? Odpověď jsem našel na stránce s touto jednoduchou adresou: http://dowebsitesneedtolookexactlythesameineverybrowser.com

HTML5 a CSS3 nabízí řadu krásných efektů, které v nejnovějších verzích prohlížečů fungují a v těch starších degradují tak, že uživatel nic nepozná. Nemá smysl čekat s jejich použitím, až budou podporovány všemi prohlížeči.

V mé prezentaci z dubnového Plzeň.comm najdete pár příkladů toho, co dnešní prohlížeče umí a byla by škoda se o to připravit:

A na závěr pár ukázek “na živo” (pro prohlížeční doporučuji použít některý z moderních prohlížečů – nejlépe Google Chrome).

 

Napsal Martin HložekI am already for about ten years in the web coding or web development business. In these ten years the world of internet has changed enormously. But there are two things still surviving: IE 6 and the idea that a website has to look the same in all browsers (including the above mentioned dinosaur).

And so web authors even today install tons of browsers on their computers, test and tune the code again and again and end up with boring sites just to please everyone.

I have discovered Andy Clark’s book Hardboiled web design and I have started to ask myself, if this is the way. Does the website really need to look the same in EVERY browser? And I have found the answer! On a web with this simple address: http://dowebsitesneedtolookexactlythesameineverybrowser.com/

HTML5 and CSS3 offer lots of lovely effects working well in the latest versions of browsers and degrading with no harm to usability in the older ones. It makes no sense to wait till they will be supported by all browsers.

In my presentation from the April Plzen.comm meeting you will find a few examples of what today’s browsers can offer us (and we would be fool not to take it).

And this is how it looks in reality (use one of the latest browsers to view the examples – I recommend Google Chrome):

 

Martin Hložek

Na lovu e-shopůOn the prowl for an e-shop

Thursday, 9 June 2011

Chceme vyjít vstříc našim zákazníkům a nabídnout jim e-shop postavený na hotové aplikaci. Tímto způsobem můžeme poměrně v krátké době a za příjemnou cenu vytvořit internetový obchod, který bude jak po vzhledové tak obsahové stránce plně přizpůsobený požadavkům klienta.

Rozhodl jsem se prozkoumat několik hotových e-shopů a vybrat jeden, na který se budeme specializovat. Pokusil jsem se nadefinovat, co by měl „náš“ e-shop umět:

Středně velký, až velký e-shop:

  • cca 10.000 – 20.000 produktů
  • 20 kategorií, každá 20 podkategoríí
  • 2000 jedinečných návštěv za den
  • 500 objednávek denně

Co by měl umět?

  • jedna administrace, více obchodů
  • vícejazyčnost
  • více měn
  • SEO nástroje (cool uri, meta informace, související produkty,…)
  • omezení přístupu do katalogu produktů dle skupin zákazníků
  • novinky e-mailem
  • CMS
  • nákup bez registrace
  • administrátorské role a oprávnění
  • tisk popisků na balíky
  • tisk složenek (dobírky)

Začal jsem zkoumat parametry opensource aplikací, které jsou nalezitelné na internetu. Prozkoumal jsem jich zhruba desítku a postupně vyřazoval zastaralé nebo nevyhovující nadefinovaným požadavkům. Jako jasný vítěz pro takto velký e-shop se vyklubal Magento.

Na rozdíl od většiny ostatních aplikací, které jsou závislé na několika lidech, i když často podporované svou komunitou, stojí za Magentem firma. Tento e-shop má velkou škálovatelnost a můžeme ho použít jak na středně velké, tak na rozsáhlé e-shopy. Je částečně postaven na Zend frameworku, se kterým máme sami hodně zkušeností. V neposlední řadě má Magento veškerou funkčnost, kterou jsme od systému požadovali.

Je nutno podotknout, že Magento je opravdu řešení pro středně velké až velké e-shopy a u klasického menšího shopu s několika stovkami nebo tisíci produkty byste šli s kanonem na vrabce. Dále na rozdíl od některých jiných řešení, bych nedoporučoval neprogramátorům, aby se pouštěli do jeho instalace. Magento vyžaduje odborníka, který ví, co dělá, jinak Vám předpovídám nešťastný výsledek 😉

Co se týče e-shopů s menším rozsahem, doporučil bych opensource řešení Prestashop, se kterým rozhodně neuděláte chybu. Kromě mnoha funkcí, kterými uspokojí většinu požadavků na e-shop, je jeho výhodou snadná správa, kterou zvládne pokročilejší laik a poměrně velká rozšířenost v Čechách.

Myslím, že s Magentem a Prestashopem jsme plně vyzbrojeni a připraveni utkat se s jakýmkoliv požadavkem našich klientů v oblasti online nakupování.

Autor: Tomáš PtáčníkWe would like to meet the needs of our customers and include a readymade e-commerce solution to our portfolio. This way we can create a completely customized e-shop in short time and for a nice price.

I have decided to examine couple of available solutions and pick up one to specialize on. I tried to define how “our” e-shop should be:

Middle to large size e-shop:

  • 10.000 – 20.000 products
  • 20 categories, 20 subcategories each
  • 2000 unique visits per day
  • 500 orders per day

Our requirements:

  • Multiple stores from one administration panel
  • Multi-lingual
  • Support for multiple currencies
  • SEO tools (cool url, meta information, related products,…)
  • Customer group-specific category access permissions
  • Newsletter management
  • CMS
  • Shopping without registration
  • Administration roles and permissions
  • Print of invoices and packing slips

I have started to research the features of reasonable open source solutions. Step by step I have eliminated e-shops not meeting my requirements in terms of features, technical support and reliability. After a while from the ten e-shops, I started with, Magento turned out as a clear winner.

Unlike the majority of the solutions depending on some few individuals, Magento is backed up by a company. The e-shop is largely scalable, so we can use it for middle size shops as well as for giant malls. It is partly built on Zend framework which is our favoriteJ. And last but not least, Magento has all the features we require.

It has to be stated that for e-shops with several hundreds of products Magento isn’t the right thing. Also I think somebody not familiar with programming would very likely fail with installing and configuring Magento. This solution definitely requires an IT professional to deal with it.

For smaller projects I would recommend Prestashop. It has a large number of features meeting almost all needs a smaller or middle size e-shop can have. Its big advantage is its simple administration, which I think should be manageable for a gently advanced PC user. Moreover in the Czech republic Magento has a quite widespread user community, which can be very helpful when looking for advices and handy tips.

I think with Magento and Prestashop we are fully armed now for any e-commerce desire of our clients.

 

Tomáš Ptáčník