Há 2 tipos principais de tokens: tokens fungíveis e os tokens não fungíveis (NFT). Vamos destacar suas diferenças e características.

Tokens fungíveis são as principais criptomoedas, por exemplo, Bitcoin e Ethereum são ativos nativos, essenciais para o funcionamento de suas respectivas redes descentralizadas, enquanto outras são criadas a partir de plataformas de contrato inteligente pré-existentes, sendo a Ethereum a principal plataforma no momento.

Além da Ethereum outras Blockchains concorrem no mercado de Web3 como soluções para desenvolvimento de dApps. Cada Blockchain apresenta pontos distintos em relação as três características que forma uma rede: descentralização, segurança e escalabilidade.

Ainda não temos uma tecnologia em Blockchain que atenda esses três itens de forma plena, e acredito que o mercado irá avançar para Blockchains especializadas conforme a necessidade do serviço.

Já os NFTs - Tokens Não Fungíveis são unidades únicas que podem ser usados para representar uma propriedade digital. Diferente dos tokens fungíveis (criptomoedas), os NFTs não são intercambiáveis. Cada NFT é único e só pode existir em uma carteira de cada vez. Contudo, pode ser transferido entre usuários e vendido, o que assegura a titularidade digital.

Além da arte, os NFTs também impactaram os mercados da música, jogos, eventos, entre outras categorias por permitirem novos modelos de monetização para os criadores e propriedade digitais para fãs e compradores desse token.

Entre 2020 e 2021 os jogos NFTs e Blockchain atraíram cerca de US$ 4 bilhões em investimentos, na categoria de jogos play-to-earn.

Ainda não sabemos se os NFTs vão ter sucesso nessa categoria de jogos, mas, com o aumento de investimentos em inciativas Web3 e considerando o abrangência de uso da propriedade digital e certificado de autenticidade viabilizada através dos NFTs, a adesão a esses tokens deve continuar a crescer nos próximos anos.

Marketplaces de NFT fomentaram o mercado permitindo aos usuários criar (mintar) NFTs de graça, só gerando o registro na blockchain quando alguém realizar a compra. Conhecido pelo termos “lazy mint” (cunhagem preguiçosa) evita o pagamento da taxa na blockchain (gas) no momento da criação.

Para entender mais sobre como funciona uma Blockchain leia essa artigo O que é a Blockchain e como ela pode impactar a forma como interagimos com o mundo.

Embora a tecnologia da Blockchain ainda seja bastante nova, ela já começou a ter impacto na forma como interagimos com o mundo ao nosso redor. Uma das coisas mais importantes sobre esta nova tecnologia é que ela é descentralizada.

Uma Blockchain é mantida por uma rede de participantes (nós da rede) que chegam a um acordo sobre o status da rede (e transações realizadas) a partir de um mecanismo de consenso. Esse mecanismo diz respeito a como as redes estão seguras contra ataques e como os participantes chegaram a um acordo sobre um status para a rede.

Os tipos mais comuns são a prova de trabalho (PoW, do inglês proof-of-work), usado pela rede Bitcoin e atualmente pela Ethereum (julho de 2022), e a prova de participação (PoS, do inglês proof-of-stake), usada, em geral, por plataformas de contratos inteligentes. Os tokens nestas redes são distribuídos aos participantes para que cumpram seu papel em assegurar a rede pelo mecanismo de consenso.

Em tradução livre da imagem:

PoS (prova de participação), proprietários dos tokens da rede devem guardar uma quantidade mínima para se tornarem validadores. O contrato inteligente da Blockchain seleciona quem irá validar a transação, incluir um novo bloco na rede e receber a recompensa.

PoW (prova de trabalho), neste sistema apenas o primeiro validor que conseguir resolver a transação poderá incluir o novo bloco na rede e receber a recompensa por ele.

Em relação ao custo de energia, enquanto PoW exige a utilização de hardwares especializados, com alta capacidade de processamento e gasto de energia, ainda há o fato da concorrência entre os validadores (mineradores), pois a cada transação apenas o primeiro a conseguir resolver é recompensado. Todos os demais que participaram gastaram tempo e processamento sem necessidade.

