SlideShare a Scribd company logo
1 of 101
Carles Bellver
2013
After Word(s).
Fa un any…
carlesbellver.com/+/stfsw-summary-ca
No sóc un visionari
■ Markdown
■ Distraction Free Writing
■ COPE
etc.
Són trending topics
How we write for TUAW: A look at
blogger workflows and tools
tuaw.com/2013/06/13/how-we-write-for-
tuaw-a-look-at-blogger-workflows-and-
tools/
Compteu quantes vegades esmenten un
“processador de textos”.
Primer cal reconèixer
que tenim un problema.
a) El problema
“Why is Microsoft Word so
slow? My 1994 version on
an ancient laptop was
faster. I just don’t get it.
Doug Coupland
@dougCoupland
kadrey.tumblr.com/image/52975844033
Ningú utilitza ja
la màquina d’escriure…
La màquina d’escriure és
un invent del segle XIX
que s’utilitza durant el
segle XX.
Però seguim utilitzant
processadors de textos
del segle passat.
El processador de textos
és un invent de la dècada
de 1970.
Ulrich Steinhilper
IBM @ 1966
www.steinhilper.de/steinhilp/
IBM Selectric typewriter
Wordstar
El processador de textos
WYSIWYG és un invent
de 1984.
MacWrite
Apple Macintosh 1984.
The computer for the
rest of us.
Primera interfície gràfica comercial,
basada en les idees de Xerox.
Macintosh + LaserWriter = autoedició
Però l’hegemonia de la
impressora duraria poc
més de deu anys.
www.federacioneditores.org
WYSIWYG:
What you see is
what you get.
Això que veus a la pantalla
és el que eixirà per la impressora.
Però la impressora ja no
és la destinació “natural”
de cada document.
Més habitualment, els
textos que escrivim van a
parar a una pàgina web
–amb maquetació i estils
predefinits.
Canals múltiples
■ Blogs
■ Ebooks (o llibre imprès)
■ Revistes electròniques (o impreses)
■ Aula Virtual
■ Stream d’una xarxa social
…
Múltiples
dispositius
WYSIWYG?
But I can’t know what
–and how, and where–
they will get!
Els processadors de textos
van ser pensats per a la
impressora i amb el full
de paper com a unitat de
mesura.
La pretensió de
controlar tot el format
del document –marges
de pàgina, etc.– no casa
gens bé amb el Web.
Word a HTML
Word a HTML
OpenOffice to WordPress
WordPress té un botó
especial per a enganxar
text copiat de Word!
I una pàgina d’ajuda a propòsit:
support.wordpress.com/microsoft-word/
Amb la impremta
ja passava.
No pots saber d’antuvi la
mida de pàgina del llibre o
revista, marges, tipus de
lletra…
Per això els maquetadors
professionals odien el Word
i els escriptors que l’utilitzen.
I si tot això
no era prou…
Desenes de formats orientats a la pàgina
més o menys compatibles entre ells.
Barroquisme
en les interfícies
d’usuari
Jo només volia escriure!
b) Les solucions
Back to the basics.
1. Text net.txt
Quan estem escrivint,
el 90% del temps no
necessitem res més.
Un pas enrere?
I dos endavant.
Writing
Desktop publishing
1984
2013
“Word processing”
Què guanyem
amb el text net?
- compatibilitat amb aplicacions.
- portabilitat entre dispositius i sistemes.
- lleugeresa dels fitxers i les aplicacions.
- preservació dels documents.
Màxima
{
Sempre podràs editar
els teus documents.
BBC Domesday Project
■ 900th anniversary of the original Domesday
Book, an 11th-century census of England.
■ Children from 9,000 schools were involved.
Over 1 million people participated in the
project.
■ Data was stored on adapted laserdiscs in LV-
ROM format.
■ Frequently cited as an example of digital
obsolescence.
2. Editors minimalistes.
FocusWriter Byword WriteRoom Ommwriter
P. ex.
After Word(s).|
Ací no hi ha una pàgina!
No hi ha formatatge de pàgina.
■ Text centered
■ Focused on writing
■ Distraction free
Zen
Courier is ugly
(maybe).
Els processadors de textos
han tractat amb desdeny
el text net.
Plain text
is beautiful.
“— Mies van der Rohe
Less is more.
3. Markdown
Llenguatges de marques
lleugers.
<h1>Markup language</h1>
<p>A <b>markup language</b> is a modern
system for annotating a document in a
way that is syntactically
distinguishable from the text.</p>
<ul>
<li>Types</li>
<li>History</li>
<li>Features</li>
</ul>
<head>
<title>Markup language</title>
</head>
<body>
<h1>Markup language</h1>
<p>A <b>markup language</b> is a modern system for
annotating a document in a way that is syntactically
distinguishable from the text.</p>
<ul>
<li>Types</li>
<li>History</li>
<li>Features</li>
</ul>
</body>
Markup language
A markup language is a modern system
for annotating a document in a way that
is syntactically distinguishable from the
text.
■ Types
■ History
■ Features
# Lightweight Markup language
A **lightweight markup language** is a
markup language with a simple syntax,
designed to be easy for a human to enter
with a simple text editor, and easy to
read in its raw form.
- Types
- History
- Features
■ BBCode
■ Markdown
■ reStructuredText
■ Setext
■ Textile
■ Wikitext
…
daringfireball.net/projects/markdown/
John Gruber (& Aaron Swartz) 2004.
A text-to-HTML conversion tool for web
writers. Markdown allows you to write
using an easy-to-read, easy-to-write
plain text format, then convert it to
structurally valid XHTML (or HTML).
Markdown
1) Una sintaxi per a formatar text net.
2) El programari que converteix el text net
en HTML (→ Web).
Dues coses
a) La llegibilitat del text net.
b) La capacitat dels llenguatges de
marques per a afegir metainformació.
Objectius
■ Estils bàsics: negreta, cursiva.
■ Estructura: seccions amb
encapçalaments jeràrquics.
■ Llistes, citacions, etc.
■ Enllaços.
■ Imatges.
Tot allò que té l’HTML
Suficient en un 99% de casos.
Semàntica.
WYSIWYM:
What you see is
what you *mean*.
Document
Ebook
Book
Web
carlosjj.deviantart.com
Create Once, Publish Everywhere.
blog.programmableweb.com/
2009/10/13/cope-create-once-publish-
everywhere/
COPE
Formats
Agnòstics Transicionals Finals
Text net
Markdown
Textile
TeX
.doc
RTF
ODT
XML
HTML
PDF
EPUB
Creació Composició Publicació
Pandoc
A command line universal converter from
lightweight markup formats to:
■ HTML
■ docx/ODT
■ EPUB
■ TeX
■ PDF
COPE
for the rest of us
Markdown Service Tools
brettterpstra.com/projects/
markdown-service-tools/
Markdown QuickTags
wordpress.org/plugins/
markdown-quicktags/
1) Text net.
2) Editors minimalistes.
3) Llenguatges de marques lleugers.
En resum
Consignes
■ Deixar la maquetació per al final.
■ No utilitzar programari que et force a
maquetar.
Fi.
En voleu més?
1) Sincronització…
Dropbox
O Google Drive?
Google Drive
■ Hereta els vicis dels processadors de
textos orientats a la pàgina.
■ Implica una cessió de facto de la
propietat dels fitxers.
Alternatives
ownCloud
Dropbox≃
BitTorrent Sync
P2P
2) Més enllà
del minimalisme.
Text net + Markdown = 99%
1% restant?
Scrivener
“The biggest software advance for
writers since the word processor.”
“The word processor for writers.”
After Word(s).|
After Word(s).|
After Word(s).|
Booki / Booktype
3) El futur?
Revisió de documents en text net
criticmarkup.com
“ — Brett Terpstra
[CriticMarkup]
Combined with a system
like Draft, it could kill
Word. Someday…
Draft. Write Better.
draftin.com
■ Gestió de documents, control de
versions i col·laboració en el
núvol.
■ Integració amb Dropbox, Google
Drive, Evernote…
■ Like Instapaper or Readability,
for writing.
“— Popular Mechanics, 1949
Computers in the
future may weigh no
more than 1.5 tons.
Ja he dit que no faré
més pronòstics :)
Carles Bellver
bellverc@uji.es
http://cent.uji.es

