Slide 1

Slide 1 text

C O N S T R U C T I N G A T E X T B O O K

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

CALGARY

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

WHO AM I? 25% writer of textbooks 25% computer education researcher 15% web developer 15% computer science and information systems 20% political science and philosophy

Slide 6

Slide 6 text

2007 Addison-Wesley

Slide 7

Slide 7 text

2014 Pearson

Slide 8

Slide 8 text

2015 Pearson, Global Edition

Slide 9

Slide 9 text

2017 Pearson, Second Edition

Slide 10

Slide 10 text

Used at 120+ universities with about 3000 copies sold per year.

Slide 11

Slide 11 text

S O W H AT ’ S I N V O LV E D I N W R I T I N G A N D P R O D U C I N G A T E X T B O O K ?

Slide 12

Slide 12 text

A N D I S I T E V E N W O RT H I T N O WA D AY S ?

Slide 13

Slide 13 text

M Y P L A N N E D TO P I C S Who uses textbooks? Are textbooks needed? Planning Writing + Production 2nd Edition + Wild Applause

Slide 14

Slide 14 text

LET’S GET STARTED

Slide 15

Slide 15 text

Who uses Textbooks?

Slide 16

Slide 16 text

I need a textbook for my class!

Slide 17

Slide 17 text

e.g., computer science, information systems, information technology In general, dedicated web development courses are a small component of most traditional computer programs

Slide 18

Slide 18 text

IN FACT, THE LATEST ACM MODEL CURRICULUM FOR COMPUTER SCIENCE HAS REMOVED MOST WEB DEVELOPMENT TOPICS

Slide 19

Slide 19 text

Web Dev courses are thus often taught by p r ofe s s or s w h o h a v e n o p r a c t i c a l w e b d e v e x p e ri e n c e

Slide 20

Slide 20 text

THEY NEED A GUIDE

Slide 21

Slide 21 text

THAT COVERS THE BIG PICTURE AND ALSO THE MANY DETAILS OF WEB DEV

Slide 22

Slide 22 text

B U T D O S T U D E N T S N E E D A T E X T B O O K ?

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

Are there differences in the reading experience between paper and screen?

Slide 25

Slide 25 text

THERE IS STRONG EVIDENCE THAT YES reader comprehension levels are significantly lower when reading materials on the screen in comparison to reading paper materials

Slide 26

Slide 26 text

WHY are comprehension levels lower?

Slide 27

Slide 27 text

SCANNING WHILE consuming electronic text 1

Slide 28

Slide 28 text

EARLY RESEARCH into web usability quickly uncovered a very important fact about how people actually read on the web

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

THE EVIDENCE FOR THIS IS VERY STRONG It has been empirically verified via server records, eye tracking in labs, and monitoring software.

Slide 31

Slide 31 text

and 2 MULTI-TASKING DISTRACTION

Slide 32

Slide 32 text

Most current electronic reading devices contain within them substantial potential for distractibility

Slide 33

Slide 33 text

How frequently will this person switch her attention between devices?

Slide 34

Slide 34 text

ABOUT EVERY 2 TO 5 SECONDS Attention lengths of 5 seconds for laptop, and 2 seconds for TV

Slide 35

Slide 35 text

MULTI-TASKING ON ONE DEVICE? Task switch happens about every 19 seconds

Slide 36

Slide 36 text

IN AN OVERVIEW OF THE EVIDENCE researchers concluded that availability and usage of ICT in classrooms had a direct and negative impact on literacy, knowledge, grades, and creativity (even after controlling for other factors), while print usage had the opposite effect.

Slide 37

Slide 37 text

What Employers Want? a r e t h e k e y s k i l l s

Slide 38

Slide 38 text

CSS? JavaScript? PHP?

Slide 39

Slide 39 text

NO!

Slide 40

Slide 40 text

Communication Problem Solving Self Motivation Team Player

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

T H U S W E B D E V S T U D E N T S C A N B E N E F I T F R O M A T E X T B O O K

Slide 43

Slide 43 text

P l a n n i n g a W E B D E V Te x t b o o k

Slide 44

Slide 44 text

LEARN HTML5 CSS for Beginners PHP Introduction to JavaScript ASP.NET MEAN Stack Advanced CSS3 WordPress Ruby on Rails Intro to LAMP Professional JavaScript JQuery Build Tools Usability MySQL APIs React Design Patterns Server Virtualization ECommerce Front End Dev For Designers Advanced Angular Web Sockets Analytics SEO Continuous Integration Selenium Hadoop Security TypeScript Become a Git Master Facebook Integration Amazon AWS Configuring DNS SASS

