Table of Contents

Portefolio

Webdesign

NM1
Style assignment

I used this CSS code for e.g.: NM1 scripting

* {
	margin:0;
	padding:0;
}
 
body {
	font-family: 'Lucida Grande', 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
 
.buttons {
	padding:5px 10px;
	background:#4682B4;
	color:white;
	font-weight:bold;
	font-size:20px;
	z-index:1000;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
		float:left;
	margin-right:10px;
}
 
.text {
	padding:5px 10px;
	background:#4682B4;
	color:white;
	font-weight:bold;
	font-size:20px;
	z-index:1000;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
		float:left;
	margin-right:10px;
}
 
#info {
	position:fixed;
	top:10px;
	left:10px;
}
 
#chcolor {
	float:left;
	margin-right:10px;
}
 
#helptext {
	display:none;
	width:300px;
	font-size:13px;
}
 
.buttons:hover {
	background:#0000ff;
}
 
.banner:hover {
	background:#FFFF0F;
}
 
.box {
	position:absolute;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:4px 8px;
}

Chaos assignment
For the worst website assignment, we had to script a website that is as bad as possible. This is what I made of it: Worst site Code:

<HTML>
<HEAD>
  <TITLE>Worstpage design</TITLE>
 
  <TITLE>Website d3signed for no purpose at all</TITLE>
  <script>
 
  window.onload=function() {
 
    var bobble=document.getElementsByTagName("body")[0];
    setInterval(function() {
        bobble.style.marginTop=(bobble.style.marginTop=="40px")?"-40px":"40px";
    }, 400);
}
 
var message="No right clicking here buddy!";
 
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
 
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
 
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
 
document.oncontextmenu=new Function("alert(message);return false")
</script>
</HEAD>
 
<BODY BACKGROUND="grey%20parchment.gif">
 
<H1><CENTER><FONT COLOR="#ff0000" SIZE="+4"><IMG SRC="image not to be found on server"
WIDTH="207" HEIGHT="65" ALIGN="BOTTOM" BORDER="0" NATURALSIZEFLAG="0"></FONT></CENTER></H1>
 
<H1><CENTER><FONT COLOR="#0000ff" SIZE="+4">Worst P4ge design!! :D</FONT></CENTER></H1>
 
<H4><center><font color ="0f0f0f" size="+1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae sapien orci, non suscipit lacus. Donec ac mauris ac lacus vestibulum blandit. Nam mattis nisl sed leo blandit aliquet. Duis laoreet nunc nec est semper eu egestas ligula dictum. Nulla facilisi. Morbi blandit, nibh nec iaculis egestas, tellus metus tristique eros, ut dapibus dolor massa id leo. Nulla facilisi. Morbi vitae tempor magna. Suspendisse elit mauris, gravida non suscipit eget, vestibulum et diam. Phasellus et bibendum neque. Sed vel sem elit, non adipiscing eros. Ut ultricies varius dolor eu vulputate. Phasellus lectus sem, viverra id mollis in, pulvinar id quam. Donec ornare lacinia neque, a tincidunt elit malesuada sit amet.
 
Mauris sed convallis sem. Nam ipsum elit, faucibus ut volutpat nec, pulvinar sit amet ligula. Morbi dapibus elementum posuere. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus mauris risus, tristique quis gravida at, luctus et lorem. Cras suscipit vulputate arcu vel vulputate. Fusce vitae sem ante. Nunc arcu nisl, rutrum ut condimentum at, molestie a diam. In euismod, ante lacinia cursus mollis, sapien nulla rhoncus dolor, eu volutpat nisl sem dapibus arcu. Nam feugiat, libero ut aliquam feugiat, tortor metus interdum erat, nec ornare neque ipsum in sem. Aenean nec elit justo. In hac habitasse platea dictumst. Nam molestie fermentum ligula at egestas. In hac habitasse platea dictumst. Vestibulum elementum odio ac nisi consectetur pharetra. Aenean vestibulum libero ut sapien bibendum sit amet condimentum tortor ultrices.
 
