Added Alcarinque's GUI proposal from 2008

my appologies that I've overlooked that
This commit is contained in:
Fischlurch 2011-02-27 23:12:29 +01:00
parent 07804bed2c
commit 3e9744b6ef
5 changed files with 754 additions and 2 deletions

View file

@ -1,7 +1,7 @@
GUI Brainstorming Proposal
==========================
:Author: IL'dar AKHmetgaleev (»AkhIL«)
Date: 2008-30-03
:Date: 2008-30-03
Wiring nodes within the timeline

View file

@ -0,0 +1,579 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="svg2"
sodipodi:version="0.32"
inkscape:version="0.46"
width="1052.5"
height="743.75"
xml:space="preserve"
sodipodi:docname="Proposal.Alcarinque.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"><metadata
id="metadata7"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/3.0/" /><dc:title>Lumiera GUI proposal</dc:title><dc:creator><cc:Agent><dc:title>Francisco G. Rodriguez (»Alcarinque«)</dc:title></cc:Agent></dc:creator><dc:date>07.05.2008</dc:date><dc:description>passed in as part of the Lumiera GUI discussion.
Added to Lumiera Website 2/2011 by Ichthyostega</dc:description></cc:Work><cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/3.0/"><cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" /><cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" /><cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" /><cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" /><cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /><cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" /></cc:License></rdf:RDF></metadata><defs
id="defs5"><inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 526.18109 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="744.09448 : 526.18109 : 1"
inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
id="perspective9" /><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath17"><path
d="M 0,-0.3 L 842,-0.3 L 842,595 L 0,595 L 0,-0.3 z"
clip-rule="evenodd"
id="path19" /></clipPath></defs><sodipodi:namedview
inkscape:window-height="960"
inkscape:window-width="1428"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
guidetolerance="10.0"
gridtolerance="10.0"
objecttolerance="10.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
showgrid="false"
inkscape:zoom="1.1021378"
inkscape:cx="536.31226"
inkscape:cy="422.53753"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:current-layer="g11" /><g
id="g11"
inkscape:groupmode="layer"
inkscape:label="ui_architecture"
transform="matrix(1.25,0,0,-1.25,0,743.75)"><g
id="g183"><path
d="M 99.2,382.4 L 113.4,382.4"
style="fill:none;stroke:none"
id="path185" /></g><g
id="g187"><path
d="M 155.9,382.4 L 170.1,382.4"
style="fill:none;stroke:none"
id="path189" /></g><g
id="g191"><path
d="M 212.6,382.4 L 226.8,382.4"
style="fill:none;stroke:none"
id="path193" /></g><g
id="g3939"
transform="matrix(0.5627991,0,0,0.5627991,0,260.13454)"><path
id="path21"
style="fill:#f5e7c3;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 0,595 L 841.9,595 L 841.9,150.05345 L 0,150.05345 L 0,595 z" /><path
id="path23"
style="fill:#c0c0c0;fill-opacity:1;fill-rule:evenodd;stroke:#439ee0;stroke-width:1.77683294;stroke-opacity:1"
d="M 269.3,240.7 L 28.3,240.7 L 28.3,439.1 L 510.2,439.1 L 510.2,240.7 L 269.3,240.7 z" /><g
id="g25"><path
id="path27"
style="fill:none;stroke:none"
d="M 269.3,240.7 L 28.3,240.7 L 28.3,439.1 L 510.2,439.1 L 510.2,240.7 L 269.3,240.7 z" /></g><g
id="g29"><text
id="text31"
transform="matrix(1,0,0,-1,325.4,253)"><tspan
id="tspan33"
sodipodi:role="line"
y="0"
x="0 12.996 23.004 32.903999 42.911999 47.897999 60.894001 70.902 85.896004 95.795998 105.804 114.804 118.71 123.786 133.686"
style="font-size:18px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Node Compositor</tspan></text>
</g><path
id="path35"
style="fill:#ccffff;fill-opacity:1;fill-rule:evenodd;stroke:#5216df;stroke-width:1.77683294;stroke-opacity:1"
d="M 240.9,481.6 L 42.5,481.6 L 42.5,566.7 L 439.4,566.7 L 439.4,481.6 L 240.9,481.6 z" /><g
id="g37"><path
id="path39"
style="fill:none;stroke:none"
d="M 240.9,481.6 L 42.5,481.6 L 42.5,566.7 L 439.4,566.7 L 439.4,481.6 L 240.9,481.6 z" /></g><g
id="g41"><text
id="text43"
transform="matrix(1,0,0,-1,351.3,487.7)"><tspan
id="tspan45"
sodipodi:role="line"
y="0"
x="0 10.494 14.4 29.393999 39.402 43.307999 47.304001 57.312"
style="font-size:18px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Timeline</tspan></text>
</g><path
id="path47"
style="fill:#ffff99;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 170.1,254.8 L 42.5,254.8 L 42.5,424.9 L 297.6,424.9 L 297.6,254.8 L 170.1,254.8 z" /><g
id="g49"><path
id="path51"
style="fill:none;stroke:none"
d="M 170.1,254.8 L 42.5,254.8 L 42.5,424.9 L 297.6,424.9 L 297.6,254.8 L 170.1,254.8 z" /></g><g
id="g53"><text
id="text55"
transform="matrix(1,0,0,-1,117.3,273.2)"><tspan
id="tspan57"
sodipodi:role="line"
y="0"
x="0 12.906 22.914 32.922001 42.821999 47.807999 51.804001 61.812 70.505997 80.514 90.522003 95.508003 100.494"
style="font-size:18px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Node layout I</tspan></text>
</g><path
id="path59"
style="fill:#ff9966;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 148.8,524.1 L 85,524.1 L 85,538.3 L 212.6,538.3 L 212.6,524.1 L 148.8,524.1 z" /><g
id="g61"><path
id="path63"
style="fill:none;stroke:none"
d="M 148.8,524.1 L 85,524.1 L 85,538.3 L 212.6,538.3 L 212.6,524.1 L 148.8,524.1 z" /></g><g
id="g65"><text
id="text67"
transform="matrix(1,0,0,-1,130.4,526.3)"><tspan
id="tspan69"
sodipodi:role="line"
y="0"
x="0 9.2959995 13.286 17.976 21.07 28.854 32.844002"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Strip I</tspan></text>
</g><path
id="path71"
style="fill:#ff9966;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 255.1,495.8 L 198.4,495.8 L 198.4,510 L 311.8,510 L 311.8,495.8 L 255.1,495.8 z" /><g
id="g73"><path
id="path75"
style="fill:none;stroke:none"
d="M 255.1,495.8 L 198.4,495.8 L 198.4,510 L 311.8,510 L 311.8,495.8 L 255.1,495.8 z" /></g><g
id="g77"><text
id="text79"
transform="matrix(1,0,0,-1,234.7,498)"><tspan
id="tspan81"
sodipodi:role="line"
y="0"
x="0 9.3800001 13.272 17.962 21.056 28.84 32.830002 36.82"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Strip II</tspan></text>
</g><path
id="path83"
style="fill:#ff9966;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 347.2,538.3 L 297.6,538.3 L 297.6,552.5 L 396.9,552.5 L 396.9,538.3 L 347.2,538.3 z" /><g
id="g85"><path
id="path87"
style="fill:none;stroke:none"
d="M 347.2,538.3 L 297.6,538.3 L 297.6,552.5 L 396.9,552.5 L 396.9,538.3 L 347.2,538.3 z" /></g><g
id="g89"><text
id="text91"
transform="matrix(1,0,0,-1,324.9,540.5)"><tspan
id="tspan93"
sodipodi:role="line"
y="0"
x="0 9.2959995 13.286 17.976 21.07 28.854 32.745998 36.736 40.627998"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Strip III</tspan></text>
</g><path
id="path95"
style="fill:#99ccff;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 78,354.1 L 56.7,354.1 L 56.7,410.7 L 99.2,410.7 L 99.2,354.1 L 78,354.1 z" /><g
id="g97"><path
id="path99"
style="fill:none;stroke:none"
d="M 78,354.1 L 56.7,354.1 L 56.7,410.7 L 99.2,410.7 L 99.2,354.1 L 78,354.1 z" /></g><g
id="g101"><text
id="text103"
transform="matrix(1,0,0,-1,72.1,385.4)"><tspan
id="tspan105"
sodipodi:role="line"
y="0"
x="0 3.892"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">In</tspan></text>
</g><g
id="g107"><text
id="text109"
transform="matrix(1,0,0,-1,61.9,369.7)"><tspan
id="tspan111"
sodipodi:role="line"
y="0"
x="0 10.192 13.286 16.379999 24.164 28.153999"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Clip I</tspan></text>
</g><path
id="path113"
style="fill:#99ccff;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 78,283.2 L 56.7,283.2 L 56.7,339.9 L 99.2,339.9 L 99.2,283.2 L 78,283.2 z" /><g
id="g115"><path
id="path117"
style="fill:none;stroke:none"
d="M 78,283.2 L 56.7,283.2 L 56.7,339.9 L 99.2,339.9 L 99.2,283.2 L 78,283.2 z" /></g><g
id="g119"><text
id="text121"
transform="matrix(1,0,0,-1,72.1,314.5)"><tspan
id="tspan123"
sodipodi:role="line"
y="0"
x="0 3.892"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">In</tspan></text>
</g><g
id="g125"><text
id="text127"
transform="matrix(1,0,0,-1,63.2,298.8)"><tspan
id="tspan129"
sodipodi:role="line"
y="0"
x="0 10.192 17.598 21.49 25.48"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">NL II</tspan></text>
</g><path
id="path131"
style="fill:#99ccff;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 134.6,354.1 L 113.4,354.1 L 113.4,410.7 L 155.9,410.7 L 155.9,354.1 L 134.6,354.1 z" /><g
id="g133"><path
id="path135"
style="fill:none;stroke:none"
d="M 134.6,354.1 L 113.4,354.1 L 113.4,410.7 L 155.9,410.7 L 155.9,354.1 L 134.6,354.1 z" /></g><g
id="g137"><text
id="text139"
transform="matrix(1,0,0,-1,116.7,385.4)"><tspan
id="tspan141"
sodipodi:role="line"
y="0"
x="0 9.3800001 13.076 16.968 24.752001 31.836"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Effect</tspan></text>
</g><g
id="g143"><text
id="text145"
transform="matrix(1,0,0,-1,132.7,369.7)"><tspan
id="tspan147"
y="0"
x="0"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">I</tspan></text>
</g><path
id="path149"
style="fill:#99ccff;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 191.3,354.1 L 170.1,354.1 L 170.1,410.7 L 212.6,410.7 L 212.6,354.1 L 191.3,354.1 z" /><g
id="g151"><path
id="path153"
style="fill:none;stroke:none"
d="M 191.3,354.1 L 170.1,354.1 L 170.1,410.7 L 212.6,410.7 L 212.6,354.1 L 191.3,354.1 z" /></g><g
id="g155"><text
id="text157"
transform="matrix(1,0,0,-1,173.4,385.4)"><tspan
id="tspan159"
sodipodi:role="line"
y="0"
x="0 9.2959995 13.09 16.982 24.766001 31.85"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Effect</tspan></text>
</g><g
id="g161"><text
id="text163"
transform="matrix(1,0,0,-1,187.4,369.7)"><tspan
id="tspan165"
sodipodi:role="line"
y="0"
x="0 3.99"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">II</tspan></text>
</g><path
id="path167"
style="fill:#99ccff;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 248,354.1 L 226.8,354.1 L 226.8,410.7 L 269.3,410.7 L 269.3,354.1 L 248,354.1 z" /><g
id="g169"><path
id="path171"
style="fill:none;stroke:none"
d="M 248,354.1 L 226.8,354.1 L 226.8,410.7 L 269.3,410.7 L 269.3,354.1 L 248,354.1 z" /></g><g
id="g173"><text
id="text175"
transform="matrix(1,0,0,-1,236.7,377.5)"><tspan
id="tspan177"
sodipodi:role="line"
y="0"
x="0 10.892 18.676001"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Out</tspan></text>
</g><g
id="g179"><path
id="path181"
style="fill:none;stroke:none"
d="M 99.2,311.5 L 191.3,311.5 L 191.3,354.1" /></g><g
id="g195"><path
id="path197"
style="fill:none;stroke:none"
d="M 248,410.7 L 248,467.2 L 148.8,467.2 L 148.8,524.1" /></g><path
id="path199"
style="fill:#ffff99;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 396.9,396.6 L 311.8,396.6 L 311.8,424.9 L 481.9,424.9 L 481.9,396.6 L 396.9,396.6 z" /><g
id="g201"><path
id="path203"
style="fill:none;stroke:none"
d="M 396.9,396.6 L 311.8,396.6 L 311.8,424.9 L 481.9,424.9 L 481.9,396.6 L 396.9,396.6 z" /></g><g
id="g205"><text
id="text207"
transform="matrix(1,0,0,-1,341.5,404.5)"><tspan
id="tspan209"
sodipodi:role="line"
y="0"
x="0 12.996 23.004 32.903999 42.804001 47.880001 51.875999 61.776001 70.578003 80.585999 90.486 95.472 100.548 105.534"
style="font-size:18px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Node layout II</tspan></text>
</g><g
id="g211"><path
id="path213"
style="fill:none;stroke:none"
d="M 396.9,424.9 L 396.9,460.1 L 255.1,460.1 L 255.1,495.8" /></g><path
id="path215"
style="fill:#ffff99;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 411,354.1 L 326,354.1 L 326,382.4 L 496.1,382.4 L 496.1,354.1 L 411,354.1 z" /><g
id="g217"><path
id="path219"
style="fill:none;stroke:none"
d="M 411,354.1 L 326,354.1 L 326,382.4 L 496.1,382.4 L 496.1,354.1 L 411,354.1 z" /></g><g
id="g221"><text
id="text223"
transform="matrix(1,0,0,-1,353.2,362)"><tspan
id="tspan225"
sodipodi:role="line"
y="0"
x="0 12.906 22.914 32.922001 42.821999 47.807999 51.804001 61.812 70.505997 80.514 90.522003 95.508003 100.494 105.57 110.556"
style="font-size:18px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Node layout III</tspan></text>
</g><g
id="g227"><path
id="path229"
style="fill:none;stroke:none"
d="M 411,382.4 L 411,467.6 L 347.2,467.6 L 347.2,538.3" /></g><path
id="path231"
style="fill:#ffcc99;fill-opacity:1;fill-rule:evenodd;stroke:#c81941;stroke-width:1.77683294;stroke-opacity:1"
d="M 666.1,254.8 L 538.6,254.8 L 538.6,424.9 L 793.7,424.9 L 793.7,254.8 L 666.1,254.8 z" /><g
id="g233"><path
id="path235"
style="fill:none;stroke:none"
d="M 666.1,254.8 L 538.6,254.8 L 538.6,424.9 L 793.7,424.9 L 793.7,254.8 L 666.1,254.8 z" /></g><g
id="g237"><text
y="-263.10001"
x="678.19312"
id="text239"
transform="scale(1,-1)"><tspan
id="tspan241"
sodipodi:role="line"
y="-263.10001"
x="678.19312 692.98907 702.8891 712.89709 716.89313 726.79309 731.86908 741.7691 745.76508 755.77313 761.67712 771.68512 777.67908"
style="font-size:18px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Media Library</tspan></text>
</g><path
id="path243"
style="fill:#94bd5e;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 630.7,354.1 L 609.4,354.1 L 609.4,410.7 L 652,410.7 L 652,354.1 L 630.7,354.1 z" /><g
id="g245"><path
id="path247"
style="fill:none;stroke:none"
d="M 630.7,354.1 L 609.4,354.1 L 609.4,410.7 L 652,410.7 L 652,354.1 L 630.7,354.1 z" /></g><g
id="g249"><text
id="text251"
transform="matrix(1,0,0,-1,612.7,377.5)"><tspan
id="tspan253"
sodipodi:role="line"
y="0"
x="0 10.192 13.286 16.379999 24.164 28.153999 32.046001"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Clip II</tspan></text>
</g><path
id="path255"
style="fill:#94bd5e;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 574,354.1 L 552.8,354.1 L 552.8,410.7 L 595.3,410.7 L 595.3,354.1 L 574,354.1 z" /><g
id="g257"><path
id="path259"
style="fill:none;stroke:none"
d="M 574,354.1 L 552.8,354.1 L 552.8,410.7 L 595.3,410.7 L 595.3,354.1 L 574,354.1 z" /></g><g
id="g261"><text
id="text263"
transform="matrix(1,0,0,-1,557.9,377.5)"><tspan
id="tspan265"
sodipodi:role="line"
y="0"
x="0 10.192 13.286 16.478001 24.261999 28.153999"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Clip I</tspan></text>
</g><path
id="path267"
style="fill:#94bd5e;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 687.4,354.1 L 666.1,354.1 L 666.1,410.7 L 708.7,410.7 L 708.7,354.1 L 687.4,354.1 z" /><g
id="g269"><path
id="path271"
style="fill:none;stroke:none"
d="M 687.4,354.1 L 666.1,354.1 L 666.1,410.7 L 708.7,410.7 L 708.7,354.1 L 687.4,354.1 z" /></g><g
id="g273"><text
id="text275"
transform="matrix(1,0,0,-1,667.4,377.5)"><tspan
id="tspan277"
sodipodi:role="line"
y="0"
x="0 10.192 13.286 16.379999 24.164 28.153999 32.046001 36.035999"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Clip III</tspan></text>
</g><path
id="path279"
style="fill:#ffff99;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 581.1,283.2 L 552.8,283.2 L 552.8,339.9 L 609.4,339.9 L 609.4,283.2 L 581.1,283.2 z" /><g
id="g281"><path
id="path283"
style="fill:none;stroke:none"
d="M 581.1,283.2 L 552.8,283.2 L 552.8,339.9 L 609.4,339.9 L 609.4,283.2 L 581.1,283.2 z" /></g><g
id="g285"><text
id="text287"
transform="matrix(1,0,0,-1,562.3,314.5)"><tspan
id="tspan289"
sodipodi:role="line"
y="0"
x="0 10.192 17.976 25.76 33.543999"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Node </tspan></text>
</g><g
id="g291"><text
id="text293"
transform="matrix(1,0,0,-1,558.5,298.8)"><tspan
id="tspan295"
sodipodi:role="line"
y="0"
x="0 3.0940001 10.878 17.780001 25.563999 33.264 37.254002 41.243999"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">layout I</tspan></text>
</g><path
id="path297"
style="fill:#ffff99;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 652,283.2 L 623.6,283.2 L 623.6,339.9 L 680.3,339.9 L 680.3,283.2 L 652,283.2 z" /><g
id="g299"><path
id="path301"
style="fill:none;stroke:none"
d="M 652,283.2 L 623.6,283.2 L 623.6,339.9 L 680.3,339.9 L 680.3,283.2 L 652,283.2 z" /></g><g
id="g303"><text
id="text305"
transform="matrix(1,0,0,-1,633.2,314.5)"><tspan
id="tspan307"
sodipodi:role="line"
y="0"
x="0 10.192 17.976 25.76 33.543999"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Node </tspan></text>
</g><g
id="g309"><text
id="text311"
transform="matrix(1,0,0,-1,627.4,298.8)"><tspan
id="tspan313"
sodipodi:role="line"
y="0"
x="0 3.0940001 10.878 17.681999 25.466 33.25 37.240002 41.132 45.122002"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">layout II</tspan></text>
</g><path
id="path315"
style="fill:#ffff99;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 722.8,283.2 L 694.5,283.2 L 694.5,339.9 L 751.2,339.9 L 751.2,283.2 L 722.8,283.2 z" /><g
id="g317"><path
id="path319"
style="fill:none;stroke:none"
d="M 722.8,283.2 L 694.5,283.2 L 694.5,339.9 L 751.2,339.9 L 751.2,283.2 L 722.8,283.2 z" /></g><g
id="g321"><text
id="text323"
transform="matrix(1,0,0,-1,704,314.5)"><tspan
id="tspan325"
sodipodi:role="line"
y="0"
x="0 10.192 17.976 25.76 33.543999"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Node </tspan></text>
</g><g
id="g327"><text
id="text329"
transform="matrix(1,0,0,-1,696.2,298.8)"><tspan
id="tspan331"
sodipodi:role="line"
y="0"
x="0 3.1919999 10.976 17.780001 25.563999 33.348 37.338001 41.23 45.220001 49.209999"
style="font-size:14px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">layout III</tspan></text>
</g><g
id="g333"><path
id="path335"
style="fill:none;stroke:none"
d="M 78,283.2 L 78,269 L 652,269 L 652,283.2" /></g><g
id="g337"><path
id="path339"
style="fill:none;stroke:none"
d="M 574,354.1 L 574,347.5 L 78,347.5 L 78,354.1" /></g><path
id="path341"
style="fill:#ff3333;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 215.4,481.6 L 212.6,481.6 L 212.6,566.7 L 218.3,566.7 L 218.3,481.6 L 215.4,481.6 z" /><g
id="g343"><path
id="path345"
style="fill:none;stroke:none"
d="M 215.4,481.6 L 212.6,481.6 L 212.6,566.7 L 218.3,566.7 L 218.3,481.6 L 215.4,481.6 z" /></g><path
id="path347"
style="fill:#9999cc;fill-opacity:1;fill-rule:evenodd;stroke:#592e85;stroke-width:1.77683294;stroke-opacity:1"
d="M 659.1,439.1 L 538.6,439.1 L 538.6,566.7 L 779.5,566.7 L 779.5,439.1 L 659.1,439.1 z" /><g
id="g349"><path
id="path351"
style="fill:none;stroke:none"
d="M 659.1,439.1 L 538.6,439.1 L 538.6,566.7 L 779.5,566.7 L 779.5,439.1 L 659.1,439.1 z" /></g><g
id="g353"><text
id="text355"
transform="matrix(1,0,0,-1,624.5,547)"><tspan
id="tspan357"
sodipodi:role="line"
y="0"
x="0 11.7 15.606 25.614 38.214001 48.113998 58.122002 64.115997"
style="font-size:18px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Viewport</tspan></text>
</g><path
id="path359"
style="fill:#99ccff;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 722.8,467.4 L 680.3,467.4 L 680.3,538.3 L 765.4,538.3 L 765.4,467.4 L 722.8,467.4 z" /><g
id="g361"><path
id="path363"
style="fill:none;stroke:none"
d="M 722.8,467.4 L 680.3,467.4 L 680.3,538.3 L 765.4,538.3 L 765.4,467.4 L 722.8,467.4 z" /></g><g
id="g365"><text
id="text367"
transform="matrix(1,0,0,-1,693.6,496.6)"><tspan
id="tspan369"
sodipodi:role="line"
y="0"
x="0 12.906 16.902 25.902 35.801998 39.798 49.806"
style="font-size:18px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Display</tspan></text>
</g><path
id="path371"
style="fill:#99ccff;fill-opacity:1;fill-rule:evenodd;stroke:none"
d="M 609.4,467.4 L 566.9,467.4 L 566.9,538.3 L 652,538.3 L 652,467.4 L 609.4,467.4 z" /><g
id="g373"><path
id="path375"
style="fill:none;stroke:none"
d="M 609.4,467.4 L 566.9,467.4 L 566.9,538.3 L 652,538.3 L 652,467.4 L 609.4,467.4 z" /></g><g
id="g377"><text
id="text379"
transform="matrix(1,0,0,-1,574.7,522.7)"><tspan
id="tspan381"
sodipodi:role="line"
y="0"
x="0 4.1849999 12.57 16.754999 25.139999 30.135 38.52 46.110001 50.294998 53.685001 60.990002"
style="font-size:15px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Interactive</tspan></text>
</g><g
id="g383"><text
id="text385"
transform="matrix(1,0,0,-1,577.9,506)"><tspan
id="tspan387"
sodipodi:role="line"
y="0"
x="0 4.1849999 12.57 16.754999 25.139999 30.225 34.41 42.794998 50.294998 58.68"
style="font-size:15px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Interface </tspan></text>
</g><g
id="g389"><text
id="text391"
transform="matrix(1,0,0,-1,594.7,489.3)"><tspan
id="tspan393"
sodipodi:role="line"
y="0"
x="0 8.3850002 16.77 25.155001"
style="font-size:15px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">and </tspan></text>
</g><g
id="g395"><text
id="text397"
transform="matrix(1,0,0,-1,581.4,472.7)"><tspan
id="tspan399"
sodipodi:role="line"
y="0"
x="0 10.8 19.094999 27.584999 31.77 36.764999 45.150002 48.540001"
style="font-size:15px;font-variant:normal;font-weight:normal;writing-mode:lr-tb;fill:#555555;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:ArialMT;-inkscape-font-specification:ArialMT">Controls</tspan></text>
</g><g
id="g401"><path
id="path403"
style="fill:none;stroke:#ff3333;stroke-width:5.02843714;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 218.3,524.1 L 449.3,524.1 L 449.3,453.2 L 722.8,453.2 L 722.8,467.4" /></g><g
id="g405"><path
id="path407"
style="fill:none;stroke:#000000;stroke-width:5.02843714;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 510.2,339.9 L 524.4,339.9 L 524.4,502.9 L 566.9,502.9" /></g></g></g></svg>

