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">Jora Vision</span> <br><br>
031. Invoering van iNPROJECTS en daarnaast twee custom modules gemaakt. Eerste module maakt het mogelijk om uren per week te boeken, en doormiddel van een workflow goed te keuren en te vewerken. Tweede module maakt een kostprijsberekening mogelijk alvorens daar een samengestelde offerte van te laten vervaardigen.
032.<br><br><br>
033.<div class="img-ilus"><img src="../../images/joravision_weekstaat_small.gif" width="470"></div>
034.
035. </div>
036.
037. <div class="subcontentportfolio">
038. <div class="portfoliolabel">Werkzaamheden</div>
039.<div class="portfoliotext">Implementatie iNPROJECTS en bouwen van 2 maatwerkmodules</div>
040.
041.<div class="portfoliolabel">Technieken</div>
042.<div class="portfoliotext">Ruby on Rails, Flex 3</div>
043.
044.<div class="portfoliolabel">Opdrachtgever</div>
045.<div class="portfoliotext">Jora Vision</div>
046.
047.<div class="portfoliolabel">Gerealiseerd</div>
048.<div class="portfoliotext">Juli 2009</div>
049.
050.<div class="portfoliolabel">Url</div>
053.
054.
055. </div>
056.
057. </div>
058.
059.
060. </div>
061.
062. <div class="portfolio">
063.
064.
065.<div class="tile">
066.
067. <div class="portfoliolabel">Vrom Nota Ruimte</div>
068. <div class="rollover">
069. <a href="../vrom-nota-ruimte/index.html" onmouseover="MM_showHideLayers('vrom-nota-ruimte','','show')" onmouseout="MM_showHideLayers('vrom-nota-ruimte','','hide')">
070. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
071. </div>
072. <div class="img-ilus">
073. <div class="project" id="vrom-nota-ruimte">
074. Website vervaardig en CDROM van de website
075. </div>
076. <img src="../../images/notaruimte_small.jpg" alt="Website vervaardig en CDROM van de website" width="300" height="80" border="0">
077. </div>
078.
079.</div>
080.
081.<div class="tile">
082.
083. <div class="portfoliolabel"> > Jora Vision</div>
084. <div class="rollover">
085. <a href="index.html" onmouseover="MM_showHideLayers('jora-vision','','show')" onmouseout="MM_showHideLayers('jora-vision','','hide')">
086. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
087. </div>
088. <div class="img-ilus">
089. <div class="project" id="jora-vision">
090. bouwen van maatwerk modules weekstaat en kostprijsberekening.
091. </div>
092. <img src="../../images/joravision_small.png" alt="bouwen van maatwerk modules weekstaat en kostprijsberekening." width="300" height="80" border="0">
093. </div>
094.
095.</div>
096.
097.<div class="tile">
098.
099. <div class="portfoliolabel">MASS-IT</div>
100. <div class="rollover">
101. <a href="../mass-it/index.html" onmouseover="MM_showHideLayers('mass-it','','show')" onmouseout="MM_showHideLayers('mass-it','','hide')">
102. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
103. </div>
104. <div class="img-ilus">
105. <div class="project" id="mass-it">
106. Met Iphone planning en uren registratie uitvoeren
107. </div>
108. <img src="../../images/mass_it_small.jpg" alt="Met Iphone planning en uren registratie uitvoeren" width="300" height="80" border="0">
109. </div>
110.
111.</div>
112.
113.<div class="tile">
114.
115. <div class="portfoliolabel">Men At Work</div>
116. <div class="rollover">
117. <a href="../men-at-work/index.html" onmouseover="MM_showHideLayers('men-at-work','','show')" onmouseout="MM_showHideLayers('men-at-work','','hide')">
118. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
119. </div>
120. <div class="img-ilus">
121. <div class="project" id="men-at-work">
122. artiest boeking in 2 stappen
123. </div>
124. <img src="../../images/maw_small.jpg" alt="artiest boeking in 2 stappen" width="300" height="80" border="0">
125. </div>
126.
127.</div>
128.
129.<div class="tile">
130.
131. <div class="portfoliolabel">BAM Mercuriuskade</div>
132. <div class="rollover">
133. <a href="../bam-mercuriuskade/index.html" onmouseover="MM_showHideLayers('bam-mercuriuskade','','show')" onmouseout="MM_showHideLayers('bam-mercuriuskade','','hide')">
134. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
135. </div>
136. <div class="img-ilus">
137. <div class="project" id="bam-mercuriuskade">
138. Promotie website in Radiant CMS opgeleverd.
139. </div>
140. <img src="../../images/bam_small.jpg" alt="Promotie website in Radiant CMS opgeleverd." width="300" height="80" border="0">
141. </div>
142.
143.</div>
144.
145.<div class="tile">
146.
147. <div class="portfoliolabel">iNPROJECTS</div>
148. <div class="rollover">
149. <a href="../inprojects/index.html" onmouseover="MM_showHideLayers('inprojects','','show')" onmouseout="MM_showHideLayers('inprojects','','hide')">
150. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
151. </div>
152. <div class="img-ilus">
153. <div class="project" id="inprojects">
154. iNPROJECTS een administratie pakket voor het Creatieve Bureau
155. </div>
156. <img src="../../images/inprojects_small.png" alt="iNPROJECTS een administratie pakket voor het Creatieve Bureau" width="300" height="80" border="0">
157. </div>
158.
159.</div>
160.
161.
162. </div>
163.
164.
165.
168.
169.
170.
171. <script type="text/javascript">
172. var main = document.getElementById("main");
173. Drag.init(main, null,0,900,0,0);
174. document.getElementById("main").style.left=40;
175. </script>
176.
177. <script type="text/javascript">
178. document.getElementById('pre').innerHTML = document.getElementById('body').innerHTML;
179. SyntaxHighlighter.all();
180. document.getElementByID('pre').style.visibility = 'visible';
181. </script>