Vestibulum nec augue eget dui rutrum porta. Fusce sit amet ante et arcu gravida blandit. Suspendisse eu ante justo. Sed eu ante nisi, non tincidunt quam. Vestibulum dolor elit, auctor a blandit vel, faucibus vel odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate, eros vel aliquam porta, est urna consequat quam, porta egestas neque tortor vitae tortor. Duis eleifend neque id nunc sagittis imperdiet et sit amet leo. Aliquam id felis est. Mauris eu dui ipsum. Vestibulum tincidunt tortor mi, non condimentum risus. Aenean quis nisl quis turpis eleifend semper. Mauris et nulla sit amet elit lobortis adipiscing at eget justo. Proin vel est erat, ut suscipit turpis. Vivamus tempor eros vel elit consequat porttitor. Nulla adipiscing lorem non felis bibendum ut tristique tortor bibendum. Donec in nibh est, id iaculis diam. Aliquam porta velit vitae urna vestibulum bibendum. </font></center></h4>
 
<H3><CENTER><FONT COLOR="#ff0000" SIZE="+2"><MARQUEE width="60%">Annoying banner :D </MARQUEE><BR>
</FONT></CENTER></H3>
 
<H4><CENTER><A HREF="frameset1.html"><FONT SIZE="+2">Please click here to go absolutely no where!!</FONT></A></CENTER></H4>
 
<P><CENTER><FONT COLOR="#0000ff">This site has been optimised
for</FONT> <IMG SRC="ie4get_animated(1).gif" WIDTH="88" HEIGHT="31" ALIGN="MIDDLE" BORDER="0" NATURALSIZEFLAG="3"></A></CENTER>
 
</BODY>
</HTML>

Electrical

Multi-functional Powerboard's
====== Powerboard's ======

===== Description =====

Met dit Power-Breakout bordje krijg je met een 7,5-9 V ingang een 1,8; 3,3; 5,0 Volt uitgang.

Het werkt plug&play (ik soldeer al deze printjes gratis) Je plaatst het bordje in je breadboard, plugt een adapter in en je kan beginnen. Voor mensen die geen dure labvoeding willen aanschaffen is dit een heel goedkope oplossing.

Het bordje levert 1,8V; 3,3V en 5V.

Onderdelen:

-1x Printje -1x AMS1117-1.8V -1x AMS1117-3,3V -1x AMS1117-5,0V -3x Smd caps -8x Pinheaders -1x PowerJack -1x Led -1x Diode -1x SMD resettable fuse

===== Hardware Design =====

===== Final Result =====

USB Protection Board

====== USB Protection Boards ====== ===== High level Design =====

===== Hardware Design =====

===== Final Result =====

Reflow Oven
Reflow Oven

Movement2Music
Movement2music

CarPC
CARPC

Psychological

Personal Mindmap
Mindmap

Music

Music Project ~ Come Clarity

Final School version:

Instruments:

  • Piano
  • Synthesizer
  • Electrical Guitar
  • Drum
  • Vocals

Lyrics

Rushing through 30
Getting older every day by two
Drawing pictures of veils and times
Can you add color inside these lines

I want you to lead me
Take me somewhere
Don't want to live in a dream one more day
(x2)

Sure it would change my perspective.
Im certain I would change today.
Im certain it would change our ways\\. Would things fall into place?

I want you to lead me
Take me somewhere
Don't want to live in a dream one more day
(x4)

Take me somewhere
Don't want to live in a dream one more day
(x2)
Send “Come Clarity” Ringtone to your Cell

Attending:

  • Rene Wessels (1st Guitar) (first project version)
  • Douwe Bart Mulder (Piano) (first project version)
  • Gijs Wessels (2nd Guitar)
  • Jeroen Tichelaar (Drum)

Files:

Software

Website Backup System
Website Backup System

Processing