First of all, “why Spoka Box?”
In the very first version its name was S.M.S., that stands for Scatola Magica della Solitudine [eng: Magic Box of Loneliness], and it was a gift for my girlfriend, who studies and lives far away from our city 5 day a week.
The goal was to give her a present to remember me and don’t feel loneliness. It could show some random sentences to encourage her and a simple romantic “cartoon”.
Now, the main features and the design is totally upgraded and the gift needed a new name, Spoka Box, from the name of the little night light bought from IKEA.
Spoka Box essentially is an alarm clock with a graceful and funny design, but in the inner core it’s an useful butler.
In fact Spoka Box is programmed to wake up its master gently, turning on a soft light some minutes before the alarm time, and it’s upgradable with much more usable functionalities (some will be added in the near future).

Features and description

Features

• clock and date
• alarm clock
• midi alarm song
• before alarm, wake up mood light
• independent mood light
• random sentences (in main screen and by a button function)
• simple cartoon

Clock functions.
Date and time are configurable by a dedicate menu and saved into an internal chip, that has its own battery.
The time is shown in a very big style in the middle of the screen, the date and the week day is visible in the top right corner.
In the top left corner you can see an “*”, that indicates the alarm is set on.

Midi alarm song.
In the main persistent memory there is a midi song saved for the alarm functions.
The Spoka Box uses two 2W speakers with standard 3.5mm jack, that have a volume control in the back.

Spoka Box functions.
The spoka light can works totally independent by the Spoka Box, can also be detached from it and used with its internal rechargeable battery, and have three states: off, “slow changing color light” and fixed light.
When 10 minutes till wake up, in any states the spoka light is, the Spoka Box set the “slow changing color light” state.
When alarm (and song) starts, the Spoka Box create a new state for the spoka light, by a loop between on and off, it blinks the light.
Now you can switch off the alarm and the spoka light remain in “slow changing color light” until 15 minutes pass, or you can turn it off pushing its head.

Random sentences.
It shows a random sentence from a list.
Every minute one of this sentence is shown in the bottom of the main screen, or you can see one by selecting the function in the menu.

Cartoon.
It shows a short lovely animation.
It uses a matrix of the positions of every single elements of the cartoon.

Design.
The design of the Spoka Box is made of four main parts: core box, box support, spoka light and speakers.

Core box.
The core box is where the main board, memory and clock chip (and battery) are.
It’s made from an electric derivation box (plastic), covered by purple cloth and some yellow flowers.
It has a 3.5mm jack for spoka light control, a 3.5mm jack for audio out, and a mini usb port to firmware update and power supplier.
On the right side there is a pot to control the screen brightness.

Box support.
The Box support is made from an IKEA cutlery holder (name: Magasin, price: € 2 ca.), painted and modified to look like the “E” letter.. my girlfriend name is Elisa.
It also has two little magnets inside the top, to firmly attach the core box.

Spoka light.
It’s a night light from IKEA (name: Spoka, price: € 13 ca.).
It has been added a little board (a power mosfet used as a switch), put into the core box, and a 3.5mm jack inside, to read the light state and to change it by an electric impulse, simulating the head button press.

Speakers.
Normal 2W, 3.5mm jack, speakers, with volume control in the back and a nice looking design.

How it’s done (hardware).
Components:
core box:

• Arduino,
• graphic LCD,
• LCD shield (by me),
• 2 buttons,
• 2 trimmers,
• 2 3.5mm jacks,
• mini breadboard,
• 1 electric box.

Spoka light:

• Spoka night light,
• 1 mini board with a power mosfet (into spoka light),
• 1 3.5mm jack.

You can find the code and some information about LCD here.
Some functions and menus code snippet will come (the code needs some public readable updates).

Photos

Video

Nel frattempo leggi la versione in inglese qui!

[Update: the S.M.S. has been upgraded, read this]

This post is about what is it and how it’s done the S.M.S.