Slide 45

Slide 45 text

If web development is going to be a real academic subject, it needs to be more than just a collection of recipes about how to create stuff with the latest ingredients… PRINCIPLE

Slide 46

Slide 46 text

HOW?

Slide 47

Slide 47 text

VIA TEXTBOOKS! Historically, textbooks have played a vital role in establishing and transforming curriculum for academic disciplines.

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

Phase 1a Spring 2012 Planning and constructing the prospectus and sample chapters. Phase 2a Sept-Dec 2012 Constructing templates, planning, writing first chapter Phase 1b Summer 2012 Sending to publishers, external reviewers, contract negotiations FIRST ED TIMELINE

Slide 50

Slide 50 text

Phase 3a Aug-Sept 2013 Completing the writing and making revisions based on technical reviewer feedback Phase 2b Jan-July 2013 Writing most of the chapters, sabbatical break Phase 3b Oct 2013-Jan 2014 Revisions, copy editing, proofs, production FIRST ED TIMELINE

Slide 51

Slide 51 text

Brief Descrip+on Ra+onale for a Series Brief Table of Contents Book Length Outstanding Features The Authors Compe++on Pedagogical Material Audience Detailed Table of Contents

Slide 52

Slide 52 text

Each publisher sent sample chapter and prospectus out to academic reviewers.

Slide 53

Slide 53 text

CENGAGE REVIEWERS Six reviewers. Four were super excited, one thought there was too much content, one didn’t like it. Publisher wanted us to resubmit with less content. PEARSON REVIEWERS Nine reviewers. Seven super excited, two thought too much content. Publisher said yes as is.

Slide 54

Slide 54 text

CONTRACT DETAILS Essentially the same contract as my last book with Pearson (2005-7). American Print Sales International Print Sales Non-Print Sales

Slide 55

Slide 55 text

Writing + P r o d u c t i o n

Slide 56

Slide 56 text

But what you really want is approximate closeness and a similar direction. CO-AUTHOR REALITY You may imagine you will have consistency and close similarities. CO-AUTHOR IDEAL

Slide 57

Slide 57 text

We wrote 21 chapters in seven months by splitting the chapters between the two authors. I was on sabbatical so had more time to write. My co-author was also department chair with three children under four so he had much less time available. WRITING SPEED

Slide 58

Slide 58 text

WORD MANUSCRIPT Perhaps the most important step I took in the writing process was adding color and styling to our Word template. This convinced the publisher to make the book four-color (full color). Indeed, the page designer later used the same colors and fonts as in our manuscript.

Slide 59

Slide 59 text

REVIEWERS We had two main technical reviewers. Both reviewed each chapter after it was completed.

Slide 60

Slide 60 text

reviews writing revisions (from reviews) redrawing illustrations copy edits page proofs (version 1) page proofs (version 2) Aug/13 Feb/14 Sept-Oct/13

Slide 61

Slide 61 text

We h a v e o v e r 5 0 0 d i a g r a m s Perhaps about 300 of them are screen captures and/or code/lines/boxes echo " " . $firstName . " " . $lastName . "

echo "

echo " $\"$firstName$ "; echo ' ' . $firstName . ' ' . $lastName . '

'; echo ''.$firstName.' '.$lastName.'';

Pablo Picasso 1 4 5 3 2 outputs [title] { cursor: help; padding-bottom: 3px; border-bottom: 2px dotted blue; text-decoration: none; }

Slide 62

Slide 62 text

Art Store Case 1 Travel Photo Site Case 2 Book Rep Customer Relations Manager Case 3 We h a v e t h r e e c a s e s t u d i e s These cases were chosen with copyright limitations in mind. All art to be shown was pre-20th century, travel photos were all my photos, all books were Pearson books.

Slide 63

Slide 63 text

navbars Panels col-md-10 col-md-2 col-md-7 col-md-5 Nested row Main row Nested row Thumbnail Glyphicons Media objects Media objects Button groups footer row with four col-md-3 Input group

Slide 64

Slide 64 text

Display 12 items from the Flickr web service. Search on the city name of the travel image Display the information for the specified country. Use the Bing Maps service to display a static map using the latitude and longitude field values for the travel image Display travel images for the specified country Use the Bing Maps service to display a static map for the selected country. Add markers to the map for the locations for each travel image for the country. Web Form curiousWriter.php databaseProcessing.php UsingMIS.php elementaryAlgebra.php Elementary Algebra The Curious Writer Using MIS Database Processing

