Qt Labs Blog Brasil

tiles names

import QtQuick 1.0
import QtMobility.location 1.2

Item {
    width: 800
    height: 600

    Map {
        plugin: Plugin { name: "nokia"}
        zoomLevel: 0
        anchors.fill: parent
    }
}
PositionSource {
    id: gps
    updateInterval: 30000
    active: true
}
import QtQuick 1.0
import QtMobility.location 1.2

Item {
    width: 800
    height: 600

    PositionSource {
        id: gps
        updateInterval: 30000
        active: true
    }

    Map {
        plugin: Plugin { name: "nokia"}
        zoomLevel: 0
        center: gps.position.coordinate
        anchors.fill: parent
        MapCircle {
            id: currentPosition
            radius: 100
            color: "red"
            center: gps.position.coordinate
        }
    }
}
// A função openDatabaseSync seguintes parametros
// 1 - Nome do banco de dados (BD)
// 2 - Versão do BD
// 3 - Descrição sobre o BD
// 4 - Estimativa de tamanho do BD
// Retorna um objeto do tipo Database
var db = openDatabaseSync("Contacts", "1.0", "Contact list database", 5*1024*1024);
// Abrindo transação
db.transaction(function (tx) { // tx é um objeto do tipo transação
    tx.executeSql("CREATE TABLE IF NOT EXISTS Contacts ( \
        id INTEGER PRIMARY KEY AUTOINCREMENT, \
        name STRING, \
        phone STRING, \
        email STRING, \
        UNIQUE (name) ON CONFLICT REPLACE)");
});
// O callback é chamado quando o contato é inserido ou atualizado e o id gerado é passado como parâmetro da callback.
function insertOrUpdateContact(name, phone, email, callback) {
    db.transaction(function (tx) {
        // Note que o ID é auto gerado
        var resultSet = tx.executeSql("INSERT OR REPLACE INTO Contact(name, phone, email) VALUES (?, ?, ?)", [name, phone, email]);
        callback(resultSet.insertId); // Retorna o id gerado para o novo usuário como parâmetro da callback
    });
}

// Retorna a informação sobre um contato cujo id é passado como parâmetro
function getContactInfo(id, callback, errorCallback) {
    db.trasaction(function (tx) {
        var resultSet = tx.executeSql("SELECT * FROM Contacts WHERE id = ?", [id]);
        if (resultSet.rows.length > 0) {
            // A função resultSet.rows.item retorna um array JS com chaves
            // sendo o nome das colunas e os valores os dados das colunas
            callback(resultSet.rows.item(0));
        } else {
            errorCallback();
        }
    });
}
import QtQuick 1.0
import "db.js" as DB

Column {
    property int contactId
    property string name
    property string email
    property string phone

    width: 300; height: 90

    onContactIdChanged: {
        // A variável DB referencia o módulo Javascript
        DB.getContactInfo(contactId, function (info) {
            name = info.name;
            email = info.email;
            phone = info.phone;
        });
    }

    Text { text: name; height: 30 }
    Text { text: email; height: 30 }
    Text { text: phone: height: 30 }
}
// Versão vazia significa, pegar a versão mais atual
var db = openDatabaseSync("Contacts", "", "Contact list database", 5*1024*1024);

// Caso não exista a versão será uma string vazia
if (db.version == '') {
    db.changeVersion('','1.1', create_scheme_1_1);
} else if (db.version ==  '1.0') {
    db.changeVersion('1.0','1.1', migrate_scheme_1_0_to_1_1);
}
function create_scheme_1_1(tx) {
    tx.executeSql("CREATE TABLE IF NOT EXISTS Contacts ( \
        id INTEGER PRIMARY KEY AUTOINCREMENT, \ // Criando chave primária automática
        name STRING, \
        email STRING, \
        UNIQUE (name) ON CONFLICT REPLACE)"); // Essa restrição impede que dois contatos tenham o mesmo nome

    tx.executeSql("CREATE TABLE IF NOT EXISTS ContactsPhones ( \
        contact_id INTEGER, \ // Criando chave primária automática
        phone STRING, \
        FOREIGN KEY (contact_id) REFERENCES Contacts(id))");
}

