Aplicações com Tecnologias Web

Aplicações com

tecnologias web
Palestra no
Congresso de Software Livre do NE
→ Fac. FIR/Estácio
9 de novembro de 2013

Rildo Pragana

Adotando o Linux e
software livre
●

●

●

Novembro/Dezembro de 1994
Status Quo: Windows 3.1 (crashes,
erros, lentidão, API obscura,...)
Linux! Luz no fim do túnel. Tudo
documentado, multiuser/task, rápido.
Um sonho para o desenvolvedor.

Device drivers:
scanner Genius
●

Scanner Genius Color page CS.

●

Não havia driver para o Linux

●

●

Duração do projeto: 1 semana (incl.
engenharia reversa - Bochs) - 1997
Pode ser encontrado no
http://www.ibiblio.org/pub/Linux/apps/graphics/capture/

Winprinters
●

Samsung ML-85G

●

ASIC proprietária da M$

●

●

●

Classificada no linuxprinting.org
como “paper weight” (peso de papel)
Duração do projeto: 8 dias.
6 artigos publicados no Linux Today
(descrevendo toda a interface e
ferramentas usadas para decifrar)

Desdobramentos do driver
para winprinters

http://www.boichat.ch/nicolas/lbp660/

Pentax USA

Impressoras (Pocket Jet 200, II e III)
●Scanner (dsmobile)
●

TinyCobol
●

●

●

http://tiny-cobol.sourceforge.net
Compilador Cobol standard (antes
inexistente como software livre)
“fork”: Open Cobol (Keisuke Nishida),
depois reescrito para gerar C (no lugar
de asm86)
Logo Design by James Richardson in the isle of Man

Linux com transaçoes
eletronicas

Starkits
●

●

●

Scripts e extensões encapsulados em um único
arquivo (.kit), portável (Linux/Windows/Mac)
Executável separado para cada plataforma: tclkit,
tclkit.exe
Diretório virtual. Pode conter scripts, bibliotecas
(multiplas versões, uma para cada OS),
documentação. Implementado no topo do
banco de dados Metakit.

Manipulando kits
●

Utilitário sdx
●

sdx qwrap programa.tcl
–

●

sdx unwrap programa.kit
–

●

Gera um kit a partir do script fornecido
Expande o kit como o diretório programa.vfs

sdx wrap programa.kit
–
–

Reempacota o kit usando o diretório programa.vfs
Opcionalmente, podemos usar
-runtime tclkit para produzir um starpack
(tudo em um só executável).

Tatu+Bootstrap

https://github.com/rpragana/tatuMin-FIR

Usando Geany para
desenvolvimento

Métodos da API
method outHeader {{status 200} {headers {}} {delayed 0}}
method out {s {bin 0}}
method queryNames {}
method queryData {name {multiple 0} {index -1}}
method reqCmd {}
method cliHeaders {}
-------------------------------------------tatu::addRoute {route cmd {log 1}
{protocols {http https}}}
tatu::log {msg {type "warn"}}
Usado com várias “keys” iguais na query.

(*) Conexões são objetos do Snit; o ::tatu é simplesmente um namespace

Plugins básicos 1
namespace eval myapp {}
proc myapp::service {conn parms} {
tatu::log "******** myapp starting..."
$conn outHeader 200 {Content-Type text/plain}
$conn out "Example output of a simple service"
}
tatu::addRoute "/myapp" myapp::service
error "This is an error on purpose.nComment to
remove error msg."

Plugins básicos 2
proc bookService {conn parms} {
tatu::log "*** method=[$conn reqCmd]
conn=$conn parms=$parms"
$conn outHeader 200 {Content-Type text/plain}
$conn out "Plain text output from a servicen"
$conn out "title= [dict get $parms title]"
return
}
tatu::addRoute "/book/:title/author/:author" route1

html
<div ng-controller="widgetCtrl">
<label for="checkbox1">
<input id="checkbox1" type="checkbox" ng-model="visible">Toggle me
</label>
<div show="visible" my-widget="Olá, mundo!"></div>
</div>
app.controller("widgetCtrl", function($scope) {
$scope.visible = true;
});
javascript
app.directive("myWidget", function() {
return {
templateUrl: "partials/widget1.html",
link: function(scope, element, attributes) {
scope.$watch(attributes.show, function(value) {
element.css('display', value ? ' ' : 'none');
});
scope.frase = attributes.myWidget;
}
};
});

2
<div ng-app="rpApp" … >
var app = angular.module("rpApp", ['ui.bootstrap']);
partials/widget1.html
<input type="text" ng-model="frase"></input>
<ol>
<li>Partial with the widget (using a variable)</li>
<li>Widget contents:<strong>{{frase}}</strong></li>
<li>===== end of partial ======</li>
</ol>

multipart/form-data
Content-Type: multipart/form-data; boundary=AaB03x
--AaB03x
content-disposition: form-data; name="user"
content-type: text/plain;charset=utf-8
Maria dos Santos Lima
--AaB03x
Tatu:
$conn queryValue formVar fieldVar
Exemplo:
$conn queryValue user content_type

File upload (browser)
HTML: <div file-upload>File Upload in AngularJS</div>

Jquery.fileTree (javascript)
$('.filetree').fileTree({
root: './',
script: '/filetree'
},function(file){alert(file);});

(*) O elemento .filetree (CSS class) poderá ser uma <div>
no <html> da página:
<div class="filetree"></div>

(**) A rota /filetree irá disparar o script filetree::filetree.

Exemplo de web service
namespace eval filetree { }
proc filetree::filetree {conn params} {
set dir [$conn queryData dir]
tatu::log "filetree dir=$dir"
set s {<ul class="jqueryFileTree">}
foreach f [glob -directory $dir *] {
if {![file isdirectory $f]} continue
append s {<ul><li class="directory collapsed">}
append s "<a href="#" rel="$f/">"
append s "[file tail $f]</a></li></ul>" }
foreach f [glob -directory $dir *] {
if {[file isdirectory $f]} continue
set ext [string range [file extension $f] 1 end]
append s "<ul><li class="file">"
append s "<a href=""#"" rel=""$f">[file tail $f]</a></li> }
append s "</ul>"
$conn outHeader 200 {Content-Type text/html}
$conn out $s
}
tatu::addRoute "/filetree" filetree::filetree 0 {http}

Perguntas
?
?

?

?
?

http://pragana.net
Adventures in Linux Programming
@rpragana

Aplicações com Tecnologias Web

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (19)

En vedette

En vedette (18)

Similaire à Aplicações com Tecnologias Web

Similaire à Aplicações com Tecnologias Web (20)

Aplicações com Tecnologias Web