tag:blogger.com,1999:blog-34635050475097269652024-03-22T06:22:22.769+01:00Les mondes électriquesprestations Web, 3d, et développement.Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comBlogger14125tag:blogger.com,1999:blog-3463505047509726965.post-42624334332401231302014-03-23T14:51:00.002+01:002014-05-22T19:32:25.640+02:00test<div id="tv">
<div class="jcarousel-toggle" draggable="false" >
<div class="jcarousel">
<ul>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSTANwyHD2iskryyPZlINf8tYrtUZrNzQxPwipTVQBmCGUf4Tv9IZ99vQDgu9iwahe14rrphHiBEmR_1F1JbJaDALd5HGi3SlM-qfCtc7e9x1-5DsF0nGdeAe-pxMlLasp29iwXxn07f7f/s1600/msg-0001.jpg" />
<div class="imgnum">1</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibw3f-QlHxXclMLCftXeGmz19nqbrZSAC1MQSvcezP6NQXuHVvz5GhZhS2YqEyjkw4Y5TS4mi6bqspwRHdPPXCYqxKIpTPL4DhKy5M2jhSfNmIrn5rICU2EXfXlrLc5kQMNwIVYaTQxvuP/s1600/msg-0002.jpg" />
<div class="imgnum">2</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs9kIqhUuQ2fSc9H3dMgmqEreCaCXxHVCm5AJPzMb1rZO8cNne9Fs756_sNcmet5D2i-otRsjcmW53QhkoPwjlPSYndgW8fBgBWjGRA5r6A6I-y5KVY9hFfvPWUXNFF-FNwkxBwMHs0oL-/s1600/msg-0003.jpg" />
<div class="imgnum">3</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsN62ka3igZ9BjRUKtps4zcAaE46FFypPe8fR08z8MYAyy7MaKRpLkYAwKMtChzac0ajYFKC6Fmwg1LU5EeBIv9nBbkiSN51l2K3IZeMmKJPrAnrXZy80Taws5kc4jd4zrKuVXcxdW0mBJ/s1600/msg-0004.jpg" />
<div class="imgnum">4</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZs37PBFi-xb7wKy7Ww5v4FkZDm4x3P1tIwsGX5Kgrx3mnbepJP2r9Vy22ikMAbq33LRMQ_UkYRs_oeJSeJ7f_Kqll35CA-AHXO27O2614jydemClFiRNgPJQeO63A6lsDPW8DqlyHrJk8/s1600/msg-0005.jpg" />
<div class="imgnum">5</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZnqapKkHFHGMPhG63YsWmjpo8YGFL7qWAeuMAnpAbxzVYziaBNv4-o6kWgpL9YaeY3Gzhx7gsMMWK7RZwy0acEv8yFI6KhDoGrWXEc-EZ168AWsXi_GoQS4amQL135gr1mgpoOEYdwP5L/s1600/msg-0006.jpg" />
<div class="imgnum">6</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvgXv3gBHHmTOrSDW3T6lRDru9FKZcIlHN4bQvMhOtPAuyXEYVIPaghj7Fsja1lQuI1N5SOySj24Sx5Im_p1mxJaux_dg0znwhcD9Kk3WYwhl81tRw_dK6-qMCoTq3jVkQHif0dhyUkVB7/s1600/msg-0007.jpg" />
<div class="imgnum">7</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikwJt3ktflKzOVz-Ge52VVZyMRK5rhJS3btNrI1cgIryCm6ByjwFOLUBJQRpBIZFGM55Km5k4Y46TK8x7dsLLKL6TdVUVOTq55kpGfGekJkQBtN10-CrH5tlskCru8z9hNHNUj527DHdVO/s1600/msg-0008.jpg" />
<div class="imgnum">8</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyqZ7Zwct8YFdeWG1unf_Kxfe-mZG-CwlxyM41Iz6ceNvs2ue0pezbzdluLkZM_qIa1eWeY0om5exR9Zr7WaPoyB5uldv6v0TXdYl844Et06kVSWoTHwWauPszKjvbMerremveoFtqd8gB/s1600/msg-0009.jpg" />
<div class="imgnum">9</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0v2jmAXg3IZlwXU-ND2K5fXtEMZ85OrfeMbRP0Q2bgjDlxCAAbMdFXtkNTw1Qy4vQtViu-RhlRrnoeHa147LrFAJCncF35ShNMWjHF0Ma7QTM9UcEPSN4gsSy2vj-gL8TGR6l5YAgp8x2/s1600/msg-0010.jpg" />
<div class="imgnum">10</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5pDq_zDicU-EKKgeV2i1Mf1_i6hfX1f-XiFx8n0uy7SJX1kQIFgY4nUn8wsO7vqDGlc5SArvOYoYgic7eU2XABPTcdbUmVRzk6HP26T3Hl1QqZ08OIxNBmE5qqesxM57PQdxqxuGbUT-w/s1600/msg-0011.jpg" />
<div class="imgnum">11</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIrtqUsnV6hzJMLcBDYf44z7beSPQLCRm7byCo1JOgD8sL5dzMpAeNZAz5x_vyBNdi7lPogb-BCG1U7YpDD6k9jCxg8r8gJu5-9NuuZuqQfIC0nPvO-8GaheJdHTOSOxuKiHLS6o91DXaV/s1600/msg-0012.jpg" />
<div class="imgnum">12</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHMkPndqP1WBe1n7IkHpgWwZphfhdFVDWmsRdVZO9ElbwpcNZ7kJ9YJydPGZ__st1QR3dZaRSRVTj8CD-MN3zvqneWSN5e_lrTsPVLa3HZBOWLbbPufpsScj1wI5DUwtZfBiRhIGwnbmAs/s1600/msg-0013.jpg" />
<div class="imgnum">13</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhod2B7UV0MRMxS8h9tMfLQjIss8BDG_ex4a6Xi1Q8waNPwRBnZJwgWYK6cnfYyNZXyoBLIsBLseK6-9MYucEMBzBRatJv7nzD9aJRvTm65hyphenhyphenuV_zwOD3g5DO4iNfd5abWDGliw_mgfrGn1/s1600/msg-0014.jpg" />
<div class="imgnum">14</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJvMlwnphZL6ij0WslTols8V3slVAMjwdUC5QK3hOW2AutM4CgimpuuB2fDdrCH3LJ9iBbz2HNQDDLR0eCqWn5G2eIO3haChIP_9NL0fGAqJqNff7OEm57HVJdnmo7Vwd3Tu5yK1MLoJHQ/s1600/msg-0015.jpg" />
<div class="imgnum">15</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw-FjCigt1JwyuWX6ft_Qg5zTTcNOW5SEB2g0dg9s4TusUJW_9YHskH4TfGHAVqDKIAGUHQMR8J2GUUWot-okGFMOAT6A7SHTGcOwiC5LZ3IHESnHHZzrplEoln0SZdj2iPpH1m_Nc_xA1/s1600/msg-0016.jpg" />
<div class="imgnum">16</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHFkOwi75SDtxUVHe8iIwC3V-dq7E05RXGPp9yoOfhCltPxB0dNf_XksccIBp9o4EJZDs4oncrj4loHuSHgEJVtmxYNVNikajMuRVONxEAwNpv6hdjLdQ7xlM2LQxvJsE4VW2fLnTJlv1C/s1600/msg-0017.jpg" />
<div class="imgnum">17</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMLLCylIgl7PW6DFJGMRCnRJtJaQef48QX2vw1KXmF2k6SdhoiB8FsWjwpynmaAaMFb3CQYvokDe6djYqU1ThTpzFx8UM6Kom0CphPzjKS_qTDHs5BWztM4v9ZmK_w-VOJV1kdMmkHiaC1/s1600/msg-0018.jpg" />
<div class="imgnum">18</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRDLxa9xyle-I9g0Mbajl37JloMBoNwhmpPDcZhUfUXK8HqYD0eYmna8W2t_rJSUxCZum0sd8sqBOg-USaclDNhDs2A4ipbI7EVx-Pj889wvmIvWieY5vVPU1ZdQHQ5pILUgAGEqQIXXkk/s1600/msg-0019.jpg" />
<div class="imgnum">19</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVkgl5whCdTw3nzaRWQjdOYCSw86vCIbOrJD_1HGU9Cp3NAl9zBmcKlGWmkznhL91u8lS36CXN4wuaDT_N1ax5yGI5qMv_wBpmuQbvBF9JW-5InBLrviPEV8lBQdZG_AEmJl5gspV7Bxo/s1600/msg-0020.jpg" />
<div class="imgnum">20</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg41fkDJlOc6uE9MjRGt0eXQKDj5Qk_-dgCA2zHPyimeQEBvezeL5Ll1IPoOelyKhPusWU_muYg2bSefAaVnJi-JtZF1-d4cgSnp14nZswE5Fyj34TC3p1Uis5E2YqmU3886YagGSGlGpzq/s1600/msg-0021.jpg" />
<div class="imgnum">21</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc33PZGqs5vzsSpVGNhP3wrCg2VtPyM2yIJMDPsXBSJdlEWNXihBvs8XgrDOa68IGwAval8QeJzr0Ym0cFnk_udI5qqw6DjOv8mssxllWmCk4tBsRlnKWtqDb0665O5-gl7oj25TNZghPh/s1600/msg-0022.jpg" />
<div class="imgnum">22</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3vo4eObUPmxZAmN2vgFeHfgji_sjbRA0b-QcfHhftrNOQonF8TIcRjra_HPYIZy1aqUoB4CwIBGyoMe8eAatL4-dshOwDMNRf8Hdj7PLDVqVzUXfwsDF8n0xo_y78YuvqjVFC5SCQPkSI/s1600/msg-0023.jpg" />
<div class="imgnum">23</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9X0lG-wFdCobakt4jtAVMzc62noAZrKq7ijrEv0XY3YxObI4mxGCEWFe5PbPGiMfitPqyw7x7eGQXuQT_K4vF_g4MKqcCG3KfHfQvKPf6vVL1VmB4WQDYTEfdbnVeE2mvMFFDb67yMhdu/s1600/msg-0024.jpg" />
<div class="imgnum">24</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQZpNkv7dTCYqvFp5dk6gzgf9p24L-SDcedi_LWifAlAatpmv53xYUYU7w4qS4-XvxzbC1pjQy289GF2Zc03LuFKMGsX2ZlpBbr5hgIu8DkVJ-4T_J1zllnmWdcKCYvOgicqvb8RO0saVd/s1600/msg-0025.jpg" />
<div class="imgnum">25</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7-2LAXfgM3PU70FC7u_gf4EWdRlTQY71ZhSIKaQoUSSDnK7YfxeqbRLeCdR2waqAo3Rvp88cKCLEMwiwZ7nwcpBMnmVdYlwOx8Lmrb6YwYb_vS2bp59664fdscRMUe9MdVAyJrA6d1XEE/s1600/msg-0026.jpg" />
<div class="imgnum">26</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUjaTyWMy_NdSsBQlRJfqu-SY3JK6_cyOnn9qIoOAYKSV-gv25qJANqtD6yG1EsAhX2ircy5bhRCjbGtZ9l52vWlFJ_PzTbExYUeSVqRZXK75r9AkDxot9pdBjqfWQ2W13C9iQXjktTdXL/s1600/msg-0027.jpg" />
<div class="imgnum">27</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXhJR60xHalrP-zAaFfWHeW-BFBofOS093dEnxOu3joGdNTbdUsVVm2tgpJ3RIv_sHtm8aP-BAyqRFaWXZuYZRk-2i27tGOUi55HsmMxMxNtcsdMMpZZNBvYUc17EPrVfhy88-r6qJ49CR/s1600/msg-0028.jpg" />
<div class="imgnum">28</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaDJFx607JAKFAp5vxIKkBOccPqgjX9C80zl1m9k0l6wy1AcGmFfBEjkHc1lc5tY1DSOqKfkMSJAoepegEmbvVXGjh8C8VUUSSe9P-SSELMXvXKf3CKpXIK1mQI6l8QkDQCqNFB9pnRzud/s1600/msg-0029.jpg" />
<div class="imgnum">29</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVfP-jc5lCqpjEETseN_-uNP3UWSgteI314ulaxX4_M1Lew8VwpuSvp0t_nZW6MbES-JIBK1j1ykSbu_UAyRLZEs6KXePjIGRCEMOE6SAMduStMBalwzZXVel9jR2wOOTmO1JMK0yDq3eW/s1600/msg-0030.jpg" />
<div class="imgnum">30</div>
</li>
<li><img class="noframes" draggable="false" width="512" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqiatnF2ROnRA9RwPANM711qASGN9bdB3zq3do3xEfXCiZRZX4p141M4nNE2jtwkBc26vASWM9oCOQGmcxwbBar_NhdLtKHem96XmVjz1OaIj0x5Uiy5ivFYb0lFn7v9K-pD19oBxoab9X/s1600/msg-0031.jpg" />
<div class="imgnum">31</div>
</li>
</ul>
</div>
</div>
<div class="glass" draggable="false">
</div>
<div id="slider_outer">
<div id="slider">
</div>
</div>
<div class="control">
<span draggable="False" id="yalp" class="jcarousel-yalp">⏪</span>
<span draggable="False" id="prev" class="jcarousel-prev">◀</span>
<span draggable="False" id="stop" class="jcarousel-stop">⬛</span>
<span draggable="False" id="next" class="jcarousel-next">▶</span>
<span draggable="False" id="play" class="jcarousel-play">⏩</span>
</div>
<span id="frame"></span><br />
<span id="time"></span><br />
<span id="sta"></span><br />
<span id="sta2"></span><br />
<span id="target"></span><br />
<span id="last"></span><br />
<span id="comp"></span><br />
<span id="debug"></span><br />
</div>
<script type='text/javascript'>
autoscroll = false ; // use autoscroll jcarousel plugin for play and image drag. else mine
framenb = 31 ; // images count
frame = 1 ; // currently shown
intervalspeed = 250 ; // vitesse du handler
steps = 20 ; // nombre de vitesse
cruise = 10 ; // vitesse defaut
speedmin = 250 ; // intervalle de vitesse en ms
speedmax = 25 ; // exprime un temps de pose/image
speedsteps = Math.round((speedmin-speedmax) / (steps-1)) ; // granularité de la vitesse en ms
drag = true ;
imgwidth = document.getElementById("tv").clientWidth ;
imgheight = 341 ;
dragareamargin = 0 ;
lxz = 0 ;
lforce = 200 ;
ldir = '+=1' ;
// xtg = 0 ;
jcrsl_sta = 1 ;
xtg = cruise ;
var animspeed = setInterval(function(){surf()},intervalspeed);
function setspeed(speed) {
clearInterval( animspeed );
animspeed = setInterval(function(){surf()},speed);
}
function surfinit(event) {
//var canvas = document.createElementNS("http://www.w3.org/1999/xhtml","canvas");
//canvas.width = canvas.height = 5;
//event.dataTransfer.setDragImage(canvas,10,10);
drag = true ;
document.getElementById("sta2").innerHTML = "start drag." ;
};
//function surf() {
// var event = window.event;
// document.getElementById("tv").style.cursor=none;
// document.getElementById("sta2").innerHTML = "drag." + event.clientX + " " + event.clientY ;
//};
function surf() {
// event = $(document).event;
//window.onmousemove = handleMouseMove ;
drag = true ;
//function handleMouseMove(event) {
if (drag==true) {
if (xtg > 0) { var dir = '+=1'; }
else if (xtg < 0) { var dir = '-=1'; }
else { var dir = '0' ; }
if (dir != ldir && Math.abs(lxz) != 1) { xo = 2 ; }
else { xo = 1 ; }
if (xtg > lxz ) { lxz += xo ; }
else if (xtg < lxz ) { lxz -= xo ; }
if (lxz != 0) {
if (lxz > 0) {
frame += 1 ;
jcrsl_sta = 1 ;
}
else {
frame -= 1 ;
jcrsl_sta = -1 ;
}
speed = speedmax + speedsteps * (steps - Math.abs(lxz)) ;
setspeed(speed) ;
shift() ;
slidershift() ;
document.getElementById("comp").innerHTML = "force " + speed ;
}
else {
ldir = '0' ;
jcrsl_sta = 0 ;
}
}
//}
};
function shift() {
if (frame == 0) frame = framenb ;
else if (frame == framenb+1) frame = 1 ;
var liid = frame-1 ;
var img = '.jcarousel li:eq(' + liid + ')' ;
$('.jcarousel').jcarousel('scroll', $(img));
display() ;
}
function slidershift() {
$( "#slider" ).slider( "value", frame-1 );
}
function surfend(e) {
var d = new Date();
document.getElementById("time").innerHTML = d.toLocaleTimeString();
if (!e) var e = window.event;
var tg = (window.event) ? e.srcElement : e.target;
document.getElementById("sta2").innerHTML = tg.nodeName ;
if (tg.nodeName != 'IMG') return;
if (tg.nodeName != 'DIV') return;
var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
while (reltg != tg && reltg.nodeName != 'BODY')
reltg= reltg.parentNode
if (reltg== tg) return;
// Mouseout took place when mouse actually left layer
// Handle event
xtg = 0 ;
//document.getElementById("sta2").innerHTML = "end drag." ;
};
function display() {
document.getElementById("frame").innerHTML = "frame : " + frame ;
document.getElementById("target").innerHTML = "xtg : " + xtg + " w : " + imgwidth ;
//document.getElementById("target").innerHTML = "x : " + x + "xtg :" + xtg ;
document.getElementById("last").innerHTML = 'lxz : ' + lxz ;
document.getElementById('yalp').className = "jcarousel-yalp" ;
document.getElementById('prev').className = "jcarousel-prev" ;
document.getElementById('stop').className = "jcarousel-stop" ;
document.getElementById('next').className = "jcarousel-next" ;
document.getElementById('play').className = "jcarousel-play" ;
if ( xtg == 0 )
selected = document.getElementById('stop') ;
else if ( xtg > 0 )
selected = document.getElementById('play') ;
else
selected = document.getElementById('yalp') ;
selected.className = selected.className + ' selected' ;
}
$(function() {
jcrsl_sta = 0 ;
$('.jcarousel')
.jcarousel({
// Core configuration goes here
wrap: 'both',
animation: {
duration: 0,
easing: 'linear',
complete: function() {}
}
})
.jcarouselAutoscroll({
interval: 150,
target: '+=1',
autostart: false
});
$('.jcarousel-play').mouseup(function() {
jcrsl_sta = 1 ;
if (xtg == cruise)
xtg = cruise * 2 ;
else {
xtg = cruise ;
//lxz = 0 ;
}
});
$('.jcarousel-yalp').mouseup(function() {
jcrsl_sta = -1 ;
if (xtg == -cruise)
xtg = -(cruise * 2) ;
else {
xtg = -cruise ;
//lxz = 0 ;
}
});
$('.jcarousel-stop').mouseup(function() {
if (jcrsl_sta != 0) {
jcrsl_sta = 0 ;
xtg = 0 ;
lxz = lxz / Math.abs(lxz) ;
display() ;
}
});
$('.jcarousel-toggle').mouseup(function() {
sta.innerHTML = jcrsl_sta ;
if (jcrsl_sta == 0) {
jcrsl_sta = 1 ;
lxz = 0 ;
xtg = cruise ;
}
else {
jcrsl_sta = 0 ;
xtg = 0 ;
lxz = lxz / Math.abs(lxz) ;
}
display() ;
})
$('.jcarousel-prev').click(function() {
frame -= 1 ;
shift() ;
slidershift() ;
});
$('.jcarousel-next').click(function() {
frame += 1 ;
shift() ;
slidershift() ;
});
$( "#slider" ).slider({
value: 0,
min: 0,
max: 30,
step: 1,
slide: function( e, ui ) {
// get
var selection = ui.value ;
frame = selection + 1 ;
shift() ;
}
}
);
$('.glass').mousemove(function(event) {
var x = event.pageX - $('.jcarousel').offset().left ;
var y = event.pageY - $('.jcarousel').offset().top ;
if ( ( x < dragareamargin || x > imgwidth - dragareamargin) || ( y < dragareamargin || y > imgheight - dragareamargin) )
xtg = 0 ;
else
xtg = Math.round((( x * steps * 2) / imgwidth ) - steps) ;
display() ;
});
// $('.glass').mouseout(function(event) {
// //event = event || window.event ;
// var x = event.pageX - $('.jcarousel').offset().left ;
// var y = event.pageY - $('.jcarousel').offset().top ;
// if ( ( x < dragareamargin || x > imgwidth - dragareamargin) || ( y < dragareamargin || y > imgheight - dragareamargin) )
// xtg = 0 ;
// else
// xtg = Math.round((( x * steps * 2) / imgwidth ) - steps) ;
// display() ;
// });
});
</script>Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-21974694839193631152014-03-20T15:01:00.001+01:002014-10-02T12:01:13.581+02:00<div class="accueilimgbox">
<img class="accueilimg" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/accueil.jpg" />
</div>
<div class="accueiltxtbox">
<h1>Créations virtuelles.</h1>
Accompagnement et réalisation de vos projets web ou 3D
</div>
<div class="mobile-padding">
</div>
<div>
<div>
<div>
<h4>Création Web</h4>
</div>
<div style="float:right">
<a class="logo" href="/search/label/site%20web" imageanchor="1" >
</a>
</div>
</div>
<ul style="text-align: left;">
<li>J'accompagne les professions libérales, les artisans, les commerçants, les associations, et les PME dans leur projet de site <a href="search/label/site%20web">web</a>,</li>
<li>sur tout ou partie du projet : audit, conseil, cahier des charges, appel d'offre, conception graphique et technique, hébergement, réalisation, maintenance, sites marchands, back-office web, référencement, réseaux sociaux...</li>
</ul>
</div>
<br />
<br />
<div>
<div>
<div>
<h4>Réalisation 3D</h4>
</div>
<div style="float:right">
<a class="logo" href="/search/label/3d" imageanchor="1" >
</a>
</div>
</div>
<ul style="text-align: left;">
<li>Je développe des présentations 3D interactives,</li>
<li>des programmes spécifiques qui s'articulent dans votre pipeline de production CGI,</li>
<li>et réalise toutes sortes de travaux 3D : perspectives architecturales, animations, titrage/génériques, rigging, skinning... </li>
</ul>
</div>
<br />
<br />
<div class="date-posts" style="padding:20px;">
<div style="text-align: center;">
<h4>Du sur-mesure,</h4><br />
Pas de recette unique : mon offre est personnalisée et s'adapte à <b>votre</b> besoin, <b>votre</b> budget, et <b>vos</b> délais.
</div>
<br />
<br />
<div style="text-align: center;">
<h4>pour toutes les tailles.</h4><br />
Je réponds à la diversité, aux évolutions et aux dimensions de vos projets en travaillant, <b>si besoin est</b>, avec mon réseau de partenaires : un interlocuteur unique, un budget adapté au seul objectif.
</div>
</div>Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-12621715003490715782014-03-07T17:12:00.000+01:002014-03-18T12:56:53.075+01:00Avatars<br />
<iframe allowfullscreen="" frameborder="0" height="344" src="//www.youtube.com/embed/b3mgYrRJ8xY" width="459"></iframe>
<br />http://jerome.le.chat.free.fr/index.php/blender/galleries/gallerie-xin.htmlAnonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-46750961159931118142014-03-07T16:15:00.003+01:002014-04-29T15:55:15.983+02:00le CISS<div class="imghead" style="clear: both; text-align: center;">
<a href="/2014/03/le-ciss.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="287" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/leciss.jpg" width="400" /></a>
</div>
<div class="post_bottom">
<div class="teaser">
Maintenance, monitoring applicatif, évolutions/besoins ponctuels (développement spécifique et infographie)<br />technos : Drupal 6, PHP5, MySQL <span class="date">[depuis 2014]</span>
</div>
<a name='more'></a>
<div style="text-align: justify;">
Le Collectif Interassociatif Sur la Santé représente depuis près de 20 ans les intérêts communs à tous les usagers du système de santé. Il œuvre pour <b>un accès de tous à des soins de qualité.</b>
<br /><br />
Il rassemble <a href="http://leciss.org/qui-sommes-nous/associations-membres" rel="nofollow" target="_blank">40 associations nationales</a> et 25 collectifs régionaux intervenant dans le champ de la santé.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Le collectif appuie sa communication nationale sur différents portails web, les réseaux sociaux (Facebook, Twitter) et les flux rss.</div>
<div style="text-align: justify;">
<br /></div>
<div style="clear: both;"></div>
<div style="text-align: justify;">
Nous nous sommes rencontrés alors que le CISS souhaitait minimiser ses frais de maintenance et de développement sur 2 de ses portails web, afin de pouvoir investir davantage dans le développement de nouveaux outils de communication. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
J'assure depuis février 2014 le bon fonctionnement des services web et base de données de leciss.org et de son extranet, et répond aux besoins de l'équipe rédactionnelle :
<ul>
<li>Conseil,<li>maintenance,<li>monitoring applicatif,<li>développements spécifiques et infographie,<li>mises à jours Core et Modules Drupal.
</ul>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Les deux sites sont basés sur le <a href="http://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu" target="_blank">CMS</a> (SGC en français) <a href="http://drupal.org/" rel="nofollow" target="_blank">Drupal 6</a> et une base de données <a href="http://fr.wikipedia.org/wiki/Mysql" rel="nofollow" target="_blank">mySQL</a>.</div>
<br />
<a href="http://www.leciss.org/">http://www.leciss.org</a><br />
<a href="http://extranet.leciss.org/">http://extranet.leciss.org</a><br />
<br />
<small>design et réalisation jusqu'à janvier 2014: <a href="http://agence-limite.fr/" target="_blank">Agence LIMITE</a></small>
</div>Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-8426982649066272572014-03-06T12:21:00.000+01:002014-03-27T16:50:20.061+01:00Florence Giovannetti<div class="imghead" style="clear: both; text-align: center;">
<a href="/2013/10/florence-giovannetti.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-IIXivP5373Y/Uqs5W-fXduI/AAAAAAAAACw/fTnQT1rcLdQ/w533-h433/florencegiovannetti.jpg" /></a></div>
<div class="post_bottom">
<div class="teaser">
Recueil des besoins - conception/réalisation technique & graphique - formation et support<br />
technos: blogger, b:code, javascript, css3 <span class="date">[depuis juin 2013]</span>
</div>
<a name='more'></a>
<div style="margin: 10px 70px">
<div style="text-align: justify;">
Florence Giovannetti est une artiste verrier. Elle réalise des pièces uniques (des luminaires, des miroirs, des bijoux...) et expose régulièrement dans de nombreux salons d'art et d'artisanat. Elle souhaitait publier ses créations sur l'Internet et communiquer sur ses expositions.
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
J'ai recontré Florence en juin 2013 et lui ai proposé une mise en page qui "sertit" chacune de ses pièces dans environnement graphique dérivé de son travail. Chaque page présentant les pièces est catégorisée par type, couleurs et collections, et affiche un diaporama ou un carroussel d'image animé.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ce site essentiellement graphique est conçu sur Blogger, le service de <a href="http://fr.wikipedia.org/wiki/Blog" rel="nofollow" target="_blank">blog</a> de Google. Il incorpore un peu de Flash et de Javascript en plus du bcode, et a été réalisé en un cumul de 5 jours. (concept puis réalisation technique et graphique).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
J'assiste Florence sur certaines des mises à jour de son site et lui explique comment se servir et tirer profit des différentes technologies web lui permettant de se faire connaître.</div>
<br />
<a href="http://www.florencegiovannetti.com/">www.florencegiovannetti.com</a>
</div>
</div>Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-2431917561035168402014-03-05T12:20:00.000+01:002014-03-27T17:28:50.034+01:00Réseau Alpha<div class="imghead" style="clear: both; text-align: center;">
<a href="/2013/10/reseau-alpha.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/reseau-alpha.jpg" /></a></div>
<div class="post_bottom">
<div class="teaser">
Concept, réalisation, évolution, maintenance, SEO, statistiques, PHP/SQL/JS spécifiques, géolocalisation, back-office par rôle, gestion de membres, administration Centos/plesk/SSH, icônes, sauvegardes SQL/fichiers<br />technos : Drupal 6/7, MySQL, PHP5, javascript <span class="date">[depuis 2008]</span>
</div>
<a name='more'></a>
<div style="text-align: justify;">
Depuis 2008, j'accompagne l'association <b>Réseau Alpha</b> dans la conception et la réalisation de leur portail web. Le site est destiné pour une part à aiguiller les personnes <b>non-francophones</b> vers les associations et les organismes municipaux ou régionaux qui proposent des <b>formations de français</b>, mais également à fournir un ensemble de ressources à destination de tous les acteurs de l'apprentissage du français.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
La proposition technique est de bâtir <b>un annuaire vivant</b>, auto-entretenu par les associations elles-mêmes : chaque association membre dispose d'un <b>accès en écriture</b> au site leur permettant de maintenir à jour leurs informations, ce qui leur permet d'économiser sur leur frais de communication web -aucun frais d'inscription- tout en rencontrant la demande de formation -le site étant identifié des différents partenaires sociaux en charge de diriger les non-francophones vers une formation adaptée.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Réseau Alpha relaie par ailleurs leur actualité, et veut favoriser le travail collaboratif associatif. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Le site est destiné à des publics souvent peu familiers de l'Internet : la navigation est voulue très claire. Cette clarté masque des <b>outils de recherche et de cartographie avancés</b>, s'appuyant une base de données conséquente, et développés sur la base du CMS <a href="https://drupal.org/" target="_blank">Drupal</a>.<br /><br /></div>
<div style="clear: both;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/reseau-alpha-boardmembre.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="204" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/reseau-alpha-boardmembre.jpg" width="320" /></a></div>
</div>
<div style="text-align: justify;">
<b>La partie privée du site</b> donne l'autonomie nécessaire aux associations et à l'équipe rédactionnelle de Réseau Alpha pour créer et modifier leur information respectives. Sans avoir recours à une nouvelle prestation.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Entre autres outils on trouvera de nombreux développements de programmes dédiés, comme un système de construction en ligne des lettres d'informations mail (newsletters), un système de suivi des modifications et de facturations, des outils de gestion membres dédiés aux besoins... le projet est très actif.</div>
<br />
Concept graphique : <a href="http://www.guillaumedeschamps.fr/" rel="nofollow" target="_blank">GuillaumeDeschamps</a><br />
<a href="http://www.reseau-alpha.org/">http://www.reseau-alpha.org/</a>
</div>Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-85328959274225636342014-03-04T22:50:00.003+01:002014-03-27T18:04:06.322+01:00Portfolio 3d<div style="text-align: center;">
Diverses réalisations en 3d temps réel ou précalculée, et des développement spécifiques en python ou mel<span class="date"><br />[en construction]</span></div>
Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-37030657734891269602014-03-04T16:53:00.000+01:002014-03-27T17:50:58.657+01:00Porfolio Web<div style="text-align: center;">
Quelques-uns des sites que j'ai réalisé: des sites d'artistes, d'autres de collectifs nationaux, les solutions mises en place sont diverses et adaptées.</div>
Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-11642826695600377792014-01-23T19:25:00.002+01:002014-03-27T16:46:01.263+01:00Shootin'party<div class="imghead">
<a href="/2014/01/shootinparty.html" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img border="0" height="287" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/shootingparty.jpg" width="400" />
</a>
</div>
<div class="post_bottom">
<div class="teaser">
concept, réalisation, évolutions/besoins ponctuels, support et formation<br />
technos: blogger, b:code, javascript, css3
</div>
<a name='more'></a>
<div style="max-width:230px;clear: right; float: right; margin-bottom: 1em; margin-right:12px;">
<div style="text-align: justify;">
Shootin'party est un studio photo qui propose des photographies de vous en apesanteur, et ce sans la contrainte d'être millionnaire ou astronaute.
<br />
</div>
<div style="text-align:center; margin-top:17px;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguszwLh38la_du91tiWvrKgGMDQQZDMn6O_96jWt7TxlNThFZ4uuicOXSMCWhoWRaXg68xuCft5DE0KsNsovkfnINqT-rZYlLFFt-fFdzXVDG1MjGuWhIQeU_MStNZI-yNEB6PXiZ5GWw/s320/SP+03.jpg" />
</div>
<div style="text-align:center; margin-top:17px;">
<a href="http://www.shootinparty.com/">http://www.shootinparty.com/</a>
</div>
</div>
<div style="max-width:418px;clear: left; float: left; margin-bottom: 1em;">
<div style="text-align: justify;">
Ces dernières années leur projet a été commandé ou très largement repris partout : elles - Daisy Reillet et Estelle Poulalion - ont pu séduire nombre de clients renommés comme Canal+ ou Sony, par l'originalité et le professionnalisme de leur projet.
<br /><br />
Le site web est réalisé sur blogger, le service de blog de Google. Le <a href="http://fr.wikipedia.org/wiki/Mise_en_page" rel="nofollow" target="_blank">layout</a> est aéré et ne comporte que 3 couleurs, afin de mettre en valeur les photos et de s'harmoniser avec le concept du projet. La navigation est de même claire et rapide.
</div>
</div>
</div>Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-82452765152510056522014-01-23T19:19:00.003+01:002014-03-27T16:53:31.783+01:00Nostoc<div class="imghead" style="clear: both; text-align: center;">
<a href="/2014/01/nostoc.html" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="287" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/nostoc.jpg" width="400" /></a></div>
<div class="post_bottom">
<div class="teaser">
Maintenance, évolutions/besoins ponctuels (développement spécifique et infographie)<br />technos : WordPress, PHP5, MySQL, Javascript <span class="date">[depuis 2011]</span>
</div>
<a name='more'></a>
<div style="text-align: justify;">
Nostoc est un groupe de musique à la frontière des musiques du monde et du jazz.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
J'ai rencontré l'un de ses musiciens, <b>Guillaume Dupuy</b> (didgeridoo, khaen, chant, bols tibétains...), lorsque j'étais impliqué dans <a href="/2013/10/festival-le-reve-de-laborigene-2004.html">l'organisation d'un festival de musique du monde</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
J'assiste Guillaume dans la maintenance et la réalisation de son site web : mise en page, contenus multimédia.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
Ci-dessous une invitation au voyage :<br />
<a href="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/nostoc-scene.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/nostoc-scene.jpg" width="320" /></a>
<br />
<object data="http://www.nostoc.eu/wp-content/plugins/playpress/player.swf" height="24" id="audioplayer1" type="application/x-shockwave-flash" width="290">
<param value="http://www.nostoc.eu/wp-content/plugins/playpress/player.swf" name="movie">
<param value="soundFile=http://www.nostoc.eu/wp-content/uploads/2011/11/05-thali.mp3&playerID=1" name="FlashVars">
<param value="high" name="quality">
<param value="false" name="menu">
<param value="opaque" name="wmode"><audio src="http://www.nostoc.eu/wp-content/uploads/2011/11/05-thali.mp3" preload="metadata" controls=""><a href="http://www.nostoc.eu/wp-content/uploads/2011/11/05-thali.mp3">Download audio file (05-thali.mp3)</a></audio></object>
<br />
Bien plus sur <a href="http://www.nostoc.eu/">http://www.nostoc.eu/</a>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-23644724187398871012013-10-12T12:44:00.001+02:002014-03-07T17:13:31.001+01:00Importation de fichiers directX dans BlenderAnonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-7661331782876851632013-10-12T12:32:00.002+02:002014-03-27T17:02:24.272+01:00Pitø<div class="imghead" style="clear: both; text-align: center;">
<a href="/2013/10/pito.html" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/pito.jpg" width="314" /></a></div>
<div class="post_bottom">
<div class="teaser">
Recueil des besoins, conception/réalisation technique, développement PHP spécifiques<br />
technos : Spip, PHPBB2, PHP, MySQL <span class="date">[2007-2008]</span>
</div>
<a name='more'></a><div style="text-align: justify;">
Pitø était une société de production et de distribution de court-métrages originaux et décalés avec laquelle j'ai travaillé entre 2006 et 2008.</div>
<div style="text-align: justify;">
J'ai conçu pour eux un site web réservé à un comité de lecture, qui pouvait consulter les nouveaux scénarii et se prononcer sur leur production. Le système était basé sur une version du moteur de forum <a href="http://en.wikipedia.org/wiki/PhpBB" target="_blank">phpbb2</a> modifié pour intégrer le workflow nécessaire aux prises de décisions.</div>
<span style="font-size: x-small;">[ projet de logo animé pour web et titrage film - j.mahieux]</span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
J'animais par ailleurs le comité, publiais les nouveaux scénarios (remise en page, conversion pdf, annonces etc..) et assurais le contact et le suivi des scénaristes.
<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">
<img border="0" height="320" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/pito-logo5.jpg" width="251" /></div>
<div style="text-align: justify;">
Nous avions également un projet de portail web un peu fou qui n'a pas eu l'occasion de voir le jour (sur la base de <a href="http://en.wikipedia.org/wiki/SPIP" target="_blank">spip</a>). Le projet avait été mené avec Murielle Félix, graphiste et animatrice. Les idées fortes étaient de ne rien avoir de droit sur le portail, et de brouiller les signaux d'usage concernant la navigation, les illustrations. le site, très graphique, était conçu sur la base de <a href="http://en.wikipedia.org/wiki/SPIP" target="_blank">spip</a>.</div>
<br />
<a href="http://www.dailymotion.com/misfreak#video=xdzj0r" target="_blank">Quelques-uns des travaux de Murielle</a> (animations, stop motion...)
</div>
Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-59378938542460032352013-10-12T12:31:00.004+02:002014-03-27T17:17:02.781+01:00Festival le rêve de l'aborigène 2004<div class="imghead" style="clear: both; text-align: center;">
<a href="/2013/10/festival-le-reve-de-laborigene-2004.html" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/lra2004-poster.jpg" width="228" /></a>
</div>
<div class="post_bottom">
<div class="teaser">
Responsable communication, management, conception/réalisation outils de com web et prints<br />technos : PHP, CSS3 <span class="date">[2004]</span>
</div>
<a name='more'></a>
<div style="text-align: justify;">
Le Rêve de l'Aborigène est un grand festival de 3 jours organisé chaque année en juillet, depuis plus de 10 ans, par des assos et des bénévoles de toute la France. Il invite des groupes de musique aborigènes du monde entier, et s'intéresse particulièrement aux aborigènes d'Australie, leur musique et leur culture. Plus de 3000 personnes viennent chaque année au festival.<br />
<br />
<i><span style="font-size: x-small;">[affiche 2004 - conception/réalisation Denis Chaignot]</span></i><br />
<br />
<span style="font-size: small;">Cette expérience de 1 an et demi m'a enrichi à plus d'un titre et fût pour une part le pendant associatif du métier que j'exerçais </span><span style="font-size: small;"><span style="font-size: small;">jusqu'alors </span>en tant que chef de projet et ingénieur réseau, notamment la gestion de projet en contexte bénévole.</span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/lra2004-web.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="217" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/lra2004-web.jpg" width="320" /></a>
</div>
<div style="text-align: justify;">
J'étais très impliqué dans l'édition 2004 du Rêve : rassemblement et implication des assos nationales autour du projet, médias, <span style="font-size: small;">plan et outils de</span> communication, budget, recherche de financement, de bénévoles, de compétences... 2004 fût la première année où nous avons pu inviter des musiciens aborigènes d'Australie et où nous avons pu équilibrer le budget. [<a href="https://googledrive.com/host/0B-RJZtuaVEmAelFmaVpXVXd3T1k/LeReveDelAborigeneDossierDePresse.pdf">dossier de Presse 2004</a>]</div>
<div style="text-align: right;">
<br />
<i><span style="font-size: x-small;">[site web festival 2004 - J.Mahieux]</span></i></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/vdr2004.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="288" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/vdr2004.jpg" width="320" /></a>
</div>
<div style="text-align: justify;">
En parallèle j'étais président de l'association parisienne de Didgeridoo Vent du Rêve (70 membres), ou je m'occupais la plupart du temps de trouver des lieux de concerts et de répétitions sur Paris (deux par mois en moyenne) et de négocier les prestations<br />
<br />
<div style="text-align: left;">
<i><span style="font-size: x-small;">[site vent du rève 2004 - J.Mahieux]</span></i>
</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
C'est à cette époque que j'ai démissionné de mes fonctions de consultant et ingénierie Réseau et Sécurité, que j'exerçais alors en tant que prestataire pour Cegetel / SFR. Il aurait fallu 32 heures par jour ! <br />
Une crise de la trentaine riche et épuisante donc :)
</div>
</div>
<div style="clear: both;">
</div>
<div style="text-align: justify;">
</div>
<a href="http://www1.ventdureve.net/"><br />http://www1.ventdureve.net/</a> l'association de didgeridoo parisienne<br />
<a href="http://www.lereve-de-laborigene.net/">http://www.lereve-de-laborigene.net</a> le festival 2014<br />
<a href="http://www.1prime.fr/">http://www.1prime.fr</a> imprimeur (grand merci à Marc Herzog !)
</div>Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.comtag:blogger.com,1999:blog-3463505047509726965.post-58682612984803268092013-10-12T12:22:00.002+02:002014-03-27T17:29:24.108+01:00Jerome le Chat<div class="imghead" style="clear: both; text-align: center;">
<a href="/2013/10/mon-site-perso.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://googledrive.com/host/0B-RJZtuaVEmASnpsWTFoUXJJOWM/lechat.jpg" /></a></div>
<div class="post_bottom">
<div class="teaser">
Concept, réalisation, rédactionnel, infographie, maintenance<br />technos : Joomla, PHP, MySQL <span class="date">[depuis 2005]</span>
</div>
<a name='more'></a>
<div style="margin:10px 15px;">
<div style="text-align: justify;">
mon ancien site perso, que j'ai conçu et réalisé sur la base de <a href="http://www.joomla.fr/" rel="nofollow" target="_blank">joomla</a> en 2006.
On y parle beaucoup de <a href="http://www.blender.org/" rel="nofollow" target="_blank">Blender</a>, LA suite 3d open-source, et de add-ons que j'ai réalisé pour ce programme absolument dément. Il y a également des tutoriaux et des galeries d'images.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Le site est bilingue et comporte de nombreuses vidéos. Je souhaitais une apparence reposante, pour un public de développeurs ou de créateurs 3D généralement éreintés : peu de signaux, articles pleine page, liens et menus toujours contextuels. La mise en page est fluide et s'adapte en largeur.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="http://jerome.le.chat.free.fr/">http://jerome.le.chat.free.fr/</a></div></div>
</div>
Anonymoushttp://www.blogger.com/profile/02071006905801715644noreply@blogger.com