Já no mecanismo PoS não há utilização de equipamentos e o consenso é administrado pelo contrato intelidente através dos validadores, que são os usuários que possuem uma determinada quantidade do token travado na rede.

Por exemplo, no momento que publico esse artigo (julho de 2022) a rede Ethereum está em processo de migrar do mecanismo PoW para Pos. Para ser tornar um validador (nó da rede) do Etherium é preciso ter guardado na rede a quantidade mínima de 32 ETH, cerca de U$ 40 mil dólares (cotação de julho de 2022).

Deixando a especulação financeira de lado, a tecnologia Blockchain é base das criptomoedas e da Web3, sendo um novo tipo de estrutura de dados de back-end.

Essa nova arquitetura de dados teve origem em meados de 2009 (após a crise finaceira do mercado imobiliário americado de 2008), o que alegam ser uma das motivações de Satoshi Nakamoto – identidade utilizada pela pessoa (ou pessoas) que criaram o Bitcoin e a primeira Blockchain, com o objetivo de realizar transferências monetárias entre pessoas, sem intermediação de governos ou bancos, ou seja, um meio de pagamento digital e descentralizado.

Atualmente há centenas de criptoativos (muitos com sua própria blockchain), contudo o Bitcoin ainda é o principal deste mercado e o único a manter sua finalidade de moeda digital (mesmo não sendo concretizada ainda).

Apesar de polêmico, o Bitcoin, a cada ano que passa, aumenta sua adesão por empresas, governos e até instituições financeiras, especialmente, como reserva de valor, amenizando a perda da inflação das moedas governamentais (como o nosso real), o que “rendeu” o apelido de ouro digital ao Bitcoin.

Diferente do Bitcoin, algumas Blockchains são plataformas de contratos inteligentes. A pioneira nesse segmento e líder na quantidade de projetos desenvolvidos é a Ethereum.

Enquanto o Bitcoin é comparado ao ouro, o Ethereum pode ser comparado ao ferro, pois é matéria-prima para a construção de algo novo. Há centenas de projetos desenvolvidos sobre a plataforma de contratato inteligente da Ethereum.

Essas plataformas também são chamadas de "redes de primeira camada" e, além da Ethereum, outros projetos estão incluídos como Cardano, Solana, Avalanche, Luna, Tezos e mais. Os aplicativos criados nessas redes são conhecidos como aplicativos descentralizados (dApps).

Outros dois movimentos aumentaram o interesse do mercado pelas criptomoedas: finanças descentralizadas (DeFi) e os tokens não fungíveis (NFTs).

As DeFi são um conjunto de aplicativos que oferecem aos usuários um serviço de finanças descentralizadas, como empréstimo, crédito, derivados e outros a partir de criptomoedas baseadas em blockchain.

Confira neste artigo mais detalhes sobre que são os NFTs.

Graphic design and web professionals compete for the market’s attention for both online and offline publications. The past ten years have seen new habits, new devices, and new distribution channels influencing both. In this guide, I’ll give you tips and concepts to start a professionally-made digital publishing project.

As one of the primary means of producing designed content, Adobe InDesign has played an important role in the intersection between graphic and web design. In this article, you, the graphic designer, creative professional or student will learn how to start producing a digital publication, from InDesign.

To better understand the context that InDesign occupies in the segment of digital publications, I recommend reading this article: The Evolution of Adobe InDesign – from print to digital (only in Portuguese).

THE TERM EBOOK

Before you start reading, I need to clarify the use of the term ebook in this article.

The Wikipedia definition says, “Digital book (electronic book or e-book anglicism) is any information content, similar to a book, in digital format, which can be read on electronic equipment.”

However, the term ebook is often associated with digital marketing and can be used as educational material to generate leads and build relationships with potential customers.

In this article, instead of ebook, I am using the term Digital Publication to serve not just books, but any kind of publication in EPUB3 and HTML5 format.

