11CHAPTER 1: Designing My Mobile Organizer
Note Meridiem, in case you aren’t aware (many people aren’t, don’t feel bad!), is the a.m./p.m. portion
of a time.
Figure 1-5. Appointment list view
I decided to break up the times like this more for learning reasons: it allowed me to demonstrate
some features of jQuery Mobile, the UI library used to build My Mobile Organizer, which I might not
have been able to otherwise. Whether it leads to the best user experience (UX) is debatable.
As you’ll see in the chapters to come as we dissect the code, the data models described in this chapter
represent a JavaScript Object Notation (JSON) structure that will be stored in a server-side database as
well as a client-side data cache. In addition to the fields shown, all entities will therefore wind up having
two “hidden” fields: _id and __v. The _id field is a system-generated ID unique to each object created,
and __v is a version indicator that, while unused in this application, would allow us to identify whether
a given object was created using a previous version of the database schema and possibly upgrade
them if needed. This can be useful when you update the application later and need to change the
data models underneath too. I haven’t shown them in the data model diagrams, however, as they’re a
creation of the database we’ll store the data in and so not part of our data model per se.
List View Mock-Up
With the data model described, we can now move on to screen mock-ups. Each entity type
(appointment, contact, note, and task) will effectively have not one but two screens for working with
it. The first is the list view, as shown in Figure 1-5, for appointments.
剩余294页未读，继续阅读
伪装狙击手
- 粉丝: 97
- 资源: 101
我的内容管理
展开
最新资源
- C语言快速排序算法的实现与应用
- KityFormula 编辑器压缩包功能解析
- 离线搭建Kubernetes 1.17.0集群教程与资源包分享
- Java毕业设计教学平台完整教程与源码
- 综合数据集汇总：浏览记录与市场研究分析
- STM32智能家居控制系统：创新设计与无线通讯
- 深入浅出C++20标准：四大新特性解析
- Real-ESRGAN: 开源项目提升图像超分辨率技术
- 植物大战僵尸杂交版v2.0.88：新元素新挑战
- 掌握数据分析核心模型，预测未来不是梦
- Android平台蓝牙HC-06/08模块数据交互技巧
- Python源码分享：计算100至200之间的所有素数
- 免费视频修复利器：Digital Video Repair
- Chrome浏览器新版本Adblock Plus插件发布
- GifSplitter：Linux下GIF转BMP的核心工具
- Vue.js开发教程：全面学习资源指南
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
