001.
<
div
class
=
"art"
>
002.
</
div
>
003.
004.
<
div
class
=
"code"
>
005.
<
pre
id
=
"pre"
class
=
"brush: html; toolbar: false;"
style
=
"display:none;"
></
pre
>
006.
</
div
>
007.
008.
<
div
id
=
"main"
class
=
"mainsolid"
style
=
"left: 0px; top: 0px;"
>
009.
010.
<
div
class
=
"slider"
id
=
"dragger"
><
a
href
=
"#"
><
img
src
=
"../../images/splitlijn.gif"
alt
=
""
border
=
"0"
></
a
></
div
>
011.
012.
<
div
class
=
"top"
>
013.
<
div
class
=
"title"
>
014.
<
a
href
=
"../../index.html"
class
=
"title"
><
img
src
=
"../../images/verbernebv_logo.gif"
alt
=
"verberne bv bron voor digitale media"
border
=
"0"
></
a
>
015.
</
div
>
016.
017.
<
div
class
=
"menu"
id
=
"nav"
>
018.
<
ul
>
019.
<
li
><
a
href
=
"../../index.html"
>Home</
a
></
li
>
020.
<
li
class
=
"selected"
><
a
href
=
"../index.html"
>Portfolio</
a
></
li
> <
li
><
a
href
=
"../../masterclass/index.html"
>Masterclass</
a
></
li
> <
li
><
a
href
=
"../../contact/index.html"
>Contact</
a
></
li
>
021.
</
ul
>
022.
</
div
>
023.
</
div
>
024.
025.
026.
027.
<
div
class
=
"contentportfolio"
>
028.
029.
<
div
class
=
"maincontentportfolio"
>
030.
<
span
class
=
"high"
>MASS-IT</
span
> <
br
><
br
>
031.
MASS is een onafhankelijke dienstverlener die gespecialiseerd is in het Apple Macintosh platform. Met een totaaloplossing voor bedrijven in de grafimedia branche bestrijkt de dienstverlening van MASS het gehele grafische automatiseringstraject.
032.
<
br
><
br
>
033.
Zij werken met diverse engineers die bij klanten bezoeken afleggen. Dat vereist een nauwe planning en afhandeling van de opdrachtbonnen. Daartoe zijn diverse maatwerk modules voor inprojects ontwikkeld waarmee MASS middels de <
span
class
=
"high"
>iphone</
span
> de urenbriefjes kan afhandelen.
034.
<
br
><
br
>
035.
Van planning tot verantwoording naar goedkeuring en <
span
class
=
"high"
>facturering</
span
> al deze stappen vanuit een systeem.
036.
<
br
><
br
>
037.
038.
039.
</
div
>
040.
041.
<
div
class
=
"subcontentportfolio"
>
042.
<
div
class
=
"portfoliolabel"
>Werkzaamheden</
div
>
043.
<
div
class
=
"portfoliotext"
>Installatie en invoering van iNPROJECTS. Daarnaast een stukmaatwerk ontwikkeld voor planning, uren registatie en declaratie.</
div
>
044.
045.
<
div
class
=
"portfoliolabel"
>Technieken</
div
>
046.
<
div
class
=
"portfoliotext"
>iNPROJECTS, Flex, Ruby on Rails, JAVA, PDF.</
div
>
047.
048.
<
div
class
=
"portfoliolabel"
>Opdrachtgever</
div
>
049.
<
div
class
=
"portfoliotext"
>MASS-IT</
div
>
050.
051.
<
div
class
=
"portfoliolabel"
>Gerealiseerd</
div
>
052.
<
div
class
=
"portfoliotext"
>Februari 2009</
div
>
053.
054.
<
div
class
=
"portfoliolabel"
>Url</
div
>
057.
058.
059.
</
div
>
060.
061.
</
div
>
062.
063.
064.
</
div
>
065.
066.
<
div
class
=
"portfolio"
>
067.
068.
069.
<
div
class
=
"tile"
>
070.
071.
<
div
class
=
"portfoliolabel"
>Vrom Nota Ruimte</
div
>
072.
<
div
class
=
"rollover"
>
073.
<
a
href
=
"../vrom-nota-ruimte/index.html"
onmouseover
=
"MM_showHideLayers('vrom-nota-ruimte','','show')"
onmouseout
=
"MM_showHideLayers('vrom-nota-ruimte','','hide')"
>
074.
<
img
src
=
"../../images/spacer.gif"
width
=
"300"
height
=
"80"
border
=
"0"
></
a
>
075.
</
div
>
076.
<
div
class
=
"img-ilus"
>
077.
<
div
class
=
"project"
id
=
"vrom-nota-ruimte"
>
078.
Website vervaardig en CDROM van de website
079.
</
div
>
080.
<
img
src
=
"../../images/notaruimte_small.jpg"
alt
=
"Website vervaardig en CDROM van de website"
width
=
"300"
height
=
"80"
border
=
"0"
>
081.
</
div
>
082.
083.
</
div
>
084.
085.
<
div
class
=
"tile"
>
086.
087.
<
div
class
=
"portfoliolabel"
>Jora Vision</
div
>
088.
<
div
class
=
"rollover"
>
089.
<
a
href
=
"../jora-vision/index.html"
onmouseover
=
"MM_showHideLayers('jora-vision','','show')"
onmouseout
=
"MM_showHideLayers('jora-vision','','hide')"
>
090.
<
img
src
=
"../../images/spacer.gif"
width
=
"300"
height
=
"80"
border
=
"0"
></
a
>
091.
</
div
>
092.
<
div
class
=
"img-ilus"
>
093.
<
div
class
=
"project"
id
=
"jora-vision"
>
094.
bouwen van maatwerk modules weekstaat en kostprijsberekening.
095.
</
div
>
096.
<
img
src
=
"../../images/joravision_small.png"
alt
=
"bouwen van maatwerk modules weekstaat en kostprijsberekening."
width
=
"300"
height
=
"80"
border
=
"0"
>
097.
</
div
>
098.
099.
</
div
>
100.
101.
<
div
class
=
"tile"
>
102.
103.
<
div
class
=
"portfoliolabel"
> > MASS-IT</
div
>
104.
<
div
class
=
"rollover"
>
105.
<
a
href
=
"index.html"
onmouseover
=
"MM_showHideLayers('mass-it','','show')"
onmouseout
=
"MM_showHideLayers('mass-it','','hide')"
>
106.
<
img
src
=
"../../images/spacer.gif"
width
=
"300"
height
=
"80"
border
=
"0"
></
a
>
107.
</
div
>
108.
<
div
class
=
"img-ilus"
>
109.
<
div
class
=
"project"
id
=
"mass-it"
>
110.
Met Iphone planning en uren registratie uitvoeren
111.
</
div
>
112.
<
img
src
=
"../../images/mass_it_small.jpg"
alt
=
"Met Iphone planning en uren registratie uitvoeren"
width
=
"300"
height
=
"80"
border
=
"0"
>
113.
</
div
>
114.
115.
</
div
>
116.
117.
<
div
class
=
"tile"
>
118.
119.
<
div
class
=
"portfoliolabel"
>Men At Work</
div
>
120.
<
div
class
=
"rollover"
>
121.
<
a
href
=
"../men-at-work/index.html"
onmouseover
=
"MM_showHideLayers('men-at-work','','show')"
onmouseout
=
"MM_showHideLayers('men-at-work','','hide')"
>
122.
<
img
src
=
"../../images/spacer.gif"
width
=
"300"
height
=
"80"
border
=
"0"
></
a
>
123.
</
div
>
124.
<
div
class
=
"img-ilus"
>
125.
<
div
class
=
"project"
id
=
"men-at-work"
>
126.
artiest boeking in 2 stappen
127.
</
div
>
128.
<
img
src
=
"../../images/maw_small.jpg"
alt
=
"artiest boeking in 2 stappen"
width
=
"300"
height
=
"80"
border
=
"0"
>
129.
</
div
>
130.
131.
</
div
>
132.
133.
<
div
class
=
"tile"
>
134.
135.
<
div
class
=
"portfoliolabel"
>BAM Mercuriuskade</
div
>
136.
<
div
class
=
"rollover"
>
137.
<
a
href
=
"../bam-mercuriuskade/index.html"
onmouseover
=
"MM_showHideLayers('bam-mercuriuskade','','show')"
onmouseout
=
"MM_showHideLayers('bam-mercuriuskade','','hide')"
>
138.
<
img
src
=
"../../images/spacer.gif"
width
=
"300"
height
=
"80"
border
=
"0"
></
a
>
139.
</
div
>
140.
<
div
class
=
"img-ilus"
>
141.
<
div
class
=
"project"
id
=
"bam-mercuriuskade"
>
142.
Promotie website in Radiant CMS opgeleverd.
143.
</
div
>
144.
<
img
src
=
"../../images/bam_small.jpg"
alt
=
"Promotie website in Radiant CMS opgeleverd."
width
=
"300"
height
=
"80"
border
=
"0"
>
145.
</
div
>
146.
147.
</
div
>
148.
149.
<
div
class
=
"tile"
>
150.
151.
<
div
class
=
"portfoliolabel"
>iNPROJECTS</
div
>
152.
<
div
class
=
"rollover"
>
153.
<
a
href
=
"../inprojects/index.html"
onmouseover
=
"MM_showHideLayers('inprojects','','show')"
onmouseout
=
"MM_showHideLayers('inprojects','','hide')"
>
154.
<
img
src
=
"../../images/spacer.gif"
width
=
"300"
height
=
"80"
border
=
"0"
></
a
>
155.
</
div
>
156.
<
div
class
=
"img-ilus"
>
157.
<
div
class
=
"project"
id
=
"inprojects"
>
158.
iNPROJECTS een administratie pakket voor het Creatieve Bureau
159.
</
div
>
160.
<
img
src
=
"../../images/inprojects_small.png"
alt
=
"iNPROJECTS een administratie pakket voor het Creatieve Bureau"
width
=
"300"
height
=
"80"
border
=
"0"
>
161.
</
div
>
162.
163.
</
div
>
164.
165.
166.
</
div
>
167.
168.
169.
172.
173.
174.
175.
<
script
type
=
"text/javascript"
>
176.
var main = document.getElementById("main");
177.
Drag.init(main, null,0,900,0,0);
178.
document.getElementById("main").style.left=40;
179.
</
script
>
180.
181.
<
script
type
=
"text/javascript"
>
182.
document.getElementById('pre').innerHTML = document.getElementById('body').innerHTML;
183.
SyntaxHighlighter.all();
184.
document.getElementByID('pre').style.visibility = 'visible';
185.
</
script
>