Download as PDF, PPTX
![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 "<img src='23.jpg' alt='" . $firstName . " " . $lastName . "' >";
<img src='23.jpg' alt='Pablo Picasso' >
echo "<img src='$id.jpg' alt='$firstName $lastName' >";
<img src='23.jpg' alt='Pablo Picasso' >
echo "<img src="$id.jpg" alt="$firstName $lastName" >";
echo '<img src="' . $id . '.jpg" alt="' . $firstName . ' ' . $lastName . '" >';
echo '<a href="artist.php?id='.$id .'">'.$firstName.' '.$lastName.'</a>';
<img src="23.jpg" alt="Pablo Picasso" >
<img src="23.jpg" alt="Pablo Picasso" >
<a href="artist.php?id=23">Pablo Picasso</a>
1
4
5
3
2
outputs
[title] {
cursor: help;
padding-bottom: 3px;
border-bottom: 2px dotted blue;
text-decoration: none;
}](https://image.slidesharecdn.com/web-dev-textbook-191210210915/85/Constructing-a-Web-Development-Textbook-61-320.jpg)
![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 "<img src='23.jpg' alt='" . $firstName . " " . $lastName . "' >";
<img src='23.jpg' alt='Pablo Picasso' >
echo "<img src='$id.jpg' alt='$firstName $lastName' >";
<img src='23.jpg' alt='Pablo Picasso' >
echo "<img src="$id.jpg" alt="$firstName $lastName" >";
echo '<img src="' . $id . '.jpg" alt="' . $firstName . ' ' . $lastName . '" >';
echo '<a href="artist.php?id='.$id .'">'.$firstName.' '.$lastName.'</a>';
<img src="23.jpg" alt="Pablo Picasso" >
<img src="23.jpg" alt="Pablo Picasso" >
<a href="artist.php?id=23">Pablo Picasso</a>
1
4
5
3
2
outputs
[title] {
cursor: help;
padding-bottom: 3px;
border-bottom: 2px dotted blue;
text-decoration: none;
}](https://image.slidesharecdn.com/web-dev-textbook-191210210915/75/Constructing-a-Web-Development-Textbook-61-2048.jpg)
Uploaded byRandy Connolly
Constructing a Web Development Textbook
This document discusses the process of constructing a textbook on web development. It covers planning the textbook's topics and structure, writing the content over 7 months while splitting chapters with a co-author, undergoing review processes, redrawing over 120 diagrams in a new style, and producing a second edition with additional content such as JavaScript and CSS3. Key challenges included navigating copyright issues, outsourcing production, and ensuring diversity in illustrations. The document provides insight into the lengthy efforts required to research, write, and produce a college textbook.
More Related Content
Similar to Constructing a Web Development Textbook
Constructing a Web Development Textbook
- 1. C O NS T R U C T I N G A T E X T B O O K
- 3.
- 5. WHO AM I? 25% writerof textbooks 25% computer education researcher 15% web developer 15% computer science and information systems 20% political science and philosophy
- 6.
- 7.
- 8.
- 9.
- 10. Used at 120+universities with about 3000 copies sold per year.
- 11. S O WH 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 ?
- 12. A N DI S I T E V E N W O RT H I T N O WA D AY S ?
- 13. M Y PL A N N E D TO P I C S Who uses textbooks? Are textbooks needed? Planning Writing + Production 2nd Edition + Wild Applause
- 14.
- 15.
- 16. I need atextbook for my class!
- 17. e.g., computer science,information systems, information technology In general, dedicated web development courses are a small component of most traditional computer programs
- 18. IN FACT, THELATEST ACM MODEL CURRICULUM FOR COMPUTER SCIENCE HAS REMOVED MOST WEB DEVELOPMENT TOPICS
- 19. Web Dev coursesare 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
- 20. THEY NEED AGUIDE
- 21. THAT COVERS THEBIG PICTURE AND ALSO THE MANY DETAILS OF WEB DEV
- 22. B U TD O S T U D E N T S N E E D A T E X T B O O K ?
- 24. Are there differencesin the reading experience between paper and screen?
- 25. THERE IS STRONG EVIDENCETHAT YES reader comprehension levels are significantly lower when reading materials on the screen in comparison to reading paper materials
- 26.
- 27.
- 28. EARLY RESEARCH into web usabilityquickly uncovered a very important fact about how people actually read on the web
- 30. THE EVIDENCE FORTHIS IS VERY STRONG It has been empirically verified via server records, eye tracking in labs, and monitoring software.
- 31.
- 32. Most current electronicreading devices contain within them substantial potential for distractibility
- 33. How frequently willthis person switch her attention between devices?
- 34. ABOUT EVERY 2TO 5 SECONDS Attention lengths of 5 seconds for laptop, and 2 seconds for TV
- 35. MULTI-TASKING ON ONEDEVICE? Task switch happens about every 19 seconds
- 36. IN AN OVERVIEWOF 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.
- 37. What Employers Want? a re t h e k e y s k i l l s
- 38.
- 39.
- 40.
- 42. T H US 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
- 43. P l an n i n g a W E B D E V Te x t b o o k
- 44. LEARN HTML5 CSS for Beginners PHP Introduction to JavaScript ASP.NET MEANStack 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
- 45. If web developmentis 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
- 46.
- 47. VIA TEXTBOOKS! Historically, textbookshave played a vital role in establishing and transforming curriculum for academic disciplines.
- 49. Phase 1a Spring 2012 Planningand 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
- 50. Phase 3a Aug-Sept 2013 Completingthe 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
- 51.
- 52. Each publisher sentsample chapter and prospectus out to academic reviewers.
- 53. 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.
- 54. CONTRACT DETAILS Essentially the samecontract as my last book with Pearson (2005-7). American Print Sales International Print Sales Non-Print Sales
- 55. Writing + P ro d u c t i o n
- 56. But what youreally want is approximate closeness and a similar direction. CO-AUTHOR REALITY You may imagine you will have consistency and close similarities. CO-AUTHOR IDEAL
- 57. We wrote 21chapters 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
- 58. WORD MANUSCRIPT Perhaps the mostimportant 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.
- 59. REVIEWERS We had twomain technical reviewers. Both reviewed each chapter after it was completed.
- 60. reviews writing revisions (from reviews) redrawingillustrations copy edits page proofs (version 1) page proofs (version 2) Aug/13 Feb/14 Sept-Oct/13
- 61. We h av 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 "<img src='23.jpg' alt='" . $firstName . " " . $lastName . "' >"; <img src='23.jpg' alt='Pablo Picasso' > echo "<img src='$id.jpg' alt='$firstName $lastName' >"; <img src='23.jpg' alt='Pablo Picasso' > echo "<img src="$id.jpg" alt="$firstName $lastName" >"; echo '<img src="' . $id . '.jpg" alt="' . $firstName . ' ' . $lastName . '" >'; echo '<a href="artist.php?id='.$id .'">'.$firstName.' '.$lastName.'</a>'; <img src="23.jpg" alt="Pablo Picasso" > <img src="23.jpg" alt="Pablo Picasso" > <a href="artist.php?id=23">Pablo Picasso</a> 1 4 5 3 2 outputs [title] { cursor: help; padding-bottom: 3px; border-bottom: 2px dotted blue; text-decoration: none; }
- 62. Art Store Case 1 TravelPhoto 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.
- 63.
- 64.
- 65.
- 66. We misjudged thecopyright 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.
- 67. What’s the oppositeof yes? If you know the answer to that question, you could have a career as a copyright lawyer!
- 68. OUT-SOURCING Production was out- sourcedto a company in India.
- 69. About 200 morecomplicated 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
- 70. 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 …
- 71.
- 72. U n ac 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.
- 73.
- 74.
- 75.
- 76. DO WOMEN HAVECURVES? 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 …
- 79. Add picture ofunboxing
- 80. ALL DONE! TIME TORELAX? 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.
- 81. S E CO N D E D I T I O N ( 2 0 1 6 - 1 7 )
- 82. MAIN CHANGES TO2ND ED (WAY) MORE JAVASCRIPT CSS3 CHANGES PEDAGOGICAL CHANGES FIXES/IMPROVEMENTS NEW CASE STUDIES NEW DIAGRAM STYLE
- 83.
- 84. N E WD I A G R A M S T Y L E
- 85.
- 87.
- 88.
- 89. ANXIETY ABOUT THERIGHT PATH
- 90.
- 91.
- 93.