First of all S.M.S. is for Scatola Magica della Solitudine [eng: Magic Box of Loneliness] and it’s a gift for my girlfriend, who studies and lives out of our city 5 day a week.
The goal was to give her a present to remember me and don’t feel loneliness. It can shows some random sentences to encourage her and a simple romantic “cartoon”.

Features

• random sentences
• cartoon
• some images

Random sentences
It shows a sentence from a list.

Cartoon
It shows a short lovely animation.
It uses a matrix of the positions of every single elements of the cartoon.

Some images
They are bmp images coded into hexadecimal values and memorized into Arduino sketch.

How it’s done

Components

• Arduino,
• graphic LCD,
• LCD shield (by me),
• 2 buttons,
• 2 trimmers,
• mini breadboard,
• 1 electric box.

You can find the code and some information about LCD here.

Some functions and menus code snippet.

• Loop.

void Start(){
GLCD.ClearScreen();
GLCD.CursorTo(0,2);
GLCD.Puts("Ciao!");
GLCD.CursorTo(0,5);
GLCD.Puts("Premi un pulsante..");
}

void Menu_Opts_1(){
GLCD.ClearScreen();
GLCD.CursorTo(3,1);
GLCD.Puts("Menu Opzioni 1:");
GLCD.CursorTo(0,3);
GLCD.Puts("Premi pulsante 1 x cartoon.");
GLCD.CursorTo(0,5);
GLCD.Puts("Premi pulsante 2 x frasi.");
}

void Menu_Opts_2(){
GLCD.ClearScreen();
GLCD.CursorTo(3,1);
GLCD.Puts("Menu Opzioni 2:");
GLCD.CursorTo(0,3);
GLCD.Puts("Premi pulsante 1 x cartoon.");
GLCD.CursorTo(0,5);
GLCD.Puts("Premi pulsante 2 x frasi.");
}

void loop(){
button1State = digitalRead(button1Pin);
button2State = digitalRead(button2Pin);

//============== MENU 0 - Main Screen ================
if(menu == 0 && button1State == HIGH){
menu = 1;
Menu_Opts_1();
}
if(menu == 0 && button2State == HIGH){
menu = 2;
Menu_Opts_2();
}

//============== MENU 1 - Options Screen ================
if(menu == 1 && button1State == HIGH){
menu = 0;
Cartoon();
EndAnim();
Start();
}
if(menu == 1 && button2State == HIGH){
menu = 0;
Sentence();
Start();
}

//============== MENU 2 - Options Screen ================
if(menu == 2 && button1State == HIGH){
menu = 0;
// Something to do.
}
if(menu == 2 && button2State == HIGH){
menu = 0;
// Something to do.
}
}

• Function to display the random sentence

void Sentence(){
int RandBtn2Count = 0;
RandBtn2Count=random(1,7);

GLCD.ClearScreen();

switch (RandBtn2Count){
//--------------------------------------//
//******* FRASE 1 *******//
case 1:
GLCD.CursorTo(0,1);
GLCD.Puts("text");
GLCD.CursorTo(0,3);
GLCD.Puts("text");
GLCD.CursorTo(1,4);
GLCD.Puts("text");
GLCD.CursorTo(2,5);
GLCD.Puts("text!");
break;
//--------------------------------------//
//******* FRASE 2 *******//
case 2:
GLCD.CursorTo(0,1);
GLCD.Puts("text");
GLCD.CursorTo(0,3);
GLCD.Puts("text");
GLCD.CursorTo(0,4);
GLCD.Puts("text!!");
GLCD.CursorTo(0,5);
GLCD.Puts("text!!");
break;
//--------------------------------------//
//******* FRASE 3 *******//
case 3:
//GLCD.CursorTo(0,1);
//GLCD.Puts("3");
GLCD.DrawBitmap(cuore, 30,0, BLACK);
break;
//------------------------------------------//
//******* FRASE 4 *******//
case 4:
GLCD.CursorTo(0,1);
GLCD.Puts("text!");
GLCD.CursorTo(0,3);
GLCD.Puts("text");
GLCD.CursorTo(0,4);
GLCD.Puts("text");
GLCD.CursorTo(0,5);
GLCD.Puts("text!");
delay(5000);
GLCD.DrawBitmap(smile, 32,0, BLACK);
break;
//-----------------------------------------//
//******* FRASE 5 *******//
case 5:
GLCD.CursorTo(9,3);
GLCD.Puts("text!");
break;
//-----------------------------------------//
//******* FRASE 6 *******//
case 6:
//Cartoon();
GLCD.CursorTo(0,3);
GLCD.Puts("text");
GLCD.CursorTo(0,4);
GLCD.Puts("text!!");
break;
//-----------------------------------------//
//******* DEFAULT *******//
default:
GLCD.CursorTo(0,1); // go to 2nd line, 1st column
GLCD.Puts("Ops!");
GLCD.CursorTo(0,3);
GLCD.Puts("c'e' stato un errore..");
break;
}
delay(5000);
}

