Marko Kecman - Developer

XFramework – rapid website/application/game development tool

kecman — Fri, 09 Sep 2011 16:29:34 +0000

XFramework is my personal project that came as result of many custom CMS I developed during my 10 years professional experience in creating rich media websites and games.
Basic idea behind this framework is ability to edit pages on the fly, like WYSIWYG editor for websites. Another important idea is to help developers to create components with ease, without need to write main website/application logic over and over again but also to use util classes that speeds up development.
Together with my friend Ivan Najman, we developed basic version of XFramework in less than six month and afterwards we developed new features as we needed them. Components library now counts over hundred various components from basic image, swf, label, text to complex menus, picture galleries, forms, score lists, etc.

XFramework is built on top of Flex 3.5 and Cairngorm framework. As backend, we used PHP Zend Framework with MySQL as database. Connection is made using AMFPHP.
In WYSIWYG editor, everything can be changed using GUI built using MDI windows.
Key features of visual editor are:

CRUD actions for pages & objects with drag/resize/constrains ability.
Apply transition effects or event based tweens/effects.
Change variables of components in key/value table.
RBAC security system, with ability to CRUD users, their roles and privileges. You can set individual privileges not only for particular roles and objects, but also for classes (components) as well.
Internationalization. You can add as many languages and set appropriate translation for given variables.
Page Templates can be used to save whole pages as templates that you can use afterwards on other pages. You can save even single component (that you previously setup for your needs) as template.
Basic CSS on the fly support.
Single click database backup.

Key features of development framework:

Create your own components by extending our XComponent class. XComponent is container in which you can add other components (both in code and in visual editor).
Create more than one components package. This is useful when you are working on projects that need only particular components, so not every (of hundreds) components are loaded.
You can give .swc to other developers to create components, without need to know main framework code which you can edit to suit your needs.
A lot of our custom util classes (Math, XML, String, Date, Color, URL, etc.) as well as top open-source packages like TweenMax, Box2D, Away3D, PaperVision, PageFlip, GoogleMaps, etc. You can always use Cairngorm features.
On backend, there are Zend Framework with our custom basic components like MySQL, util classes, Facebook, etc.

Checkout some examples of websites built on XFramework:

http://korakzasrce.rs
http://residence.rs
http://plantaze.com
http://nika.rs
http://floorballshop.si
http://imreszabo.com
http://stands3x3.com
http://birthdaysrock.com (main application)

There are several websites and games developed using XFramework, but because client has closed website (you can access only if you have password) I can provide those links and passwords on demand.
You can see some of them in my portfolio:
http://markokecman.com/2011/08/18/philip-morris-international-redrush-website-and-games/
http://markokecman.com/2011/08/18/philip-morris-international-%E2%80%93-trueyou-website/
http://markokecman.com/2011/08/18/philip-morris-international-go4shine-website/

Screencast coming soon.
Screenshots of visual editor:

Telenor HQ – globe interactive installation

kecman — Thu, 18 Aug 2011 17:16:45 +0000

I was working on this interactive installation for Telenor HQ in Oslo. My part was to create Microsoft Kinect application in Cinder framework, media updater application and administration of content on the web.

There are two Kinect devices that send data through the OSP to main server. App detects user and sends their hands gestures.

I used XFramework to create web administration of nodes on globe, but also all texts, images and videos.

Updater application connects to webserver and download/update content that is added to web administration.

Check out videos:

and making of

Actavis – Away3D website

kecman — Thu, 18 Aug 2011 17:02:27 +0000

Actavis Group is one of the world’s leading players in first-class generic pharmaceuticals and the new name in hospital pharmaceuticals.

Actavis Serbia created promotion ‘Korak za srce’ (A step for the heart) in order to promote how healthy everyday walk is.

Together with colleagues Djordje Jovanovic and Vladimir Mitrovic we developed website using Away3D engine with XFramework as base framework.

http://www.korakzasrce.rs/

Philip Morris International – RedRush games and website

