Skip to main content

10 cara untuk membuat digital magazine


The top 10 ways to create digital magazines

The top 10 ways to createdigital magazines

With the growing number of smartphones, tablets, and eReaders, why limit your audience? Create content that works for everyone, no matter what technology they prefer. Martha Rotter, co-founder of Woop.ie, reviews 10 of the best tools

Let me guess. You have a huge team of highly skilled designers and developers who use your unlimited budget to publish your beautiful, well-written content regularly for every type of device. Each device is then tested it to make sure it's an intuitive and readable experience for your loyal customers.
Probably not reality for most of us.
The great news is that digital subscriptions are growing and people are buying devices to read more content. It's an exciting time for digital publications, and marketplaces like Apple's Newsstand are helping consumers to find more of what they like and subscribe easily.
But here's the problem: device versions, hardware capabilities, operating systems, memory specifications and everything else are changing every day. So is the amount of content people read and interact with. Publishers need to be able to reach as broad an audience as they can while still maintaining a sane workflow and budget. How is this possible?
New tools for website owners, content managers, and publishers are growing, too. Below you'll find reviews of 10 methods of getting your content to a wider audience. I've included pros and cons for each tool as well as sample sites so you can see their end result in action. Some require a seasoned developer while others are more plug-n-play. Whatever your scenario, there is definitely something there to meet your needs and build your audience.
Everything I mention below can help to create content that works in more than one place. I specifically did not include products that create only PDF documents or only Flash applications or publish only to the iPad, for example.

1. Google Currents

Google Currents is about as drag-and-drop as they come. The self-service platform for publishers allows you to create different sections of your publication and view it in a simulator for Android, tablet, iPad or iPhone. You can import articles from Google Docs, upload media, or create sections from an RSS feed or a Google+ page. As long as you go in knowing that the end product will look similar to many news aggregators apps and you're okay with that, you'll like the Contents magazines.

Pros

If you're starting from scratch and have no budget, this is probably a great place to start.
The built-in simulators provide nice instant feedback on the look-and-feel you're creating.

Cons

I found the system unintuitive. Often, sections I created worked in some output formats and not others, and it was occasionally tricky to debug. If you have a designer, it may drive them crazy. You don't have a lot of control over the output, theme or styling of the magazine.

Example

GoodGood uses the Google Currents basic grid layout to break up its magazine into sections such as 'News', 'Business' and 'Design.' The sections themselves are similar to a Flipboard-style layout with swiping gestures to paginate.

2. Treesaver

Treesaver is a JavaScript framework which helps to create paginated, magazine-style layouts using HTML5 and CSS3. Navigating a Treesaver magazine is intuitive and the dynamic layouts reflow to fit any size screen.

Pros

Treesaver is probably the best format here for content you read on a crowded commuter train. The quick, intuitive swipe to change pages is much easier than scrolling and trying to keep your place. Just "swish" and you can quickly read through articles.
Treesaver's responsive image framework ensures that the device downloads an image of appropriate dimensions. This is cool because the images don't have to be the same, which could be very powerful for advertisers.

Cons

Treesaver doesn't have a single, formal content management system associated with it, so it may be time-consuming to either build the content by hand or to create a system to generate Treesaver-formatted content. There's a plug-in for Expression Engine (EESaver) and one for Django (DjTreesaver), and there are also templates and boilerplates.

Example

The Sporting NewsThe Sporting News created their digital edition with Treesaver and it works great as an iPad app as well as in a desktop browser.

3. The Baker framework

Baker is an HTML5 ebook framework for publishing interactive books and magazines which uses open web standards. You create your book as a collection of HTML, CSS, JS and image files. Then to create an iOS app, drop them into a folder with a customised book.json manifest and build using the Baker Xcode project. The best source of features and bugs are on the Github page, this will give you an idea of what is supported and what to avoid.

Pros

There are several Baker-created books and magazines in the App Store already so the framework is working for many people.
Support for Apple's Newsstand is built into the latest version of Baker, so your content can be in Newsstand by default if you choose.

Cons

While there is a sample set of HTML book files to download on Github, there isn't much guidance in terms of what you can or should do to make the most of the platform.

Example

Baker Showcase: Baker keeps an updated list of books and magazines created with their framework. The best way to get a feel for them is to download a few and take a look. While you can use their HTML5 sample book as a template for HTML5 books, Baker focuses on books for iOS devices.

4. The Laker Compendium

The Laker Compendium is built on top of The Baker Framework, but it focuses more on the HTML5 aspect of digital publications versus Baker, which focuses more on iOS publications. Laker is a set of files, design guidelines, and styles to make a publication in HTML5 which can also be converted to an iOS app. It takes advantage of things such as the Less Framework, jQuery and jPlayer as well to enhance the design and interaction components of its creations.