• Cartoon function

void Cartoon(){
/* matrice per le mosse
move[i][j]=[x,y]
Mossa i-esima, variabile j-esima.
*/
int move[7][6];
// x1,y1,x2,y2,arm1,arm2
int move_0[6]={25,15,56,15,0,0};
int move_1[6]={27,15,56,15,0,0};
int move_2[6]={29,15,56,15,0,1};
int move_3[6]={33,15,56,15,0,1};
int move_4[6]={36,15,56,15,0,1};
int move_5[6]={40,15,56,15,1,1};
int move_6[6]={43,15,56,15,1,1};
int move_7[6]={46,15,56,15,1,1};

for(int j=0;j<8;j++){
for(int i=0;i<7;i++){
switch (j){
case 0:
move[j][i]=move_0[i];
break;
case 1:
move[j][i]=move_1[i];
break;
case 2:
move[j][i]=move_2[i];
break;
case 3:
move[j][i]=move_3[i];
break;
case 4:
move[j][i]=move_4[i];
break;
case 5:
move[j][i]=move_5[i];
break;
case 6:
move[j][i]=move_6[i];
break;
case 7:
move[j][i]=move_7[i];
break;
}
}
}

for(int i=0;i<8;i++){
GLCD.ClearScreen();
// Heads
GLCD.DrawCircle(move[i][0],move[i][1],5,BLACK);
GLCD.DrawCircle(move[i][2],move[i][3],5,BLACK);
// Body left person
GLCD.DrawLine(move[i][0],move[i][1]+5,move[i][0],move[i][1]+15, BLACK);
if(move[i][4]==1){
// Arm left person
GLCD.DrawLine(move[i][0],move[i][1]+8,move[i][0]+5,move[i][1]+5,BLACK);
}
// Body and foots right person
GLCD.DrawLine(move[i][2],move[i][3]+5,move[i][2],move[i][3]+15, BLACK);
GLCD.DrawLine(move[i][2],move[i][3]+15,move[i][2]+3,move[i][3]+20, BLACK);
GLCD.DrawLine(move[i][2]-1,move[i][3]+15,move[i][2]-3,move[i][3]+20, BLACK);
if(move[i][5]==1){
// Arm right person
GLCD.DrawLine(move[i][2],move[i][3]+8,move[i][2]-5,move[i][3]+5,BLACK);
}
// Foots left person
GLCD.DrawLine(move[i][0]+1,move[i][1]+15,move[i][0]+3,move[i][1]+20,BLACK);
GLCD.DrawLine(move[i][0],move[i][1]+15,move[i][0]-3,move[i][1]+20,BLACK);
delay(1500);
}
}

[Update: la S.M.S. ha subito un restyling ed un upgrade, trovate tutto qui]

Questo post mostra cosa è e come è stata realizzata la S.M.S..

