Cadrul de lucru pe care se va baza proiectul nostru (exemplu: fereastra principală) poate fi realizat rapid şi cu uşurinţă folosind KDevelop. Deschideţi KDevelop şi selectaţi opţiunea New Project din meniul Project. Va apărea Application Wizard. Alegeţi C++->KDE->Simple KDE Application. Completaţi spaţiile libere cu numele proiectului (SigCreate), numele dumneavoastră ca autor, adresa dumneavoastră de e-mail.

Daţi clic pe butonul Next, verificaţi opţiunile SVN şi modelele de antet. Apoi daţi clic pe Finish. KDevelop va crea toate fişierele de care aveţi nevoie pentru a vă compila proiectul. Puteţi folosi selectorul de fişiere pentru a vedea codurile celor trei fişiere şi anume: main.cpp, sigcreate.cpp şi sigcreate.h. După ce Application Wizard a creat aplicaţia, compilaţi-o pentru a vă asigura că totul este în regulă. Pentru a face acest lucru selectaţi Build->Run automake & friends şi apoi Build->Run configure. Fereastra de mesaje ar trebui să afişeze:

" Good - your configure finished. Start make now
*
* *** Success ***

astfel încît puteţi utiliza make cu Build->Project (sau F8). Apoi Build->Install şi Build->Execute programme (sau F9). Rezultatul este afişat în imaginea de mai jos. Acum aveţi cadrul de lucru funcţional şi sînteţi gata să dezvoltaţi programul.

Dacă KDevelop nu recunoaşte variabilele QTDIR şi KDEDIR atunci le puteţi seta pe acestea în Project->Project options (din Configure Options).

Qt Designer este un instrument pentru proiectarea şi implementarea interfeţelor grafice. Vă ajută să aranjaţi widget-urile într-o formă şi să adăugaţi un layout corespunzător astfel încît interfeţei dumneavoastră să i se poată modifica dimensiunile. Pentru detalii este recomandabil să citiţi manualul Qt Designer. Qt Designer are un editor de text, dar vom folosi KDevelop pentru a modifica codul sursă.

Vom crea acum interfaţa aplicaţiei folosind Qt Designer. O formă din Qt Designer este salvată cu extensia .ui pentru că în acest mod este procesat de programul uic pentru a genera fişiere .h şi .cpp. KDevelop realizează toate acestea, dumneavostră netrebuind decît să creaţi forma.

În KDevelop selectaţi meniul File->New şi apoi completaţi datele necesare în fereastra care va apare. Întîi scrieţi numele fişierului: sigcreatedlg şi alegeţi ce fişier nou doriţi în lista derulantă: aici vom alege un widget (.ui). Asiguraţi-vă că opţiunea Add to project este bifată, aceasta asigurînd actualizarea fişierului Makefile.am.

Daţi clic pe OK şi va apare fereastra Automake Manager.

Apăsaţi din nou OK.

Dacă fişierul sigcreatedlg.ui nu este deschis în Qt Designer, accesaţi Automake Manager, daţi clic dreapta pe fişier şi selectaţi Open with, alegînd apoi Qt Designer.

Interfaţa Qt Designer este împărţită în trei zone. În stînga se găseşte bara de control unde de exemplu puteţi selecta widget-urile. În zona din dreapta pot fi selectate diferite dialoguri, însă vom păstra doar Property Editor, închizîndu-le pe celelalte două. Widget-urile pot fi ajustate pentru a le folosi aşa cum doriţi. Aici puteţi alege dimensiunea acestora, fundalul (paleta de culori) etc. Între cele două ferestre se află forma care este fereastra efectivă a programului, în interiorul căreia veţi crea interfaţa grafică.