This is a development board for the PIC24F series of microchip, with:
  • USB ( plug it to any computer)
  • Ethernet ( plug it to the internet)
  • SD card ( save and read all data you will need)
I developed this thing as a learning platform, it worked ( still is). So if you always want to go a step further in microcontrollers as i want, it's a nice way of doing it . The problem i had is that microchip examples are for their development board, which i don't have access. So i developed my one board and examples, and i saved all the steps so it would be easier to someone to get started.Going from a simple ping to a webpage with ajax.

 A video showing the project:

 (Obs:the page is no longer available, iT consumes some power and a port on my  router.)
Just to give a head start see some of the things i have done so far with this board:
  1. An Touch keyboard, usable as a standard USB keyboard.
  2. A Video Game ( pong and snake games) , with TV output, and connection to a PC Keyboard ( the old PS/2 ) for control.
  3. Picture frame,  reads pictures form the SD card and show them on the TV.
  4. Controling a 5 volt LCD and some leds, with just 3 wires ( the MCU is 3.3V)
  5. Web server, where you can see some status of the board as temperature, the position of a Pot and a Button,  control some leds and the LCD ( all this from the internet)
  And the things i know before i started ( just a checklist): It all started when i saw this project:

web-server-on-a-business-card-part-2 ( thank you HACKADAY)

The idea of controlling something trought the internet was really nice, so i bought the chip. But when i was delivered classes started. One Year later, i started to read a promising book:

Programming 16-Bit PIC Microcontrollers in C: Learning to Fly the PIC 24 

I was the 24F, i started right away. Breadboard, wire-mess, and the first programs were running. But as i advanced in the book i felt the need for a PCB. Hackaday project was my base, but i wanted i little bit more. An USB connector, and some pins fore expansions.The WEBSD board was born.

After I developed some extra boards to plug. If i want to do a new thing with the board, just design a simple expansion board. 

Follow the next pages to see more about the project. Project files are annexed on this page.

Arthur Benemann 2011 Brasil

Step 1: Main Board

Jump this if you have no interest on the design part of the project.

The main board was been based on the hackaday project. It's name come from the two main thing on it:
  • WEB - Internet connection
  • SD - The memory card
I was one of my first projects with a PIC24F, and the power of this chips and C combined scared me.

Layout was easy because of the PPS (Peripheral Pin Select) feature of this family. I allows the I/O of the digital peripheral to be assigned to almost any pins. But i was low on the pin count, but squeezed 4  pins out of it for expansions.

Power is done by a small power supply rated for 5v 500mA ( a standart 7805 PS). I do not chose USB power because of the current draw by the Ethernet chip.

To put all the connectors on one side , and to keep a small size, a double layer board was needed. i got addicted by smd parts, they can be faster to solder, and there is no need to drill so many holes in the board. Unfortunately i didn't bought the Smd version of the ENC28j60 so it is a DIP part.

The MCU choice was simple, i wanted to learn to use the 24F family, USB was a nice feature to explore, SOIC package (QFN packages still frightens me). So i just pick the one with the biggest program memory.

The ICSP programming connector is for the pickit2 footprint, i is used also as a rs232 serial port. You can see the communications using the terminal provided with the pickit2 or with a external serial port ( allows for more speed)

Part-list  ( with mouser reference) :
Qty Value Device Parts
3 red LEDCHIPLED_0805 LED1, LED2, LED3
8 0.1uF C-EUC0805 C2, C4, C6, C7, C9, C10, C11, C12
2 1uF C-EUC0805 C5, C8
1 2K32 R-EU_R0805 R12
2 10k R-EU_R0805 R1, R5
1 10uF CPOL-EU153CLV-0405 C3
2 22pf C-EUC0805 C15, C16
4 49R9 1% R-EU_R0805 R8, R9, R10, R11
1 60ohms I_0805 L1
1 330R R-EU_R0805 R4
2 330R R-EU_R0805 R2, R3
1 AP1117E33 V_REG_LM1117SOT223 IC1
1 J1006LONG Ethernet Connector RJ1
1 SD SD U$2
1 power jack JACK-PLUG1 J2