More Related Content

Viewers also liked

Tabla periodica prueba
Tabla periodica pruebaTabla periodica prueba
Tabla periodica pruebacamilapanchi
 
28η οκτωβριου
28η οκτωβριου28η οκτωβριου
28η οκτωβριου3gymkomo
 
Creative Commons Supporting Knowledge Societies (Arabic)
Creative Commons Supporting Knowledge Societies (Arabic)Creative Commons Supporting Knowledge Societies (Arabic)
Creative Commons Supporting Knowledge Societies (Arabic)Mohamad Khawaja
 
A Study of the Challenges to Information and Communications Technology in Gir...
A Study of the Challenges to Information and Communications Technology in Gir...A Study of the Challenges to Information and Communications Technology in Gir...
A Study of the Challenges to Information and Communications Technology in Gir...HCI Lab
 
วิธีการประหยัดพลังงานภายในบ้าน
วิธีการประหยัดพลังงานภายในบ้านวิธีการประหยัดพลังงานภายในบ้าน
วิธีการประหยัดพลังงานภายในบ้านSaran Yuwanna
 
รายงานวิจัย ทรงผมนักเรียนชาย
รายงานวิจัย ทรงผมนักเรียนชายรายงานวิจัย ทรงผมนักเรียนชาย
รายงานวิจัย ทรงผมนักเรียนชายNuttapat Sukcharoen
 