kecman — Thu, 18 Aug 2011 16:52:17 +0000

RedRush website is part of large scale promotion of PMI’s Marlboro brand with thousand of users in database. It is key point of whole promotion as it provides users with top lists of games they played when promo team contacted them. There are pictures and videos available for download and all crucial information is published on the website. Users also compete on website in six games. There are games like driving car in top-view game, driving basket and collecting car parts, dancing on dancefloor like DDR game, shaking cocktails, designing Ferrari car and creating personalized wallpaper.

Website is built using XFramework.

Fruvita Hello Facebook game

kecman — Thu, 18 Aug 2011 16:39:52 +0000

Fruvita is a Serbian company which deals with fruit processing, production of fruit juices, nectars and refreshers with fruit juice.

I developed Facebook game for Fruvita’s Hello brand promotion. There are four levels on which user jumps on ice cubes and must collect enough fruits in order to “open” the bottle. Once bottle is opened, user must jump into the bottle in order to advance to the next level. Goal is to finish all four levels as fast as possible.

Game is developed in Flash using Box2D physics engine.
http://apps.facebook.com/hello-uskoci/

Philip Morris International – Trueyou website

kecman — Thu, 18 Aug 2011 16:28:59 +0000

Trueyou is part of large scale promotion for PMI’s women cigarette brand. There are thousand of users in database. Users can personalize almost every aspect of site. They can choose ‘Day’ or ‘Night’ mode, but also they set wall papers, city, mood, dresses, purses and purse content, listen to radio, read fashion magazine, download screensavers, etc. There is page on which users create their personalized business card. Because every user has birth date in database, system sends email to the user on his birthday. When user logs into website, based on their selection of day/night mode, greeting card is shown. If “night mode” is selected, there are fireworks with personalized message for user. If “day mode” is selected, airplane flies through page caring banner with personalized message.

Built on XFramework.

Stilistica website

kecman — Thu, 18 Aug 2011 16:15:17 +0000

Stilistica (eng. Stylist) is social website where users can dress up their partners. You can choose body type, upload portrait of your partner and dress it up. At the end of this process, we generate page with their creation where others can rate and comment.

Website is built with XFramework.

Residence website

kecman — Thu, 18 Aug 2011 16:04:13 +0000

Residence is real estate company in Belgrade, Serbia. They provide high quality services and demanded feature rich website.

http://www.residence.rs/

I developed it using XFramework. Users can create their accounts for free, search through large database of estates and put them in private ‘creative selection’ page where they can review and send inquiry to agency. There is also very useful administration for estates.

Philip Morris International – Go4Shine website

kecman — Thu, 18 Aug 2011 15:47:51 +0000

This website is part of large scale promotion for PMI’s Marlboro brand. It has social network features. Users create their profiles and joins network of thousands of users. They can search profiles based on selected keywords, send messages and likes.

There is also small game where users can stylize Vespa scooter. There is a gallery of user generated designs where others rate creativity of design.

Website is built with XFramework. Because laws for tobacco companies are very restrictive, you cannot enter website unless someone from PMI’s promo team contact you directly.

Smirnoff – Pimp My Friends website

kecman — Thu, 18 Aug 2011 15:31:01 +0000

Smirnoff is a brand of vodka owned and produced by the British company Diageo. The Smirnoff brand began with a vodka distillery founded in Moscow by Pyotr Arsenievich Smirnov (1831–1898), the son of illiterate Russian peasants. It is now distributed in 130 countries.

Pimp My Friends is picture contest used for Serbia and Bulgaria promotions. Users connect with their Facebook account, upload their frineds picture, free hand draw something on picture, or add predefined elements like hats, sunglasses, heart, etc. Users can also add text or convert picture to black&white. After “pimping” is complete, their creation is shared on dedicated page where other users can vote and comment.

Serbia link: http://pimpmyfriends.net/
Bulgaria link: http://smirnoff.bg/pimpmyfriends/