Innanzi tutto S.M.S. significa Scatola Magica della Solitudine ed è stata realizzata come regalo per la mia ragazza, che studia e vive 5 giorni su 7 fuori città.

Funzionalità

• frasi casuali
• cartoon
• immagini varie

Frasi casuali
Mostra una frase casuale tra una ventina memorizzate.

Cartoon
Mostra una breve animazione romantica.
E’ stata realizzata creando delle matrici delle posizioni dei singoli elementi, che vengono ciclate e permettono il movimento dei personaggi del cartone.

Immagini varie
Sono delle semplici bmp convertite in esadecimale ed inserite direttamente nella memoria di Arduino.

Come è stata fatta

Componenti

• Arduino,
• LCD grafico,
• shield per LCD (fatto da me),
• 2 pulsanti,
• 2 trimmer,
• mini breadboard,
• 1 box per impiantistica.

Il codice e le informazioni sull’LCD le potete trovare qui.

Ecco alcune snippet di codice delle funzioni e dei menu.

• Loop.

void Start(){
GLCD.ClearScreen();
GLCD.CursorTo(0,2);
GLCD.Puts("Ciao!");
GLCD.CursorTo(0,5);
GLCD.Puts("Premi un pulsante..");
}

void Menu_Opts_1(){
GLCD.ClearScreen();
GLCD.CursorTo(3,1);
GLCD.Puts("Menu Opzioni 1:");
GLCD.CursorTo(0,3);
GLCD.Puts("Premi pulsante 1 x cartoon.");
GLCD.CursorTo(0,5);
GLCD.Puts("Premi pulsante 2 x frasi.");
}

void Menu_Opts_2(){
GLCD.ClearScreen();
GLCD.CursorTo(3,1);
GLCD.Puts("Menu Opzioni 2:");
GLCD.CursorTo(0,3);
GLCD.Puts("Premi pulsante 1 x cartoon.");
GLCD.CursorTo(0,5);
GLCD.Puts("Premi pulsante 2 x frasi.");
}

void loop(){
button1State = digitalRead(button1Pin);
button2State = digitalRead(button2Pin);

//============== MENU 0 - Main Screen ================
if(menu == 0 && button1State == HIGH){
menu = 1;
Menu_Opts_1();
}
if(menu == 0 && button2State == HIGH){
menu = 2;
Menu_Opts_2();
}

//============== MENU 1 - Options Screen ================
if(menu == 1 && button1State == HIGH){
menu = 0;
Cartoon();
EndAnim();
Start();
}
if(menu == 1 && button2State == HIGH){
menu = 0;
Sentence();
Start();
}

//============== MENU 2 - Options Screen ================
if(menu == 2 && button1State == HIGH){
menu = 0;
// Something to do.
}
if(menu == 2 && button2State == HIGH){
menu = 0;
// Something to do.
}
}

• Funzione per stampare a video una frase casuale.