Webit Congress: Telco's as an active OTT Player
Webit Congress: Telco's as an active OTT PlayerWebit Congress: Telco's as an active OTT Player
Webit Congress: Telco's as an active OTT PlayerMohamad Khawaja
 
Issues and Challenges in integrating ICT in Malaysian School
Issues and Challenges in integrating ICT in Malaysian SchoolIssues and Challenges in integrating ICT in Malaysian School
Issues and Challenges in integrating ICT in Malaysian SchoolXavier Chang
 

Viewers also liked (10)

Tabla periodica prueba
Tabla periodica pruebaTabla periodica prueba
Tabla periodica prueba
 
28η οκτωβριου
28η οκτωβριου28η οκτωβριου
28η οκτωβριου
 
Creative Commons Supporting Knowledge Societies (Arabic)
Creative Commons Supporting Knowledge Societies (Arabic)Creative Commons Supporting Knowledge Societies (Arabic)
Creative Commons Supporting Knowledge Societies (Arabic)
 
A Study of the Challenges to Information and Communications Technology in Gir...
A Study of the Challenges to Information and Communications Technology in Gir...A Study of the Challenges to Information and Communications Technology in Gir...
A Study of the Challenges to Information and Communications Technology in Gir...
 
วิธีการประหยัดพลังงานภายในบ้าน
วิธีการประหยัดพลังงานภายในบ้านวิธีการประหยัดพลังงานภายในบ้าน
วิธีการประหยัดพลังงานภายในบ้าน
 
Hot shapers
Hot shapersHot shapers
Hot shapers
 
รายงานวิจัย ทรงผมนักเรียนชาย
รายงานวิจัย ทรงผมนักเรียนชายรายงานวิจัย ทรงผมนักเรียนชาย
รายงานวิจัย ทรงผมนักเรียนชาย
 
Webit Congress: Telco's as an active OTT Player
Webit Congress: Telco's as an active OTT PlayerWebit Congress: Telco's as an active OTT Player
Webit Congress: Telco's as an active OTT Player
 
Amritkumar RESUME(KPIT)
Amritkumar RESUME(KPIT)Amritkumar RESUME(KPIT)
Amritkumar RESUME(KPIT)
 
Issues and Challenges in integrating ICT in Malaysian School
Issues and Challenges in integrating ICT in Malaysian SchoolIssues and Challenges in integrating ICT in Malaysian School
Issues and Challenges in integrating ICT in Malaysian School
 

Similar to After Word(s).|

Panorama actual dels nous mitjans
Panorama actual dels nous mitjansPanorama actual dels nous mitjans
Panorama actual dels nous mitjansLaia Hidalgo
 
Software Gratuït per Windows
Software Gratuït per WindowsSoftware Gratuït per Windows
Software Gratuït per Windowscarlaprat
 
Practica1 operacions basiques amb el textx
Practica1 operacions basiques amb el textxPractica1 operacions basiques amb el textx
Practica1 operacions basiques amb el textxrrodri83
 