Even though Wikipedia (https://en.wikipedia.org/wiki/Electronic_publishing) begins by describing the term digital publication as a “concept that is difficult to define”, I believe that using a broader term is useful here.

HTML5/EPUB 3 formats

In this guide, I am considering the combination of InDesign and the IN5 plug-in when I refer to the production of HTML5 publications. For the reflowable EPUB3, format I use the combination of InDesign and Sigil.

New document

First step to start a project: new document. But, my dear padawan, don’t rush too much.

Start off with a briefing meeting with your team to figure out a few important details. Besides talking about the visual design, also talk to your customer about the distribution. Some critical questions include:

• Is there a printed version already?

• Distribution for desktop, or mobile? Or both?

• Will you need browser access or only digital bookstores?

• Do you need offline access?

We will go through each of these questions and understand how to create the document that meets the needs of the project.

1. Is there a printed version already?

Well, if there is already a graphic design for print media, the most practical and quick way is to take advantage of this document by, if necessary, adding interactive features, such as: navigable summary, hyperlinks, multimedia, etc.

Production for HTML5 works well from the A4 format, for example, being able to switch between double pages on the desktop to single page on mobile. The Mobile Article Explorer feature complements this type of production well, as it ensures that the reading of the text is separate from the layout.

Regarding EPUB3, production from the printed version is still very common and usual practice. Another characteristic of reflowable EPUB 3, it is to be independent of the document format, that way you can create a document (if necessary) in the format you want.

2. Distribution for desktop, mobile or both?

For the HTML5 format there is no defined rule, but I can share good practices, based on my experience. However, keep in mind that the table below is just a starting point.

I strongly recommend that you analyze the characteristics of each project, perform tests and try out the best format for the combination of your message and the needs of your audience.

HTML5 Publications - Desktop **Vertical **768×1024 px Classic iPad format works very well for more traditional designs that refer to a reading similar to the printed one.

**Horizontal **1024 x 768 px 1280 x 800 px Projects with the most digital appeal can opt for horizontal formats. The 16:9 (wide) aspect ratio shows a better use of monitors (1280 x 800 px).  

HTML5 Publications - Mobile

**Vertical **Despite the different formats and resolutions of the smartphones we managed to reach most of them keeping the 16:9 aspect ratio vertical. In InDesign, create a document in 320 x 568 px or 414 x 715 px format. (Read more in the Physical Pixel and Logical Pixel BOX).

**Horizontal **The production of publications in the horizontal format for mobile is not on my list of good practices.

HTML5 Publications - Both (desktop and mobile)

HTML5 publications produced from InDesign are not innately responsive. At most, they can be adaptive through the Alternate Layout feature. Learn more about this powerful feature that combines InDesign and IN5 plugin in this video: How to Create Responsive Layouts)

Physical pixel and Logical pixel

Viewport – Understand the difference between physical pixel and logical pixel in this very complete article on the topic: What’s a Pixel?

Regarding EPUB3, we don’t have the concern about orientation, format and resolution, as the publication is reflowable, in other words, fits different screen widths. In the table below, understand the differences between fixed, fluid, adaptive and responsive formats.

Fixed vs. Fluid vs. Adaptive vs. Responsive

In this efficient and didactic video, learn the differences between these format concepts so common on the web, and important in digital publishing projects.

