iBooks Author Widgets on Mavericks Desktop

ibooks mavericks desktop

I’ve been anxiously awaiting the chance to see if iBooks Author (iBA) widgets would make it to the desktop in the new Mavericks version of iBooks. I’m pleased to report that all the iBA – created widgets run perfectly. Plus, viewing an iBook on 27” Thunderbolt display is awesome.

iBA presented a great vehicle for re-envisioning the textbook, but I was never happy with some of it’s features – multiple choice questions and note cards are so old school. When designing my Homefront iBook series, I looked for ways to feature more student interaction with the material. Nonetheless, working in multiple apps on the iPad is challenging.

But with the new Mavericks desktop version, readers will be able to interact with an iBook and simultaneously use other desktop apps to greatly enhance the learning experience. Desktop iBooks easily shares text material via email and social media. You can copy and paste text from an iBook to another app. While you cannot copy / paste an image, I included hyperlinks to all the images I used in my Homefront series so that readers could use digital images to curate their own collections or as part of a design project in another desktop app.

Bottom line – with more screen “real estate” than the iPad and easier use of multiple apps, the desktop version of iBooks provides exciting new opportunities for innovative projects designed using iBooks Author.

Here’s a short video to demonstrate iBA widgets on the desktop.

Student Consultants Design Museum Curriculum and Mobile App

Portrait of Seki Hiromura-Ace's mother and one of the Hiromura boys

If you follow my blog, you’re well aware of my advocacy for project-based learning. So when I was asked to teach a social studies methods class at the University of Portland, I naturally looked for a way to integrate a community-based project that would give my graduate and undergraduate pre-service teachers experience in PBL, the chance to work along side professional historians and an opportunity to make a difference in the community. For more on our course approach, see our class blog.

I live in downtown Portland on the edge of what is known as Old Town / Chinatown. Its a very diverse and historic neighborhood and once the center of a thriving Nihonmachi or “Japantown.” It’s now the home of the Oregon Nikkei Legacy Center, a small museum dedicated to “Sharing and preserving Japanese-American history and culture in Portland’s Old Town neighborhood, where Japantown once thrived.”

I approached the museum with a simple question – “What could you do with a dozen unpaid curriculum consultants?”

While planning my course, I approached the museum with a simple question – “What could you do with a dozen unpaid curriculum consultants?” And so our partnership began – my pre-service history teachers working with professionals at the museum to develop educational material to support their collection. I wanted my student so experience project-based learning from the perspective of the learner in the hopes that they would someday incorporate that approach into their teaching. I also wanted them to recognize that effective teachers are entrepreneurs, actively fostering external partnerships to support learning in their classrooms.

mobile-app-image

After a number of meetings we decided on three projects – an online lesson using curated videos detailing Japanese incarceration, a series of lessons to support an artifact-filled Museum in a Suitcase for circulation to Portland area schools and a iPhone app “Walking Tour of Japantown PDX.” All three projects would extend the reach of the museum and celebrate a once vibrant community that had fallen victim to wartime hysteria.

The app was going to take some technical assistance, so I reached out the Portland’s app community and was able to partner with GammaPoint LLC, PDX-based mobile app developer. We are worked with them to develop Japantown PDX, a native iPhone app walking tour of the historic Japantown in Portland. It features geo-fenced text, photos, audio and tools for sharing user reaction to the content via social media. We are also working with GammaPoint to make this project replicable in the k-20 space.

gallery-1912 Portrait

More on PDX Japantown: During the 1890s Portland was a hub from which Japanese laborers were sent to work in the railroads, canneries, lumber companies and farms throughout the Pacific Northwest. By the 1920s, a steady stream of Japanese “picture brides” had transformed a rough and tumble twelve-block section north of W Burnside between 2nd and 6th Ave into a more respectable Nihonmachi with over 100 Japanese managed businesses and professional office. Portland’s Japantown thrived until the WWII when Issei and Nisei were rounded up by federal officials and incarnated in inland camps. Portland’s Japantown was decimated. After the war a few returned to the old neighborhood, but many took up new residence in Portland’s postwar single family housing boom. The neighborhood had long been home to African-Americans and various immigrant groups. As Chinese-Americans began to predominate in the neighborhood, it gradually became known as Chinatown. Today, even most Portlanders are unaware of it’s heritage as Japantown.