Pros

The Laker website has excellent detail on its features and components, so you can very quickly see what pieces are available and how to use them.

Cons

In order to best take advantage of Laker, you need to be very comfortable with things such as Less and jQuery. If you are familiar with them, you can create beautiful designs, but if not your publications may be a bit limited.

Example

Laker ShowcaseLaker's showcase includes both magazines and books downloadable in the App Store. Automotive Agenda, created by the author of The Laker Compendium, gives a beautiful overview of what Laker Compendium publications are capable of doing.

5. Kindle Publishing for Periodicals

Kindle Publishing for Periodicals is currently in beta. However this system is easy to use and turns your content into a .mobi version which you can offer for free on your own site or sell via the Amazon marketplace. Many popular eReaders are able to read the .mobi format as well.

Pros

The ready-made revenue stream certainly helps to make it easier to sell your content.

Cons

The formatting allowed by Kindle at the moment is a bit restricted, so you may have to try several versions of your content before you're happy with the look and feel of it.

Example

The Washington Post for Kindle: A monthly Kindle subscription to the Washington Postcosts $11.99 and includes a free, two-week trial. Issues are delivered wirelessly to your Kindle daily, and it supports all devices in the Kindle family with the exception of the Kindle Cloud Reader.

6. Adobe Digital Publishing Suite

While Adobe Digital Publishing Suite is currently focused on creating interactive digital reading experiences for tablet devices, they are showing signs of expanding into a more HTML5 and cross-platform production workflow for devices. The system currently consists of hosted services and viewer technology. It's used by publishers relying a great deal on InDesign as it saves integration time. However, they very recently announced their plans to upgrade their current system to allow for liquid layouts via HTML5. This would give publishers the opportunity to publish for multiple platforms including various sizes of mobile devices.

Pros

Very little workflow change for people familiar with the Adobe products already.

Cons

At the moment the output formats are tablet only: iPad and Android.

Example

Adobe Publishing GalleryAdobe's Publishing Gallery features a variety of publications you can download now for iPad and Android tablets, including travel guides and magazines from all over the world.

7. WordPress

WordPress is the CMS for many online publications, such as Contents magazine and the Bangor Daily News. WordPress is a nice way to allow multiple authors to add content themselves to a publication while giving the publisher a lot of opportunity to customise the look and feel. The Bangor Daily News have built a very interesting system which also allows them to publish from Google Docs to WordPress and then on to Adobe InDesign for their print edition.

Pros

The community around WordPress is large, so chances are high that the plug-ins you require for things such as membership, limited content for non-subscribers and mobile formatting, already exist.

Cons

WordPress is essentially a blogging engine. So if you're looking for something to publish content daily or weekly it might be a good fit. However, if you're looking for a more packaged publication feel, like a monthly magazine with a start and a finish, it will likely require customisation.

Example

Contents Magazine: Contents was started in November 2011 and is devoted to content strategy, online publishing and new-school editorial work.

8. Magaka

Magaka is an HTML magazine framework that works across many devices and browsers. However, its format is very different to a lot of the other systems discussed in this article. Magaka works by loading an HTML file which loads the Magaka framework and then pulls the magazine data from a JSON structure. This includes the metadata, title, table of contents, and everything in between. In fact, you can even specify multiple versions of your publication in that structure and show the correct one based on the device's screen size, orientation, and device features.

Pros

The sample magazine has several unique and interesting interactive components such as drawing, which makes it fun to read.

Cons

For someone who is not familiar or comfortable with JSON and JavaScript, Magaka may feel overly complex at first.

Example

Magaka Sample Magazine: The Sample Magazine provided by Magaka is interesting mostly because of its interactivity. You can draw yourself in the magazine, for example, explore various navigation options, look at experimental advertisements, and try reading both horizontally and vertically. This may not be the most beautiful magazine, but it certainly provides an engaging experience.

9. Design your own magazine

If you're comfortable designing and creating HTML, why not try making your own from scratch? For small publications with the in-house expertise, HTML is a flexible canvas. Grid systems such as 960, Blueprint and the Golden Grid System are all good systems to help provide a basic structure for your design. Having no templates is exciting for some people and terrifyingly vague for others. But if you want to be able to achieve a lot of creativity and don't like the feeling of being boxed in by a framework, perhaps designing each page from scratch is a good fit for you.

Pros

With no restrictions, you are definitely not trying to shoehorn your design into a badly-fitting framework.

Cons