function migrate_scheme_1_0_to_1_1(tx) {
    // Cria tabela auxiliar para armazenar multiplos telefones por usuário
    tx.executeSql("CREATE TABLE IF NOT EXISTS ContactsPhones ( \
        contact_id INTEGER, \
        phone STRING, \
        FOREIGN KEY (contact_id) REFERENCES Contacts(id))");

    // Move os dados para a nova tabela
    tx.executeSql("INSERT INTO ContactsPhones (contact_id, phone) SELECT id, phone FROM Contacts");
}
function getHttpJson(request_url, callback)
{
    // Criação do XmlHttpRequest para realizar a requisição AJAX
    var request = new XMLHttpRequest();

    // O seguintes parâmetros recebem respectivamente:
    // 1 - Método HTTP a ser realizado
    // 2 - URL requisitada
    // 3 - Define se a chamada será executada assíncronamente
    request.open("GET", request_url, true);

    // Callback da requsição AJAX
    request.onreadystatechange = function () {
        // A callback 'onreadystatechange' sempre é chamado a qualquer atualização do status da requisição
        // O valor 4 do readyState simboliza que a requisição foi fializada
        // O status simboliza o status retornado no cabeçalho de resposta do HTTP, onde o valor 200 simboliza sucesso
        if (request.readyState == 4 && request.status == 200) {

            // O objeto JSON faz parte da imlementação JavascriptCore
            // O 'responseText' contém o conteúdo da resposta da requisição
            var json = JSON.parse(request.responseText);

            // Chamada à callback real que está sendo encapsulado pelo getHttpJson
            callback(json);
        }
    }

    // Caso exista alguma informação a ser enviada no corpo da requisição HTTP, ela deve ir como parâmetro do send
    request.send();
}
function getXkcdComic(num, callback) {
    getHttpJson("http://xkcd.com/" + num + "/info.0.json", callback);
}
getXkcdComic(303, function(json) {
    var responseText = JSON.stringify(json); // Reserializando para Json para fins de demontração
    console.debug(responseText); // Imprimindo resposta no console de debug
});
{"img": "http://imgs.xkcd.com/comics/woodpecker.png", "title": "Woodpecker", "month": "7", "num": 614, "link": "", "year": "2009", "news": "", "safe_title": "Woodpecker", "transcript": "[[A man with a beret and a woman are standing on a boardwalk, leaning on a handrail.]]\nMan: A woodpecker!\n<>\nWoman: Yup.\n\n[[The woodpecker is banging its head against a tree.]]\nWoman: He hatched about this time last year.\n<>\n\n[[The woman walks away.  The man is still standing at the handrail.]]\n\nMan: ... woodpecker?\nMan: It's your birthday!\n\nMan: Did you know?\n\nMan: Did... did nobody tell you?\n\n[[The man stands, looking.]]\n\n[[The man walks away.]]\n\n[[There is a tree.]]\n\n[[The man approaches the tree with a present in a box, tied up with ribbon.]]\n\n[[The man sets the present down at the base of the tree and looks up.]]\n\n[[The man walks away.]]\n\n[[The present is sitting at the bottom of the tree.]]\n\n[[The woodpecker looks down at the present.]]\n\n[[The woodpecker sits on the present.]]\n\n[[The woodpecker pulls on the ribbon tying the present closed.]]\n\n((full width panel))\n[[The woodpecker is flying, with an electric drill dangling from its feet, held by the cord.]]\n\n{{Title text: If you don't have an extension cord I can get that too.  Because we're friends!  Right?}}", "alt": "If you don't have an extension cord I can get that too.  Because we're friends!  Right?", "day": "24"}
import QtQuick 1.0
import "xkcd.js" as XKCD

Rectangle {
    id: comicViewer

    property int num // Número da tirinha
    property url image // Imagem da tirinha
    property string title // Título da tirinha
    property string alt // Texto alternativo da tirinha (sarcasmo do XKCD)

    width: 300
    height: 300
    color: "white" 

    // Retorna as informações do servidor toda vez que o numero do quadrinho
    // é alterado
    onNumChanged: {
        XKCD.getXkcdComic(num, function (json) {
            comicViewer.image = json.img;
            comicViewer.title = json.title;
            comicViewer.alt = json.alt;
        });
    }

    // Troca o número da tirinha atual imediatamente após a incialização do
    // componente atual
    Component.onCompleted: comicViewer.num = 303;

    // Imagem da tirinha
    Image {
        id: comicImage
        anchors {
            fill: parent
            margins: 50
        }
        source: image
        fillMode: Image.PreserveAspectFit
        smooth: true
    }

    // Mostra o título sobre a tirinha
    Text {
        anchors {
            horizontalCenter: comicImage.horizontalCenter
            bottom: comicImage.top
        }
        text: title
        font.pixelSize: 30
    }

    // Mostra o texto alternativo abaixo da tirinha
    Text {
        anchors {
            top: comicImage.bottom
            bottom: parent.bottom
            left: parent.left
            right: parent.right
        }
        text: alt
        horizontalAlignment: Text.AlignHCenter
        wrapMode: Text.WordWrap
    }

    // Área esquerda da tela quando clicada vai para a tirinha anterior
    MouseArea {
        anchors {
            left: parent.left
            right: parent.horizontalCenter
            top: parent.top
            bottom: parent.bottom
        }
        onClicked: num -= 1;
    }

    // Área direita da tela quando clicada vai para a próxima tirinha
    MouseArea {
        anchors {
            right: parent.right
            left: parent.horizontalCenter
            top: parent.top
            bottom: parent.bottom
        }
        onClicked: num += 1;
    }
}

Qt Labs Blog Brasil

Qt 5 Alpha

A Visão

Desenvolvimento aberto

Quatro grandes mudanças na arquitetura

Nova funcionalidade

Portando a partir Qt 4.x para o Qt 5

Próximos passos

Qt Games Brasil

Palestras na EST – UEA

QML Location API

Projeção de Mercator

QML Location Plugin

Qt Platform Abstraction, Lighthouse para os íntimos

Threaded OpenGL no 4.8

Qt 4.8.0!

Qt Platform Abstraction (QPA)

Threaded OpenGL

Multithreaded HTTP

Otimizações no acesso a sistemas de arquivo

Downloads

Offline Storage em QML

Lista de Contatos

Abstraíndo o Banco de Dados

Migração entre esquemas

Qt Project foi lançado!

Agora que estamos aqui, o que vem em seguida?

Abertura real

Converse conosco sobre a governança aberta no Qt Developer Days

Conclusões e agradecimentos

QML + RESTful Web Services

RESTful Web Services

JSON

AJAX

QML + !!