How to Add Scalable Vector Graphics (SVG) Images to iBooks Author

iBA SVG enlargedHere’s another great iBooks Author (iBA) “how to” – cross posted from Dr. Frank Lowney (Projects Coordinator, Digital Innovation Group @ Georgia College). See Frank’s original post a watch his demo video here. Frank writes:

The primary advantage of Scalable Vector Graphics (SVG) files is that a very small file can be scaled up to yield large images without the aliasing (jaggies) that appears when a bitmapped graphic is scaled up. SVG files are resolution independent, usually non-photographic and carry the suffix *.svg. There are lots of free SVG files available on the Internet and there are many applications for creating SVG files such as the free, open source Inkscape. For an excellent primer on vector graphics, see this Wikipedia article.

However, it is not possible to use SVG images directly in iBooks Author. If you attempt to drag and drop an SVG file onto an iBooks Author project, nothing will happen. You’ll get no error messages or feedback of any kind. Similarly, apps in the iWork suite (Pages, Keynote and Numbers) will also refuse to accept SVG files. Since it is important to keep the size of iBooks Author output low for easy downloading and to avoid the 2 GB limit in the iBookstore, we need to pursue this further.

The iBooks Author application has its own Text, Shapes and Graphs menus with which a number of vector graphics can be created. Another option is to use the vector graphics created by Keynote, Numbers and Pages. These can be copied and pasted directly into an iBooks Author project. Graphics created in iBooks Author or any of the iWorks suite applications are vector graphics in PDF containers, not SVG files. PDF files can contain text, bit-mapped graphics and vector graphics. [The $99 OmniGraffle application is a considerably more sophisticated graphics toolset and is capable of exporting both SVG vector drawings and PDF vector images. The latter are compatible with iWork suite and iBooks Author.]

That’s useful but there is an Internet full of already drawn SVG images that are in the public domain or CC licensed. It would be a shame not to have access to that vast library of free vector images. The trick is to use this free on-line conversion service to convert SVG to PDF and then drag and drop that PDF directly into an iBooks Author project or into one of the iWork apps or OmniGraffle for further manipulation.

Download an *.ibooks file here that shows how vector graphics created in iBooks Author compare with vector graphics converted from SVG files.

Vector image creation - Cheat Sheet
Vector Image Creation and Editing – Cheat Sheet was created by First Site Guide Team>.

Teaching Big History

Big historyI just registered with the Big History Project – an online course that weaves scientific and historical disciplines across 13.7 billion years into a single, cohesive, science-based origin story. I always was a big picture guy. Here’s a link to the course guide and more about about the Common Core aligned program from the projects FAQ

What is big history?
Big history weaves evidence and insights from many scientific and historical disciplines across 13.7 billion years into a single, cohesive story. The course highlights common themes and patterns that can help us better understand people, civilizations, and the world we live in. The concept arose from a desire to go beyond specialized and self-contained fields of study to grasp history as a whole. Big history explores how we are connected to everything around us. It provides a foundation for thinking about the future and the changes that are reshaping our world.

What is the Big History Project?
The Big History Project LLC (BHP) is an organization focused on bringing big history to life for high school students…. BHP is sponsored by Bill Gates, separately from his work with the Bill & Melinda Gates Foundation.

For more on the Big History approach watch “David Christian: The history of our world in 18 minutes”

How is the course delivered?
All of the content is available online. A completely web-based model ensures the content is up-to-date, relieves schools of the need for costly textbooks, and also helps teachers engage students by providing approachable, media-rich materials that can be used in different ways. Pilot participants and anyone who requests a username and password is able to access the course. Students and teachers are issued a personal login to gain access to a specialized site that houses all courseware and content. It is up to each individual teacher to determine optimal approach to using the site. For example, in-class time may focus on group projects or discussion, with students absorbing online content for homework, or the site may be used as a core element of the in-class experience.