The lack of structure can be a bit too open for some people to deal with.
This only works for a team with excellent HTML and CSS skills, and it can be very time-consuming.

Example

FrayFray has been around in some form since 1996. It's now a series of independently
produced books, each focused on a central storytelling theme. You can buy their issues
on the site, subscribe, or view the HTML versions. The articles are in straightforward
HTML and scroll vertically, each accompanied by custom artwork.

10. Facebook

In the last few months we've seen an increase in publishers using Facebook to distribute their content. The Guardian and the Wall Street Journal, for example, have created Facebook apps which work by publishing stories to Facebook and letting readers comment and interact with the stories inside Facebook.

Pros

Facebook provides a ready-made audience, so the potential to discover new customers and readers is big.

Cons

Apps with a lot of reading material have a tendency to overshare and annoy readers' friends who may mute or hide the activity.

Example

The Wall Street Journal Social provides its articles for free via Facebook and shares them on users' walls by default. For people who spend a lot of time each day in Facebook, this seems like a good way to publish and distribute news and articles.

Conclusion

What's next? It's an as yet unanswered question. There aren't clear answers to problems such as scrolling versus pagination. Intuitive gestures and user interface guidelines vary from device to device. People are excited about interactive content for education, but how clear is it that it is more effective or increases comprehension? There is still a lot to research and discover, which is why this is such a fascinating area at the moment. But to read more from people who are thinking a lot about this area, check out some of the following influential writers and speakers on digital publications and reading experiences.
Also take a look at these annual events:

Comments

Popular posts from this blog

Alat - Alat Fiber Optic dan Fungsinya

1. Fusion Splicer Fusion splicer atau sering dikenal sebagai alat untuk menyambungkan serat optik ini merupakan salah satu alat yang digunakan untuk menyambungkan sebuah core serat optik, dimana serat tersebut terbuat / berbasis kaca, dan mengimplementasikan suatu daya listrik yang telah dirubah menjadi sebuah media sinar berbentuk laser. Sinar laser tersebut berfungsi untuk memanasi kaca yang terputus pada core sehingga bisa tersambung kembali dengan baik. Perlu kalian ketahui, bahwa fusion splicer ini haruslah memiliki tingkat keakuratan yang cukup tinggi, hal ini ditujukan untuk menghasilkan hasil penyambungan yang sempurna, karena pada saat penyambungan tersebut akan terjadi proses pengelasan media kaca serta peleburan kaca yang akan menghasilkan suatu media, dimana media tersebut akan tersambung dengan utuh tanpa adanya celah-celah, hal ini dikarenakan media tersebut memiliki senyawa yang sama. 2. Stripper Atau Miller Sama seperti kabel - kabel yang lain, salah satunya seperti kab

Cara Menghitung Ampere Motor 3 dan 1 Phase dengan Rumus Daya

Sering kali, anda menjumpai motor listrik untuk menggerakan mesin pada pabrik - pabrik sekarang dan kebanyakan 85% didalam pabrik menggunakan motor listrik untuk menggerakan mesinnya. motor listrik ada 2 jenis Phase yang pertama adalah 3 phase yang di mana ada tegangan R S T sedangkan yang ke dua adalah 1 Phase dimana motor listrik hanya diberi tegangan phase dan Netral aja, contohnya seperti pumpa air dirumah.     Dari motor - motor tersebut maka anda sangat perlu untuk menghitung amperenya dimana anda membeli motor 1 phase tapi kapasitas rumah anda hanya 450 Watt saja maka anda harus menghitung motor airnya harus di bawah dari 450 Watt. Plate Motor 1 Phase  Diatas adalah name plate motor 1 phase dimana   sudah di ketahui KW dan Amperenya jika hanya di   ketahui KWnya saja bagaimana seperti berikut   menghitungya:  Diket : P : 8 KW = 8 x 1000 = 8000 Watt V : 220V Ditanya : Berapa Nilai Amperenya? Rumus daya  Motor 1 Phase: P = V x I I  = P/V Keterangan : P  : Daya ( Watt ) I   : Arus

Cara Menghitung Satuan Volt, Ampere, dan Watt

