Meet “The Mobile Web Handbook”, A New Smashing Book By Peter-Paul Koch (Pre-Sale)

As the members of the teams arrived, a blend of confidence and nervousness filled the air. Eight (8) teams were selected out of 29 applicants to share their business ideas with a panel of three judges, John Cammack, Hugh Evans and Vince Talbert, all successful entrepreneurs and members of the angel investment group The Baltimore Angels. Teams were comprised primarily of UMBC undergraduate and graduate students, and each was paired with a business mentor to help them further develop and polish their idea prior to the final competition.

Stakes were high with cash awards of $5,000 for 1^st place, as well as membership to Betamore, a Federal Hill based incubator and educational facility co-founded by Cangialosi.

First place went to Kyran Richardson and Percy Addo for their development of InSource, a web-based space that brings skills together with people. InSource helps students and faculty know what skills students have so finding a partner to work on a project, research, or company is easy and seamless. Richardson said the idea came about when he and his roommate were trying to find students on campus to collaborate on some business ideas they had, but due to a lack of connections they were unable to find the skills they required. Knowing there is an abundance of talent around, they wanted to make the matching process easier in the future. When asked about the experience of participating in the CBIC, Richardson and Addo said they were “humbled by winning first place while competing against some of the most innovative students at UMBC.”

Second place went to Ethan Steininger for his company Compared Care whose mission is to make the healthcare world more transparent. There is a large geographical disparity within the healthcare industry and the same medical procedure will cost significantly more in one area vs another. ComparedCare.com will allow users to upload several variables to help them locate the best alternative. According to Steininger, “The CBIC was the ideal experience I needed to get started in entrepreneurship. It helped to validate my idea of Compared Care and placing second made it seem more legitimate. My mentor, UMBC alumus Andrew Pollack, was a perfect match and I will continue to communicate with him throughout this startup process.”

Third place went to Markus Proctor and his team consisting of Walter Pearson, Kimberly Hodges, and Harjit Singh for their company, EduPal, which is working to revolutionize students’ study habits and improve planning by creating an online tool to help them manage their time more effectively. Markus commented, “Being a part of the CBIC was definitely an exciting and memorable experience. The atmosphere was amazingly positive and I enjoyed networking with some of the brightest entrepreneurs on campus and in the region. Having the opportunity to share my passion with students, faculty, and members of The Baltimore Angels was worth every hour of practice."

Participation in the competition is just the first phase of the business education the winning teams will experience. By far the most important part of the CBIC will be what comes next, the involvement in Betamore programming and events which will provide valuable connections to the Baltimore business community.

Following the event Cangialosi said, “I am so proud of all the students who participated in the competition. It was exciting to see that innovation and the entrepreneurial spirit is running high at UMBC! I look forward to the next competition and taking it to the next level.”

CHAPTER	TITLE	DETAILS
Chapter 1	The Mobile World
Summary • The mobile world is a complicated, highly fragmented environment. The mobile value chain involves operators, device vendors and OS vendors—all having their own interests and goals that shape the device market and complicate things for us, web developers. If you read The Mobile Book already, this chapter is a revised and extended version of the chapter. It’s been updated with the latest figures and developments, though, and contains a few new sections. Keywords • operators • networks • mobile value chain • device vendors • hardware • fragmented market • phone’s production cycle • global device market • OS vendors and sales • developer relations • identity management • payments.
Chapter 2	Browsers
Summary • If you’re used to the simple five-browser ecosystem that exists on the desktop, you’re in for a rough surprise in the mobile market. There are 30 mobile browsers, ranging from lousy to great. Besides, there are also proxy browsers, default browsers, downloadable ones, confusing Android ones, and of course WebViews. What do you need to know about prevailing browsers and prevailing platforms? A comprehensive overview of the browser market, worldwide market shares and ongoing developments—and a few browser stats. Keywords • browser ecosystem • rendering engines • WebKits • WebViews • Android browsers • platforms • proxy browsers • statistics.
Chapter 3	Android
Summary • The most complex part of the mobile world is Android. With Android now spanning about three quarters of the smartphone market, it has a few problems and oddities that are uniquely its own. In this chapter we’ll look at Google’s wishes and actions, the reactions of the device vendors, and the complicated browser situation caused by the gradual replacement of Android WebKit by Chrome. Keywords • differentiation • Android updates • Android WebKit • Chrome.
Chapter 4	Viewports
Summary • Mobile devices have far smaller screens than desktop/laptop computers. As a result, browser vendors had to perform some sleight of hand in order to make sure desktop-optimized websites also display decently. They split the viewport, which on desktop means the browser window, into three. What are these viewports and why do we need them? By discussing pixels, viewports, resolutions, the meta viewport, media queries, and related JavaScript events and properties, you’ll gain some insight into how mobile browsers (and web developers) deal with the fundamental problem of the small screen. Keywords • device pixels • CSS pixels • layout viewport • visual viewport • ideal viewport • zooming • page zoom • pinch zoom • min/max-zoom • resolution • device-pixel-ratio • meta viewport • media queries • CSS/JavaScript • events.
Chapter 5	CSS
Summary • There are a few CSS declarations that are harder to implement in mobile browsers than in desktop ones. Some, such as `position: fixed`, are dependent on the viewport, but which viewport? Others may have performance issues or special interface considerations, such as `overflow: auto`. It’s just about time to get to the bottom of this. Keywords • position: fixed • overflow: auto • overflow-scrolling • background-attachment • vw and vh units • :active and :hover.
Chapter 6	Touch Events
Summary • Mobile devices generally use touchscreens, and support a new set of touch events to monitor user actions. At first sight, touch events seem to be roughly the same as mouse events. What are the differences? How do they work? Do we need separate events for each interaction mode, or can we merge mouse and touch into one, as Microsoft wants? It is quite likely that future new web-enabled device classes such as TVs, cars, or even fridges, will bring new interaction modes and a new set of events. How do we prepare for them? That’s exactly what this chapter is all about. Keywords • touchcancel • gesture events • dropdown menu • drag and drop • scrolling layer • event equivalencies • merging touch and mouse • detecting interaction modes • touch event cascade • the tap action • anatomy of a click • 300 ms delay • touchLists • pointer events.
Chapter 7	Becoming a Mobile Web developer
Summary • This last chapter gives you practical details about how to become a mobile web developer, or to be more precise, how to set up a device library and conduct mobile tests. Which devices do you need? How do you run tests? What would an ideal device lab look like? And what should you keep in mind in terms of the improvements of the mobile networks in the future? Keywords • ideal device lab • acquiring and sharing devices • what and how to test • device test batches • managing updates • browser detection • JavaScript libraries • mobile networks • latency • connection speed.

Why This Book Is For You

Table Of Contents

About The Author

Technical Details

UMBC Information Systems Security Association Seminar

Framework for Improving Critical
Infrastructure in Cybersecurity

Dr. Ron Ross, NIST

6:00-8:00pm Wednesday, 30 April 20014
Meyerhoff 030 Building Lecture Hall 2