How is my school supported and what does it cost? 
Our goal is to ensure that big history is taught effectively with no cost to schools. We provide, free of
charge:

  • All content and courseware
  • Free PD/teacher training program
  • Access to core project team for support, assistance and feedback
  • A teacher and school subsidy to cover any direct expense and provide support for teachers

Most importantly, a spirit of partnership imbues everything we do. Our singular goal is to get big history in the hands of educators and students, we promise to listen and collaborate accordingly.  In return, we expect schools to collaborate and communicate with us to improve the program. Specifically, this means: incorporating BHP courseware, content and assessments into the lesson plan, participating in professional development activities, and regularly updating the project team about what is happening in the classroom.

How is the course organized?
Big history is broken down into 2 sections and a total of 10 units spanning 13.7 billion years. Within each unit there are between 20 – 30 specific content modules covering specific issues, topics, projects and assessments.
Section 1: Formations and early life: Theories and evidence of origins of the Universe, planet formation, elements, and life.
Unit 1: What is big history?
Unit 2: The Big Bang?
Unit 3: Stars & Elements
Unit 4: Our Solar System & Earth
Unit 5: Life

Section 2: Humans: The development of humans, civilizations, and key milestones in our progress.
Unit 6: Early Humans
Unit 7: Agriculture & Civilization
Unit 8: Expansion and Interconnection
Unit 9: Acceleration
Unit 10: The Future

How to Use iAD to Create an External Video Widget for iBA

iAd

The three iBooks in my WWII Homefront USA series started with an idea for single iBook. Then as I began to uncover so many long-forgotten videos,  I realized there was a trade off between creating a media-rich iBook and keeping the file size manageable.  I considered keeping file size smaller by simply linking to the videos from the iBook. (I would provide a hyperlink in the iBook and the reader would tap on it to be led to the video on YouTube or Archive.org.) But that required that the reader be on a network to view the iBook’s videos. And I didn’t think that a hyperlink was a very visually appealing approach.

Use iAd Producer to create a high quality HTML widget for iBooks Author without writing a single line of code.

So my single iBook project idea turned into three iBooks with file sizes running roughly 600MB each. I carefully edited the videos and used file compression – but the 13-18 videos in each iBook demanded a lot of file space.

I was pleased to hear that my go-to guy for iBooks Author –
Dr. Frank Lowney (Projects Coordinator, Digital Innovation Group @ Georgia College) had posted a video how-to for using iAd Producer to create external video widgets of iBooks Author projects. No coding required!

He agreed to let me cross post his work here with a slightly edited version of his original screencast. 

Frank posts – The iAd Producer application from Apple has grown considerably since its inception. Originally, it was a highly specialized application that created advertisements for mobile devices from Apple. Those iAds were composed of sophisticated HTML, CSS and Javascript.

Since that inception, it has been expanded to create iTunes LPs for music albums sold in the iTunes Store and iTunes Extras for video sold in the iTunes Store. These, too, rely upon HTML, CSS and Javascript web technologies. Most recently, iAd producer has added iBooks Author HTML widgets to its repertoire. Thus, the following screencast tutorial showing how easy it is to use iAd Producer to create a high quality HTML widget for iBooks Author without writing a single line of code.

This example focuses on creating an HTML widget that plays a video hosted on an external server. This keeps the size of your *.ibooks file down making for quicker downloads and avoiding becoming a burden to iPads already nearly filled to capacity with other books and media.

You can see Frank original video here - it includes comparison of various video strategies for iBooks Author. Download the example book to an iPad to get an even better view of how this looks and feels in the hands of your audience.

Download iAd Producer (free developer registration required)

I highly recommend  Frank’s iBook The Coming ePublishing Revolution in Higher Education
on iTunes. It’s an insightful guide to etextbook revolution – winners, losers, and the factors that will determine the outcome. (67 pages, 20 graphics, 28 media files, 25 video files and 5 interactive widgets.) A bargain at only $0.99!