void Sentence(){
int RandBtn2Count = 0;
RandBtn2Count=random(1,7);

GLCD.ClearScreen();

switch (RandBtn2Count){
//--------------------------------------//
//******* FRASE 1 *******//
case 1:
GLCD.CursorTo(0,1);
GLCD.Puts("text");
GLCD.CursorTo(0,3);
GLCD.Puts("text");
GLCD.CursorTo(1,4);
GLCD.Puts("text");
GLCD.CursorTo(2,5);
GLCD.Puts("text!");
break;
//--------------------------------------//
//******* FRASE 2 *******//
case 2:
GLCD.CursorTo(0,1);
GLCD.Puts("text");
GLCD.CursorTo(0,3);
GLCD.Puts("text");
GLCD.CursorTo(0,4);
GLCD.Puts("text!!");
GLCD.CursorTo(0,5);
GLCD.Puts("text!!");
break;
//--------------------------------------//
//******* FRASE 3 *******//
case 3:
//GLCD.CursorTo(0,1);
//GLCD.Puts("3");
GLCD.DrawBitmap(cuore, 30,0, BLACK);
break;
//------------------------------------------//
//******* FRASE 4 *******//
case 4:
GLCD.CursorTo(0,1);
GLCD.Puts("text!");
GLCD.CursorTo(0,3);
GLCD.Puts("text");
GLCD.CursorTo(0,4);
GLCD.Puts("text");
GLCD.CursorTo(0,5);
GLCD.Puts("text!");
delay(5000);
GLCD.DrawBitmap(smile, 32,0, BLACK);
break;
//-----------------------------------------//
//******* FRASE 5 *******//
case 5:
GLCD.CursorTo(9,3);
GLCD.Puts("text!");
break;
//-----------------------------------------//
//******* FRASE 6 *******//
case 6:
//Cartoon();
GLCD.CursorTo(0,3);
GLCD.Puts("text");
GLCD.CursorTo(0,4);
GLCD.Puts("text!!");
break;
//-----------------------------------------//
//******* DEFAULT *******//
default:
GLCD.CursorTo(0,1); // go to 2nd line, 1st column
GLCD.Puts("Ops!");
GLCD.CursorTo(0,3);
GLCD.Puts("c'e' stato un errore..");
break;
}
delay(5000);
}

• Funzione per il cartone.

void Cartoon(){
/* matrice per le mosse
move[i][j]=[x,y]
Mossa i-esima, variabile j-esima.
*/
int move[7][6];
// x1,y1,x2,y2,arm1,arm2
int move_0[6]={25,15,56,15,0,0};
int move_1[6]={27,15,56,15,0,0};
int move_2[6]={29,15,56,15,0,1};
int move_3[6]={33,15,56,15,0,1};
int move_4[6]={36,15,56,15,0,1};
int move_5[6]={40,15,56,15,1,1};
int move_6[6]={43,15,56,15,1,1};
int move_7[6]={46,15,56,15,1,1};

for(int j=0;j<8;j++){
for(int i=0;i<7;i++){
switch (j){
case 0:
move[j][i]=move_0[i];
break;
case 1:
move[j][i]=move_1[i];
break;
case 2:
move[j][i]=move_2[i];
break;
case 3:
move[j][i]=move_3[i];
break;
case 4:
move[j][i]=move_4[i];
break;
case 5:
move[j][i]=move_5[i];
break;
case 6:
move[j][i]=move_6[i];
break;
case 7:
move[j][i]=move_7[i];
break;
}
}
}

for(int i=0;i<8;i++){
GLCD.ClearScreen();
// Heads
GLCD.DrawCircle(move[i][0],move[i][1],5,BLACK);
GLCD.DrawCircle(move[i][2],move[i][3],5,BLACK);
// Body left person
GLCD.DrawLine(move[i][0],move[i][1]+5,move[i][0],move[i][1]+15, BLACK);
if(move[i][4]==1){
// Arm left person
GLCD.DrawLine(move[i][0],move[i][1]+8,move[i][0]+5,move[i][1]+5,BLACK);
}
// Body and foots right person
GLCD.DrawLine(move[i][2],move[i][3]+5,move[i][2],move[i][3]+15, BLACK);
GLCD.DrawLine(move[i][2],move[i][3]+15,move[i][2]+3,move[i][3]+20, BLACK);
GLCD.DrawLine(move[i][2]-1,move[i][3]+15,move[i][2]-3,move[i][3]+20, BLACK);
if(move[i][5]==1){
// Arm right person
GLCD.DrawLine(move[i][2],move[i][3]+8,move[i][2]-5,move[i][3]+5,BLACK);
}
// Foots left person
GLCD.DrawLine(move[i][0]+1,move[i][1]+15,move[i][0]+3,move[i][1]+20,BLACK);
GLCD.DrawLine(move[i][0],move[i][1]+15,move[i][0]-3,move[i][1]+20,BLACK);
delay(1500);
}
}