Sangat penting untuk mengetahui satuan dalam bidang yang ingin anda pahami, dalam bidang listrik untuk mengetahui satuan seperti volt, ampere, dan watt. Ketika anda tidak mengetahui satuan dari bidang listrik ini sama saja dengan tidak tahu dalam teori dasar dan anda sekarang bisa memperlajari dengan jelas dalam artikel saya berikan ini. Saya akan memberikan langkah demi langkah agar mudah untuk dipahami. Pengertian Volt (Voltage) Volt (Voltage) adalah standart satuan listrik yang menunjukan atau menerangkan sebuah nilai tegangan dalam listrik. Volt atau bisa disebut tegangan hanya bisa diukur dengan alat yang bernama voltmeter atau multitester, volt mempunyai bermacam-macam nilai tegangan dan juga tipe atau karekter yang berbeda. Volt Mempunyai 2 tipe atau karakter Volt atau tegangan listrik ini mempunyai jenis 2 tipe yaitu tegangan AC atau bisa disebut tegangan bolak-balik. kemudian tegangan DC (Direct Current) atau bisa disebut dengan tegangan searah. Untuk mengatahui apa itu tegan

Pengertian Konektor RJ45 dan Fungsinya Lengkap

 RJ45 adalah konektor kabel ethernet yang kebanyakan memiliki fungsi sebagai konektor pada topologi jaringan komputer LAN (Local Area Network) dan topologi jaringan lainnya. RJ itu sendiri adalah singkatan dari Registered Jack yang merupakan standard peralatan pada jaringan yang mengatur tentang pemasangan kepala konektor dan urutan kabel, yang digunakan untuk menghubungkan 2 atau lebih peralatan telekomunikasi (Telephone Jack) ataupun peralatan jaringan (Computer Networking). Juga merupakan suatu interface fisik dari jaringan kerja (network) , untuk kegunaan telekomunikasi dan komunikasi data. Konektor RJ45 memiliki fungsi untuk memudahkan penggantian pesawat telpon atau memudahkan untuk di pindah-pindah serta mudah untuk di cabut tanpa khawatir tersengat aliran listrik dan menghubungkan konektor LAN melalui sebuah pusat network. Konektor RJ45 memiliki 8 buah pin. Pin pertama terdapat di paling kiri apabila pin RJ45 menghadap ke anda, di ikuti pin nomor 2, 3, 4 dan seterusnya. Cara pe

Mengenal Pengertian PoE dan Fungsi PoE ( Power Over Ethernet )

Mengenal Pengertian PoE dan Fungsi PoE (Power Over Ethernet) PoE merupakan Singkatan dari Power Over Ethernet. POE sendiri bisa diartikan sebagai penyaluran tenaga listrik menggunakan kabel jaringan atau kabel Ethernet. Dimana listrik selanjutnya dialirkan memanfaatkan kabel twisted pair, baik UTP atau STP sebagai media transmisi daya. POE ini sangat bermanfaat. Terutama saat melakukan instalasi perangkat wireless di luar ruangan ataupun di dalam ruangan yang besar. Dimana dengan menggunakan POE, Anda tidak harus melakukan penarikan kabel power yang tentu cukup merepotkan dan memakan biaya. POE dengan standar IEEE 802.3af menjadi POE yang umum dgunakan. POE dengan standar ini memiliki maksimum power per port sebesar 15,4 W. Tetapi kini ada pula POE dengan standar baru berupa IEEE 802.3at yang memiliki maksimum power per port lebih besar, yakni mencapai 34,2 W. POE standar baru ini dihadirkan seperlu mendukung perangkat-perangkat baru. Dimana dewasa ini sebagian besar perangkat wireless

MENGENAL PANEL LISTRIK , JENIS DAN SPESIFIKASINYA

Pengertian Panel Listrik Panel listrik adalah suatu benda berbentuk kubus dengan berbagai ukuran ataupun bervariasi dengan sebelah sisi dibuat lubang selebar hampir sama dengan belakangnya, dan nantinya di baut penutup seperti daun pintu agar bisa dibuka dan ditutup, dan didalam panel tersebut terdapat papan yang dikaitkan dengan sisi belakang pintu di pakai baut yang nantinya papan tersebut dapat dilepas dan dipasang kembali. Pada umumnya panel listrik adalah terbuat dari plat besi dengan ketebalan 0,5 – 1 mm. Biasanya disesuaikan dengan ukuran atau besarnya panel, dan nantinya papan tersebut yang akan digunakan tempat pemasangan komponen-komponen listrik. Fungsi Panel Listrik Fungsi dari panel listrik adalah untuk menempatkan komponen listrik sebagai pendukung dari mesin-mesin listrik agar bisa beroperasi  sesuai dengan prinsip kerja dari mesin listrik itu sendiri. Untuk mengamankan komponen listrik supaya terlindungi dari pengaruh di sekelilingnya. Untuk menata komponen atau rangkai