After

Width:  |  Height:  |  Size: 31 KiB

View file

@ -0,0 +1,171 @@
GUI Brainstorming Proposal
==========================
:Author: Francisco G. Rodriguez
:Date: 07.05.2008
This are some of my ideas for the interface of Lumiera. Some of this ideas are
just things I saw in the GUI brainstorm and my intent is to bring them together.
I will be adding images and more ideas, but I need some feedback because maybe
this gui is only good at the work I'm used to. If you find this is no good for
you, please write me telling me why so I can think a better way to do it.
General
-------
* The GUI must be configurable. A lot of different tasks can be done using a
NLE, and we cannot make all of them accesible at the same time. This means allow
changing keybindings, windows/tiles positions, and colors. Just like ct wrote,
saving them in the project file, etc.
* If we use a custom api for the gui, we should allow themes(or changing colors
from a preferences dialog), and if we use gtk or qt, each user could use the
program with his custom theme. (Done)
* We could provide presets for keybindings/UI copying the behaviour of others
programs. For example make it behave like cinelerra 2.0.
* If we use tiles and multiple windows, we should allow these to be created
while using the program, like blender. Each tile should have a little icon to
allow changing the module the tile is showing, and clicking on a border would
allow to divide/merge.
* All icon shortcuts, and toolbars can be hidden alowing a workflow using keybindings.
The Gui has to be divided into indepent parts or modules that will communicate
each other. Each module can be developed separately, making easy correct bugs,
and add new functions. Of course this modules I am talking about, are not the
modules described in the architecture overview. This is the gui, which is an
abstraction of the real program.
image::{imgg}/Alcarinque.proposal.png[Alcarinque's GUI proposal]
Here I made a sample of the architecture of the UI. Please don't take this too
seriously, it is just a draft so you can understand the workflow. I haven't
thought how this will communicate with the proc layer or backend.
Modules
-------
* Main Menu
- It doesn't have to be a menu.
- Contains a a way to manage proyects, render as movie, setup the preferences,
customize the UI, manage the others modules, and capture a footage.
* Node Compositor
- This is a new feature that I think is very important because it allows a lot
of new special effects.
- Also it will bring a lot user contribution with the sharing of _node presets_.
. Just think of this... I have a footage of a kid playing with some red stick.
. I add this as an _In_ node. Then connect its output to a _Glow_ node.
Also connect the output of the _In_ node to a _RGB Curves_ node which I use
to filter a certain tone of red. The output to the curves is sent to the
alpha input of the glow node. The output of glow is sent to an _Out_ node.
. I save this node layout as a preset, a file called `lightsaber.np`. I go
to the Lumiera's site and share it so everyone can use it, improve it.
- Lumiera would just provide basic but poweful nodes, which would be useful
to construct very complex effects.
- There are audio and video nodes some of them can interact. See below.
- Nodes could be gruped and used as another node. A group of nodes is a
_Node layout_. When created, it appears in a tab in the media library.
Each node layout has one or more _In_ and _Out_ nodes, that let it
communicate with the others objects.
. The In node brings an input from a file and converts it into an audio/video stream.
. The Out node transforms a stream into an image drawable into the ``canvas''.
It has options like transform(position, scale, rotation) and opacity. Also
it saves a In/Out positions, relative to the internal node layout time. This
is to be able to have multiple instances of the same node layout but showing
different parts of the stream.
- Transform trayectory is shown in the interactive interface of the visor. Of course if the strip/node layout is selected.
- Opacity keys and level is shown above the strip(like cinelerra).
- If it is an audio out node, the variables are volumes for each channel.
- Each node has some parameters, these are keyable. When selecting a node,
curves for each parameter are shown in the node options module.
- Nodes should be easily programmed, and adding them should not require
recompilation of the whole program. Maybe there will be an exception to
this for the In/out nodes, etc.
- Nodes can also generate, for example a FractalExplorer node, a waveform
node (to convert audio to video), oscilators, noise, etc. For example, we
could drive a brightness/contrast node with a one dimension noise generator,
to obtain an scene with lightnings or broken lamps like “doom”
* Sound
* Media Library:
- It can be tabbed or grupped to make organization easier.
- When selecting files, the images sequences like `image0000.jpg`,
`image0001.jpg`, `image0002.jpg`, etc should show like +image[0-3000].jpg+.
- It should display the properties of the media, like resolution, fps,
bitrate, etc. Maybe in each clip or in a container.
- Be able to select for a list or a thumbnail or waveform preview.
- In each clip there is a preview button.
- Maybe add an option to “make a new clip from this clip” to change things
like fps, size, codec, etc. Just a wrapper for ffmpeg or something.
- You can drop the clip in the node compositor as _In_ node, or in the
timeline as a stripe. Doing the latter, will create a node group with the name
of the clip, that will have an “In” node(pointing to the file) connected to an
_Out_ so that the file is seen by the timeline.
- When we import a clip it should create a proxy. We don't use the original
clip anymore until render.
* Timeline
- Should provide a palette with tools like knife, in/out points, etc that can
be hidden. This could be achieved using a ``no header'' option like... again...
blender. I'm open to new ideas about this
- Scaling the clips vertically could be a good idea, especcially when working
with too many tracks. Using an amplifier tool could do the magic.
- Should allow tabbing, to have more than a timeline at in a project. We can
create a +{scene-1, scene-2, scene-3}+ timelines and then mix them in a
fourth timeline called ``film'' as if they were simple strips...
* Viewport
- The viewport should be interactive. Maybe a key toggle to allow panning and
zooming. Clicking on it should make the clicked clip to transform. Being able
to keys in the current keyframe to things like rotation, translation, and
scale. Maybe opacity with the mouse wheel.
- Clicking on the clip the first time, will add a transform node before its
out node. This transform node, has as input a time curve node, which will
be keyframmed.
- Should allow seeing the result of the current timeline, or a custom media
library element.
- Should allow setting In/out points to allow inserting in the timeline.
- Transform trayectory is shown in the interactive interface of the visor.
Of course if the strip/node layout is selected.
* Palette
- For custom common tasks, like Maya's toolbar.
* Effects and Transitions
- A section where we can drag and drop nodes and transitions to the node
compositor/timeline
- Transitions can be added in both, timeline and node editor. I'm open to
new ideas about this
- Droping a node on a stripe would add it before its out node, Using the
nodes, default connections. This way the program can be used as a normal
NLE or a compositor in a seamless way.
* Options
- Shows the options for the current node layout the one selected in current
timeline. What happens when we have two timelines modules showing different
timelines? Each options modules has a bar to select what timeline is using.
I don't understand why someone would want two timelines modules running
different timelines, maybe when selecting in one module the others could
switch inmmediatly, but maybe it is useful in some case.
- It would be divided into three parts.
. A list of nodes into the node layout
. The options of the selected node in the list.
. A curve timeline. A list for of the node parameters and curves for it.
Just like Blender's IPO curves.

View file

@ -4,9 +4,10 @@ GUI Design and Feature Discussion
In the early stages of the project, there was a lot of debate regarding
GUI concepts and -features and proposals.
- link:GuiBrainstormingReviewed.html[GUI Brainstorming page] 'TODO: explain whats this all about'
- link:GuiBrainstormingReviewed.html[GUI Brainstorming page] '[red]#TODO#: explain whats this all about'
- several Proposals
* link:Proposal.AkhiL.html[AkhIL]
* link:Proposal.Alcarinque.html[Alcarinque]
* link:Proposal.RichardSpindler.html[Richard Spindler]
* link:Workspaces.html[about Workspace organsiation]
* link:scrolling.html[about scrolling..]

1
doc/devel/draw/rendered Symbolic link
View file

@ -0,0 +1 @@
../../../wiki/draw