<p>Here, I made Weather Station using Ethernet shield</p><p><a href="http://www.instructables.com/id/Arduino-Web-Weather-Server/" rel="nofollow">http://www.instructables.com/id/Arduino-Web-Weather-Server/</a></p>
Puxa se eu tivesse lido esse artigo antes teria poupado um baita tempo no aprendizado incial da TCP Stack da Microchip. Felizmente , ap&oacute;s 5 dias martelando , consegui fazer um pequeno prot&oacute;tipo rodar corretamente usando um PIC24HJ256GP210. Obrigado pelo esfor&ccedil;o e por espalhar o conhecimento.
I test your firware HTTP But compile error.Why ?
Arthur, seu trabalho &eacute; realmente impressionante! Eu tamb&eacute;m sou aluno de gradua&ccedil;&atilde;o em eng el&eacute;trica e estou muito motivado a, pelo menos, reproduzir esse seu trabalho, por&eacute;m estou encontrando algumas dificuldades quanto &agrave; grava&ccedil;&atilde;o dos c&oacute;digos... ser&aacute; que eu poderia trocar alguns e-mails com voc&ecirc; a fim de san&aacute;-las? Desde j&aacute; obrigado e mais uma vez parab&eacute;ns!
Muito bom trabalho, sem duvida !<br>Fico feliz que um trabalho t&atilde;o bom quanto esse tenha sido feito por um brasileiro, isso &eacute; muito motivador !<br>Parabens !
De uma olhada neste outro projeto: http://www.instructables.com/id/picChess/<br><br>E um projeto novinho est&aacute; saindo do forno...
Arthur, gostaria do seu e-mail ou alguma forma de contato pois estou projetando uma placa de desenvolvimento tambem com o 24f e gostaria de alguma ajuda e se possivel troca de informa&ccedil;oes... Meu e-mail &eacute; diogenes_viegas@hotmail.com <br>caso queria me mandar uma forma de contato para o meu e-mail serei grato. <br>Obrigado
Very nice project, keep the good work <br>But i have one question , i made also this project but what is your power supply more or less then 20V? and what is your working voltage on your board? 3.3V or less? <br> <br>Because i tryed 12V suplly but did not work. <br> <br>But keep on the good work :)
You made the board? Cool. It's a 5V DC input, The processor runs at 3v3, but some of the other plug-in boards need the 5 volts. I use one of those wall brink power supply with a 7805 to get the 5v.
Grande projeto!<br>Muitas possibilidades de uso, como apoio a servidores em caso de estar offline e at&eacute; automotivo para saber staus do veiculo e localiza&ccedil;&atilde;o com autiliza&ccedil;&atilde;o de um GPS.<br>Abra&ccedil;os.
Great Job Arthur! I would love to see the webpage for this, but cannot access it. Is it still up and running?
Thanks, the webpage is offline( as commented under the video). But if you download the projects files in &quot;...\firmware\10 - Ethernet LCD\Webpages&quot; you can open it.
Hi, i started monitoring the WEBSD board with Google Analytics, anyone knows how share the info? The page view counter on the webpage it's lying a bit, it resets every time the board is reseted. ( ex: when i reprogram it)
use different concept send IP: over USART to PC there log it <br>into TXT file - you can log in HTTPd format and use later web/apache tools from sourceforge <br> <br>or log data to SD keep on mind you have to log with &quot;append&quot; <br>never do incerement variables becouse HTTP request are paralell and incerementing you can damage accuracy <br> <br>simply log only IP in binary form for example 4bytes <br>and number of visitors is filesize (div) 4(sizeof IP) <br> <br>FATfs statistics.log (IP <br>020130057103(chr(\r\n)) = 14chars per line ( 14 is better for DIViding) <br> <br>filesize/14=num_lines = hits later you can use unix/cygwin GNU tools <br>sort -nr | uniq &gt; visitors -&gt; GeoIP produce country list :) <br> <br>Nice NIce Project I wish have same with AVR but not Arduino :p <br>ATmega644P <br> <br>Dont worry about you english its better then my. but I see problem with lighting in you room video its too Dark. Nextime change the LightBulb ;) <br> <br>
Your project is absolutely AMAZING! Pure genius. Just so you know, your english is better than most native speakers of the language! Again, this is fascinating! Could you do an instructible on how to make and wire the USB connection? <br>; - )
Thanks, I'm glad you liked. I don't understand what you mean by how to wire the USB connection, there is nothing new there just a standard min-b USB cable.
thanks for your reply. i make my own arduinos, and I cant figure out how to make the usb connection with an ftdi chip. you know how to do this by any chance? is that how you connect your board? with ftdi? right now i use a ft232 to usb to connect to my boards, but its external.... i have to wire it to my board to upload sketches. id love to just have the chip on the boards i make instead. i want to make my own. the ft232 is $15! and i cant pay this for each board.
i have not played with a FTDI chip yet. The board uses the USB peripheral of the PIC24F micro.
Well Done!!! Dude plz tell me the name of theb ook u read to study about Ethernet and USB protocol in PIC24F series
The book is &quot;learning to fly the pic24f&quot;, but it's about the 24F series not USB and Ethernet. USB and Ethernet you can learn with the microchip exemples, help files, and this project .
Parabens muito bom, &eacute; bom ver projetos brasileiros aqui no instructables.
Sem Duvida! Parabens mesmo Arthur muito bom o trabalho. Sempre considerei que nos Brasileiros, somos criativos. <br><br>Very nice project, good work.
Great work!
Wow awesome instructable. I started December with the same idea, I haven&rsquo;t really made much progress since then, but your instructable will help a lot. I am planning to do the Ethernet and SD card part. If you can please give me some advise, will there be a lot of change in your hardware and software if I use the PIC18f97J60?
Cool.<br><br> The hardware will change a lot, as you wan't to use a PIC that has the Ethernet MAC and PHY inside already. The software could be adapted, but microchip has a lot of the ethernet examples using this chip.<br><br>It's up to you to go the fast way ( with my project over here), or the fun way ( developing your own board )...<br><br>Fell free to ask any question : )
Hey I am very impressed by your intractable. I started in the beginning of the year with almost the same project. The only thing is I want to use a pic18 and as well RS232. Will there be a lot of change in the code to use the networking and maybe a SD card. I will appreciate the help and any comment you can give me.
I know it's being a little pedantic, and understand using GET in this application for the sake of simplicity, but people doing similar projects should be aware that GET requests are not supposed to change state on an HTTP server, and that any request that will change state on the &quot;server&quot; such as the output of a display, LED, or motor should use a POST request. Browser UIs, web crawling bots, and other http clients are generally built with this assumption in mind so in some cases this can be a safety issue.
Good point, <br><br>But that is the way that microchip blinks leds on the examples, but the URL string should no be longer than 100 bytes to prevent overflow.<br><br>I know that maybe the LCD should use a post method. But i when i wrote that code i was still learning the GET request.<br><br>Another code I'm doing gives you the option of send a bitmap file to the board and make that show up on the TV. This one could only work with POST.
yeah, I agree that in the microcontroller it may make sense to violate this rule of web design. I mostly wanted to make people aware of the tradeoff between simplicity and convention that was being made. <br><br>It's good that you'll have an example of a POST.<br><br>BTW, this is a very cool project. thanks for sharing it.<br><br>-Matt
muy buen proyecto! saludos desde Argentina!
Arthur , <br> I am so impressed with all the effort you put into this project along with the explanations and referances you used. You are very talented ! I am english ( with a small amount of french speaking) and to think I would have missed all the learning if you posted this in your native language ... Thank you for all you have done ! <br>Question , what is your occupation and electronics background , if you don't mind my asking ? <br>Build_it_Bob
Hi, thanks for reading. About your question, &nbsp;currently &nbsp;I'm an electronics engineering student at <a href="http://www.ufrgs.br/ufrgs/">UFRGS</a>.<br> <br> I started learning&nbsp;electronics at&nbsp;&nbsp;2004 I think. So far I learned&nbsp;everything&nbsp;in the internet, blogs ( <a href="http://hackaday.com">HACKADAY</a>, <a href="http://hackedgadgets.com">HACKEDGADGETS</a>&nbsp;, ...) , some books ( <a href="http://www.amazon.com/Art-Electronics-Paul-Horowitz/dp/0521370957">The art of eletronics</a>), and&nbsp;application&nbsp;notes. But mainly from&nbsp;blowing&nbsp;leds on a breadboard.<br> <br>
Ignora o cara.... Projeto massa!
hahah ficou perfeito, muito j&oacute;ia, ainda nao terminei de ver tudo, mas ja gostei muitoooo !!! voc&ecirc; mora em qual cidade?<br><br>ahh a hora que eu terminar de ler eu posto aqui!!!
Novo Hamburgo - RS
ahh sim!! me passa seu facebook, twitter, msn gtalk ???
Nice job! Thank you for posting this project. Mike (Canada)
It's an impressive project.<br>@arturb, keep pointing at the moon and let someone else keep looking at your fingers.
The system is up and running, the pages are in English <br> <br> <br>I dont seem to be able to connect also <br> <br>just a blank page the IE says some kind of network problem <br> <br>
I was very impressed with you unit . <br> <br>nice job keep up your learning <br> <br>and dont worry about what mooreroy says as some people arent happy unless they are trying to put some one else down <br> <br>
This is a seriously nerdy project and I am green with envy that I wasn't doing stuff like this when I was *coff* younger. Brilliant learning project and explanations! Keep it up! :)
nice instructables, but at any time of the day it says that cannot connect to live system, so i can&acute;t see if it&acute;s really up and runing. An one mo thing, have u been able to use what languages on the pages?
The system is up and running, the pages are in English.
I think i'm commenting too much i my own project but here i go again.<br>I was looking at Google anylitcs data, and all the messages sent where stored in there, so just a thanks to people that send a hello from:<br>Austria<br>Thailand<br>Netherlands<br>Belgium<br>Brazil<br>Canada<br>Glossop<br>Lithuania<br>france<br>UK<br>poland<br><br>an if Randall Munroe send this message &quot;http://xkcd.com&quot;, thanks !
Thanks guys from Canada.
Thank you for the comments. It's nice to see so many Brazilian here .<br><br>The LCD message changes every 5 minutes, hey someone just blink a led right now as I'm typing.
muito bom....otimo projeto... parabens!!!
Great project! keep on.<br>
Nice project! I've been planning to make something like this for a few time now! Keep it that way! Regards from Paraguay!
10minutes up and i already have a comment on the LCD !!!

About This Instructable


104 favorites


More by arthurb: picChess WEBSD Smart Button
Add instructable to: