目录

1、项目功能

2、项目业务处理流程

3、开发环境搭建

4、Cordova工程创建

5、软件功能实现

5.1、UI界面

5.2、数据存储

5.3、拍照功能

5.4、裁剪图片

5.5、上传图片

5.6、浏览新闻

5.7、朗读

5.8、音量调节

5.9、音量条UI

5.10、检测网络状态

5.11、检测是否安装讯飞语音

5.12、跳转至设置界面

6、项目效果

7、兼容性测试

8、模块功能测试

---

很多计算机专业大学生经常和我交流：毕业设计没思路、不会做、论文不会写、太难了......

针对这些问题，决定分享一些软、硬件项目的设计思路和实施方法，希望可以帮助大家，也祝愿各位学子，顺利毕业！

项目专栏：7天搞定毕业设计和论文

对计算机技术感兴趣的小伙伴请关注公众号：美男子玩编程，公众号优先推送最新技术博文，创作不易，请各位朋友多多点赞、收藏、关注支持~      

---

本课题为基于智能手机的报纸阅读器。老年人大多有读书看报的喜好，但受限于视力衰退，阅读报纸上较小的文字极为吃力，时间一长容易导致眼睛不舒服等不良状况，给日常生活造成了不小的麻烦。如果有人或者使用软件能够帮助老人将报纸内容朗读出来，这个问题就可以在一定程度上得到解决。

目前在 Android 应用市场有不计其数的 APP 应用，但提供给老年人使用的却少之又少，而且普遍质量较差，并没有针对老年人的特点和使用场景进行有针对性的设计和开发。结果就是这些 APP 并没有真正解决老年人的某些痛点问题。

本课题选择Android平台作为开发平台，因其使用范围广，基数大，可使其适用性大大增加。老年人只需使用该 App 对所需要阅读的内容拍照，本应用即会将选中的内容朗读出来，解决了老年人由于新闻正文字体较小而造成的阅读不便的问题。本 App 还提供了存储功能，用户可选择将之前阅读的内容缓存起来，便于下次使用。

项目工程资源下载请参见：https://download.csdn.net/download/m0_38106923/87845018

1、项目功能

本课题的目标是开发一款基于 Android 系统的报纸阅读器，能够具备良好的兼容性、稳定性与实用性。所需要实现的基础功能如下：

• 拍照：调用手机自带的摄像头对报纸内容进行拍照。
• 裁剪内容：由于上一步得到的图片可能混入了一些与所需内容无关的部分，因此需要对图片进行裁剪。
• OCR：将裁剪后的图片上传至远端的 OCR Cloud 引擎进行文字识别，并将识别结果返回给用户。
• TTS：将识别所得的文字朗读出来。
• 存储：将 COR 是被后的文字存储在手机上，方便下一次使用，同时也需提供删除功能。
• 音量调节：可以对发音人的音量进行调大或者调小。
• 语音设置：进一步的个性化设置，可选择不同的地方性语言进行朗读。

2、项目业务处理流程

本课题主要为设计一款在 Android 系统上运行的报纸阅读器，并实现上述的所有功能。

用户打开该应用后，程序会自动检测手机中是否安装讯飞语音，该语音引擎在朗读文字的时候需要用到。如果检测到用户尚未安装，会弹出对话框提醒用户安装。安装完成后可以选择“拍照”或者“浏览”功能。

选择“拍照”后，程序调用系统自带的相机供用户拍摄报纸内容，待拍照完成后，跳转至图片裁剪界面。在该界面中会将用户在上一步拍摄的照片显示出来，并在图片中提供一个可任意方向及大小拖动的方框，用户可拖动该方框选出需要识别的图片部分。裁剪完成后点击“确定”即开始进行文字识别。由于该识别过程需要联网，如果发现用户为接入互联网会弹出对话框提醒用户进行相关设置。

在文字识别完成后，程序会自动跳转到朗读的界面。该界面会显示新闻的标题，并提供音量调节功能，拖动音量条即可对朗读的音量进行实时调节，并且程序会记录用户上一次所使用的音量大小，避免每次朗读时都要手动调大音量的麻烦。

改界面还提供语音设置与删除新闻的功能。语音设置功能由讯飞语音提供，可以更换不同的发音语言。

点击“浏览”跳转到历史新闻的界面，该界面以列表的形式显示了用户所有的识别记录。点击某条新闻即可跳转到朗读界面自动朗读。如果需要删除，长按该条新闻，会弹出对话框提醒用户是否真的需要删除，防止误操作。

3、开发环境搭建

本项目需要安装 Android 开发环境以及 Cordova 框架。下面将分为 JDK、Android SDK、Node.js、Cordova 4个部分进行讲解。

• 安装JDK

编译 Android 时需要用到 JRE 支持。安装 JDK 需要在 Sun 官方网站进行下载，地址是 http://www.oracle.com/technetwork/java/javase/downloads/index.html ，这里选择 Java SE 8u45 下载。然后双击下载后的文件即可自动安装。安装完成后打开终端，并输入 java -version ，即可看到相应的 Java 安装信息。默认的安装目录实在 /System/Libray/Frameworks /JavaVM.Framwork/，在该目录下 Versions 文件夹里存放了不同版本的 JDK。 

• 安装Android SDK

前往 Android 开发者网站下载，地址是 developer.android.com 。下载后解压即可使用。

• 安装Node.js

前往 Node.js 官方网站进行下载，地址是 https://nodejs.org/ 。这里选择的是 Node.js for Mac的安装文件进行下载，下载完成后双击下载文件即可自动开始安装。安装完成后在终端中输入 node -v 即可显示当前 Node.js 的安装版本号。

• 安装Cordova

在电脑打开终端，输入 sudo npm install -g cordova 开始安装 Cordova。安装完成后在终端输入 cordova -v 即可显示当前 cordova 的版本号。

4、Cordova工程创建

1. 打开终端，输入 cordova create SmartReader com.xyq.smartreader SmartReader即可成功创建 Cordova项目。上述命令行的第一个参数是指创建该工程的文件夹名，如果不存在将会创建该文件夹。第二个参数为该项目的包名。第三个参数为该项目在手机下显示的名字。
2. 在终端输入 cd SmartReader，进入该项目的文件夹。输入 cordova platform add android，添加Android平台的支持。Cordova会调用Android SDK在platform/android 中创建一个完整的Android应用工程。
3. 在WebStorm中打开SmartReader文件夹，即可看到该目录下已经生成了一系列的代码文件。 
4. 完成创建 Cordova工程。Cordova会在www目录下默认生成index.html，css/index.css，img/logo.png和js/index.js等文件。
5. 将手机通过USB数据线与笔记本连接，并开启开发者选项以及使用USB调试的功能。在终端中输入 cordova run android 即可将该项目安装在手机上。如果需要在笔记本上的模拟器运行，则在终端输入 cordova emulate android 即可启动Android模拟器 。

5、软件功能实现

5.1、UI界面

由于 Cordova只提供了调用Native API的接口，并没有提供任何UI方面的功能，所以UI方面这里使用 Ratchet 框架来构造界面。Ratchet 是一款专门为移动开发打造的框架，包括按钮、列表、标签栏等在移动设备上常见的组件，让开发者可以很方便的制作精美的页面。其支持 Android 与iOS7两种风格，本软件使用iOS7风格。首先需要到 Ratchet 官方网站上下载该框架，下载完成后解压，将相应的 JavaScript 和 CSS 文件复制到项目目录下 www 文件夹的对应目录。然后即可引用：

来源地址：https://blog.csdn.net/m0_38106923/article/details/130958183