• Fixed – fixed widths, without media queries (https://www.w3schools.com/css/css_rwd_mediaqueries.asp)

• Fluid – relative widths, no media queries

• Adaptive – fixed and relative widths, with media queries by device or screen resolution

• Responsive – relative widths, with media queries for content and layout.

3. Browser access or digital bookstores?

If the project seeks to facilitate reading by allowing direct access by the browser (desktop and mobile) HTML5 is the most suitable format, since the EPUB 3 format, despite the efforts of the W3C, it is not (I think it will never be) compatible with current browsers.

Much of the EPUB3 format distribution is directly linked to proprietary platforms and devices, creating closed environments, true silos for content marketing (ebooks) and devices (ereaders).

4. Need offline access?

To meet this requirement, you will need to produce a Kiosk App, capable of downloading the publication (HTML5, EPUB3 and PDF format) for later offline access.

Through browsers, this type of distribution is now viable by combining InDesign and IN5. Learn more about how a Kiosk App works by watching this video – Awesome Kiosk App Built with InDesign & in5.

Getting Started

Now, after analyzing and answering the questions above and approving the distribution profile with the customer, you can create the document to start the project professionally and consciously for digital publishing.

Then, in InDesign on a Mac or PC, go to File → New → New document and set up the following properties.

• Intent: Web

• Pixels as dimension

• Margins and Columns apply to HTML5 projects only

• And of course, document bleed isn’t relevant in digital publications

Workspace

Defining the workspace according to the needs of the project can help you to be more productive in carrying out everyday tasks in InDesign.

After adjusting the panels, the way, you want, save them as a new workspace. You can switch between desktops in the upper right corner of the InDesign application window.

Two workspace presets are provided with InDesign (found in the drop-down menu at the top right), “Digital Publishing” and “Interactive for PDF”.

I believe that a mixture between these two presets will serve you well, both to produce publications in HTML5 and in EPUB 3.

Basically, for EPUB3 the main panels for editing are related to styles, all of them – character, paragraph, object, table and cell. The interactive part of InDesign is further explored in HTML5 format.

The following is a quick introduction to the subset of interactive panels:

Animation

Create animations and determine how objects move. Learn how to create animations in InDesign by watching this YouTube video: https://youtu.be/c-1fh8gTVFQ.

Time

When multiple animations are applied to a page, the Time panel controls the display order of these objects.

Buttons

Convert objects to buttons and control their properties.

Object states

Create objects with multiple states (such as slide shows and drop-down menus). Each state can be shown and hidden using buttons. This is powerful for creating complex interactions. See some examples in this YouTube video: https://youtu.be/udR02nCZvv0.

Hyperlinks

Displays all external and internal hyperlinks (cross-references) applied to the document.

Liquid layout

Set up rules on how objects can be repositioned when the document is viewed in different formats and orientations.

Media

Manage video and audio files imported into the document. You can customize how these media files are played and viewed. Preferably for MP4 format, for videos, and MP3, for audios.

EPUB preview

Visualize the appearance and behavior of an animated and interactive document without having to export it first. Works well for native InDesign features and serves the production of HTML5 and EPUB fixed layout. To produce reflowable EPUB 3 this preview panel does not apply.

Content & HTML

Especially to produce the EPUB 3 format, the association between InDesign styles and HTML tags is essential. There is a direct relationship between each type of style applied to the document and the main tags in HTML. Check the image below.

To perform this association task, open the Paragraph Style panel and choose the option Edit All Export Tags. The panel below will be displayed, apply the tag according to the type of formatting of each style.

Formatting & CSS

STYLES – Character, Paragraph, Object, Table, Cell

As anyone who has used character and paragraphs styles in InDesign can attest, the style saves a lot of time and provides a level of precision and consistency that would otherwise be impossible.

Object styles allow you to format a text box, for example, with padding property, stroke, corner effects, transparency, among other items, all saved in a single style.

Text properties – InDesign and CSS

Many graphic designers have difficulty editing HTML/CSS files, however after a little study (effort and willingness) the relationship between the formatting applied in InDesign and the CSS classes becomes increasingly evident.

The image below shows the formatting of a typical text paragraph, comparing the InDesign panels with the CSS declarations.

Export to HTML5 / EPUB 3

IN5 plugin

How about starting to produce Interactive Digital Publications in HTML5 even without knowing anything in code, combining Adobe InDesign layout and interactivity features, with the main tools of Digital Marketing – Google Analytics, Chatbot and Facebook Pixel, among others.

Check out this YouTube playlist about IN5 plugin and learn that it is possible to go far beyond PDF.

Kiosk App

Create content with InDesign, HTML, EPUB, or PDF and publish straight to app. No programming required, mobile and web compatible. See some projects here: https://en.dualpixel.com.br/applab.

EPUB 3

Check out 20 essential InDesign resources for EPUB 3 Format Production, in the article Ebooks from InDesign: Twenty Things to Consider.