Slide 65

Slide 65 text

CHALLENGES

Slide 66

Slide 66 text

We misjudged the copyright issues Even if art work is in the public domain, the publisher’s copyright lawyers didn’t want to chance using digital images that might not be in public domain. They purchased 13 fine art images that we had to use for all art work images. Bizarrely we couldn’t use many book images from the publisher’s own books because of cover art copyright limitations.

Slide 67

Slide 67 text

What’s the opposite of yes? If you know the answer to that question, you could have a career as a copyright lawyer!

Slide 68

Slide 68 text

OUT-SOURCING Production was out- sourced to a company in India.

Slide 69

Slide 69 text

About 200 more complicated diagrams These attempt to illustrate and explain more complicated processes. First versions of these diagram were created using Microsoft Visio. I also used Visio for my first book. I want to see vacation.php 1 2 Server recognizes that it must run a dynamic script that is on its hard drive 5 Server "sends" generated HTML and the image file to user 6 Browser displays files vacation.php 3 Server executes or interprets the script Script "outputs" HTML 4

Slide 70

Slide 70 text

In July 2013, publisher told us .. … that their copyright lawyers were against using the Visio art work (servers, people at desks, etc). Instead they would hire an illustrator to “recreate” our diagrams In late Sept 2013, we got their first versions …

Slide 71

Slide 71 text

GET /vacation.html vacation.html 1 3 Browser Execute any Javascript as required 2 Browser can layout and display the page to the user 4 Web Server

heading

var url = ... window.open(

Slide 72

Slide 72 text

U n a c c e p t a b l e ! T h i s w a s Which meant that I had to redraw a lot of diagrams in Adobe Illustrator, a program I really didn’t know all that well. I ended up redrawing about 120 diagrams … about 80 of them over a three-week time period.

Slide 73

Slide 73 text

wireless router Ethernet cable broadband modem Fiber junction boxes Fiber Optic Cables Other neighborhood streets Typical home installation ISP Head-End Cable modem termination system (CMTS) Other Head-Ends Master Head-End To the rest of the internet REDRAWN

Slide 74

Slide 74 text

I want the domain funwebdev.com 2 1 3 4 Decide on a top-level domain (.com) and a second-level domain (funwebdev) Choose a domain registrar or a reseller (a company such as a web hosting company that works with a registrar) Domain Registrars Registrar will check if domain is available by asking Registry for the TLD. Enjoy the new domain … You now have purchased the rights to use it 6 TLD (.com) Registry Complete the registration procedures, which includes whois contact information (includes DNS information) and payment whois information 5 Registry will push DNS information for domain to TLD name server TLD name servers REDRAWN

Slide 75

Slide 75 text

lexer opcode PHP code documents parser compiler executor Converts expressions into PHP opcodes also known as bytecode Converts the stream of tokens and generates expressions Converts the human-readable PHP code into machine-digestible tokens Safely executes/runs the opcodes, which generates HTML The Zend Engine is a virtual machine that processes and executes PHP files. It also handles memory management, garbage collection, and dispatching function calls to modules outside of PHP. Zend Engine PHP code documents are fetched from server storage and fed into the Zend Engine for execution Output from executor is returned and eventually is sent back to requesting browser tokens expressions 1 4 5 3 6 2 REDRAWN

Slide 76

Slide 76 text

DO WOMEN HAVE CURVES? In mid-November, we realized we just had dudes … That is, we were worried that all our stylized people in the diagrams were white men. Unfortunately the stylized people all were composed of rectangles … so I tried to make female “dudes” out of rectangles with rather laughable results …

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

No content

Slide 79

Slide 79 text

Add picture of unboxing

Slide 80

Slide 80 text

ALL DONE! TIME TO RELAX? No. We had to still create: •  online-only lab tutorials for each chapter. •  PowerPoint presentations for each chapter. •  create solutions for end-of- chapter exercises. •  exam bank questions. •  sample assignments. •  errata fixes.

Slide 81

Slide 81 text

S E C O N D E D I T I O N ( 2 0 1 6 - 1 7 )

Slide 82

Slide 82 text

MAIN CHANGES TO 2ND ED (WAY) MORE JAVASCRIPT CSS3 CHANGES PEDAGOGICAL CHANGES FIXES/IMPROVEMENTS NEW CASE STUDIES NEW DIAGRAM STYLE