A korábban az Uhura Creative Media GmbH-hoz tartozó heizoel.total.de teljes megújítása, amely mostanra beolvadt a https://energieshop.totalenergies.de/ oldalba.
-
Backend:
- Django (1.5 frissítve 1.6-ra), south
- Django-Portlets, FeinCMS, CKEditor, django-compressor, requests, geoip2
- Átalakítottuk a rendelési rendszert, hogy AJAX alapú nézeteket használjon a jobb felhasználói élmény érdekében.
- A Google reverse geocode API (földrajzi koordináták alapján) és a MaxMind GeoIP (IP-alapú) használata a felhasználó helyének meghatározásához.
- Rengeteg JSON kiszolgáló nézetet építettünk a frontend modulok koszolgálásához.
- Új funkció hozzáadása a „wishdelivery” funkcióhoz, ahol a felhasználók kiválaszthatják, hogy mikor szeretnék a fűtőolajat szállíttatni. Szigorú szabályok a backendben, rugalmas árakkal.
- Egyedi sabloncímkék létrehozása változó paraméterekkel a menügeneráláshoz (fejléc/lábléc), a rendelési adatok lekérdezéséhez és egyéb sablon segédfunkciókhoz.
-
Frontend:
- teljes reszponzív HTML a Twitter Bootstrap 3.x segítségével, off-canvas menü a mobil nézetben, testreszabott grid, színkészlet, gombok és beviteli eszközök.
- LESS, bless (blesscss.com), less-plugin-clean-css, CSS-animációk
- SVG grafika SVG injektálással, ahol csak lehetséges
- JavaScript: épített RequireJS modulok, jQuery, a böngésző helymeghatározó API-jának használata. Az oldal minden egyes funkcionalitásához saját RequireJS modul épült.
- Highcharts
- Aszinkron AJAX kommunikáció a Charts/Portletek/rendelési lépések és a backend között.
- A bower által telepített modulok: bootstrap, flexbox.less, fontawesome, highstock-release, jquery-touchswipe, jquery-validate, require-css, requirejs, seiyria-bootstrap-slider, svg-injector, awesome-bootstrap-checkbox, bootstrap3-datetimepicker, bootstrap-select, momentjs
- Használt Bootstrap-funkcionalitások: körhinta (főoldal), affix (rendelési áttekintések), tooltips, glifek, panelek (üzenetekhez), collapsibles (GYIK), modálok, navok.
-
Szerveroldali/Devops:
- Elkészítettünk egy migrációs szkriptet, amely automatikusan frissíti a régi oldalt az új oldalra, egyetlen egyszerű lépésben.
- Készítettünk egy css compiler/minifier/splitter szkriptet, hogy a CSS-t előkészítsük az élesben való használatra.
- Készítettünk egy MaxMind GeoIP városi szintű DB frissítő szkriptet, amely cronból futtatható.
- Létrehoztunk egy Django modul dump készítő szkriptet a migráció és a helyi fejlesztési frissítések megkönnyítésére.