Presentació final
Presentació finalPresentació final
Presentació finalagonzafra
 
UOC- Fonaments i evolució de la multimèdia PAC3 Victor_garcia
UOC- Fonaments i evolució de la multimèdia PAC3 Victor_garciaUOC- Fonaments i evolució de la multimèdia PAC3 Victor_garcia
UOC- Fonaments i evolució de la multimèdia PAC3 Victor_garciaVictorGT11
 
Migració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitatsMigració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitatsIsmael Fanlo
 
Tipus D’Ordinador (Pc, Workstation, Superordenador I Mainframe)
Tipus D’Ordinador (Pc, Workstation, Superordenador I Mainframe)Tipus D’Ordinador (Pc, Workstation, Superordenador I Mainframe)
Tipus D’Ordinador (Pc, Workstation, Superordenador I Mainframe)Xavi Loan Font
 
Aprofitament didàctic dels recursos TIC
Aprofitament didàctic dels recursos TICAprofitament didàctic dels recursos TIC
Aprofitament didàctic dels recursos TICHèctor Cloquell
 
Resum
ResumResum
Resumcfgmi
 
Informàtica
InformàticaInformàtica
InformàticaSanndra16
 
1. introducció
1. introducció1. introducció
1. introducciósergigrau
 
Fonaments i evolució multimèdia_PAC2_UOC
Fonaments i evolució multimèdia_PAC2_UOCFonaments i evolució multimèdia_PAC2_UOC
Fonaments i evolució multimèdia_PAC2_UOCNabel GM
 
Història i característiques del llenguatge C
Història i característiques del llenguatge CHistòria i característiques del llenguatge C
Història i característiques del llenguatge CRoger Casadejús Pérez
 

Similar to After Word(s).| (20)

Panorama actual dels nous mitjans
Panorama actual dels nous mitjansPanorama actual dels nous mitjans
Panorama actual dels nous mitjans
 
Software Gratuït per Windows
Software Gratuït per WindowsSoftware Gratuït per Windows
Software Gratuït per Windows
 
Practica1 operacions basiques amb el textx
Practica1 operacions basiques amb el textxPractica1 operacions basiques amb el textx
Practica1 operacions basiques amb el textx
 
Presentació final
Presentació finalPresentació final
Presentació final
 
UOC- Fonaments i evolució de la multimèdia PAC3 Victor_garcia
UOC- Fonaments i evolució de la multimèdia PAC3 Victor_garciaUOC- Fonaments i evolució de la multimèdia PAC3 Victor_garcia
UOC- Fonaments i evolució de la multimèdia PAC3 Victor_garcia
 
Migració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitatsMigració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitats
 
Tipus D’Ordinador (Pc, Workstation, Superordenador I Mainframe)
Tipus D’Ordinador (Pc, Workstation, Superordenador I Mainframe)Tipus D’Ordinador (Pc, Workstation, Superordenador I Mainframe)
Tipus D’Ordinador (Pc, Workstation, Superordenador I Mainframe)
 
What DB?
What DB?What DB?
What DB?
 
Activitat 4[1]
Activitat 4[1]Activitat 4[1]
Activitat 4[1]
 
Activitat 4
Activitat 4Activitat 4
Activitat 4
 
Aprofitament didàctic dels recursos TIC
Aprofitament didàctic dels recursos TICAprofitament didàctic dels recursos TIC
Aprofitament didàctic dels recursos TIC
 
Resum
ResumResum
Resum
 
Informàtica
InformàticaInformàtica
Informàtica
 
1. introducció
1. introducció1. introducció
1. introducció
 
L'internet
L'internetL'internet
L'internet
 
L'internet
L'internetL'internet
L'internet
 
L'internet
L'internetL'internet
L'internet
 
UD4 Web
UD4 WebUD4 Web
UD4 Web
 
Fonaments i evolució multimèdia_PAC2_UOC
Fonaments i evolució multimèdia_PAC2_UOCFonaments i evolució multimèdia_PAC2_UOC
Fonaments i evolució multimèdia_PAC2_UOC
 
Història i característiques del llenguatge C
Història i característiques del llenguatge CHistòria i característiques del llenguatge C
Història i característiques del llenguatge C
 

After Word(s).|