Pengertian Dan Fungsi Optical Distribution Point Atau ODP

  Memahami ODP Jaringan Akses Fiber Optik. Dikala ini telkom sudah gencar melaksanakan realisasi jaringan indihome fiber, yang mana teknologi yang digunakan oleh produk indihome merupakan teknologi jaringan GPON dengan mengadopsi media penghantar informasi suatu serat optik ataupun yang lebih diketahui dengan nama Fiber Optic( FO). Hanya menegaskan kembali, kalau saat sebelum bergeser ke indihome, telkom mempunyai produk layanan internet yang diucap Speedy dengan memakai teknologi jaringan ADSL serta masih menggunakan media suatu suatu kawat tembaga bagaikan media penghantar informasi dan mempunyai kecapatan optimal sampai 5 Mbps. Serta buat dikala ini pihak telkom sudah melaksanakan revolusi digital dengan mengusung produk yang bernama Indihome yang mencampurkan layanan Internet, IPTV, serta Telepon Rumah ataupun yang sering di dengar dengan layanan Triple Play Fiber Optic. Share postingan kali ini hendak mangulas sebagian fitur jaringan yang digunakan buat menunjang layanan fiber opt

Fungsi dan Cara Setting MCCB ( Moulded Case Circuit Breaker )

Mengulas lebih dalam tentang MCCB - dunia listrik sangat banyak sekali peralatan listrik sebagai pengaman untuk keselamatan dari bahaya listrik maupun untuk mengamankan sebuah motor dan peralatan listrik lainya dari bahaya short circuit. Apa itu MCCB ? MCCB adalah singkatan dari Moulded Case Circuit Breaker, sebagai pengaman terjadinya hubung singkat short circuit dan beban lebih overload agar tidak terjadinya kerusakan pada motor listrik maupun kebakaran yang disebabkan oleh short circuit yang selalu menimbulkan bunga api. MCCB biasanya digunakan oleh industri karena MCCB hanya untuk pengaman listrik 3 phase, dan motor listrik industri juga menggunakan listrik 3 phase, jadi jika anda ingin bertemu apa itu namanya mccb dan dan digunakan untuk apa mampir deh pabrik terdekat dan minta tolong untuk dilihatkan apa itu mccb. Pole MCCB Mccb memiliki macam – macam pole: 1 Pole, 2 Pole, 3 Pole, 4 Pole Mccb memiliki macam – macam kA: 36kA, 50kA, 85kA, 100kA Karakter MCCB - Hanya menggunakan 3 p

Prinsip Kerja Cooling Tower

Prinsip Kerja Cooling Tower Cooling Tower  atau menara pendingin sering atau banyak kita jumpai di Pabrik-pabrik, mall atau sejenisnya. Cooling Tower Salah satu komponen utama pada AC sentral selain chiller, AHU, dan ducting adalah cooling tower atau menara pendingin.Apakah fungsi cooling tower, cara kerja, dan jenis-jenisnya? Di uraian singkat berikut dijelaskan mengenai cooling tower. Fungsi Cooling Tower  adalah sebagai alat untuk mendinginkan air panas dari kondensor dengan cara dikontakkan langsung dengan udara secara konveksi paksa menggunakan fan/kipas. Berikut gambar Cooling tower dengan sistem kerjanya: Proses pendinginan air dengan cooling tower Jenis-jenis Cooling Tower 1. Menara Pendingin Forced Draft Prinsip kerjanya adalah udara dihembuskan ke menara oleh sebuah fan yang terletak pada saluran udara masuk sehingga terjadi kontak langsung dengan air yang jatuh, berikut gambarnya: Cooling Tower Forced Draft 2. Cooling tower induced draft dengan aliran berlaw

Standar Suhu Diruang Server

Standar Suhu Diruang Server Pengetahuan Umum Standar suhu diruang server , server merupakan sebuah sistem komputer yang menyediakan jenis layanan tertentu dalam sebuah jaringan komputer. Server didukung dengan prosesor yang bersifat scalable dan RAM yang besar,dan juga dilengkapi dengan sistem operasi khusus, yang disebut sebagai sistem operasi jaringan. Server juga menjalankan perangkat lunak administratif yang mengontrol akses terhadap jaringan dan sumber daya yang terdapat di dalamnya contoh seperti halnya berkas atau pencetak, dan memberikan akses kepada stasiun kerja anggota jaringan. Kehandalan  server  tidak hanya terletak pada kecanggihan teknologi server yang digunakan namun juga dipengaruhi oleh faktor external server itu sendiri, yakni faktor suhu didalam ruangan serta kelembaban ruangan di dalam ruangan server. lebih jauh lagi bila keperluan server terus bertambah sementara luas ruangannya yang juga terbatas. Standar Suhu Diruang Server Beberapa hal yang perlu