玩嗨OpenHarmony：基于OpenHarmony的丟失兒童尋找系統(tǒng)

根據(jù)《中國走失人口白皮書(2020)》，在整個2020年期間，我國走失人次達到了100萬。其中未成年人占7.4%，也就是說，兒童走失人口近74000人，而失蹤后找回來的大概只占到0.1%。一名走丟孩子的背后，都有一個破碎的家庭。

根據(jù)公安部兒童失蹤信息緊急發(fā)布平臺（“團圓”系統(tǒng)）數(shù)據(jù)顯示，兒童失蹤原因主要有被拐賣、離家出走、迷路走失、意外身亡等原因。走失事件往往容易轉(zhuǎn)變?yōu)楣召u等惡劣的刑事案件，有很多孩子，或者遇到了拐賣兒童的人販子，或者受到了意外傷害，最終給家庭帶來毀滅性災(zāi)難。

援救一個孩子，圓滿一個家。

項目采用PyTorch和華為開源自研AI框架MindSpore，可以根據(jù)警方或他人提供的圖片判斷其是否為丟失兒童。同時還可以根據(jù)丟失兒童的時間長短，通過用戶上傳兒童的照片進行預(yù)估并生成當(dāng)下的照片，更加便于家庭和警方尋找丟失兒童，幫助丟失兒童早日回歸家庭。

PyTorch是一套開源的利用深度學(xué)習(xí)進行數(shù)據(jù)科學(xué)研究的重要框架。在靈活性、可讀性和性能上都具備相當(dāng)?shù)膬?yōu)勢，近年來已成為學(xué)術(shù)界實現(xiàn)深度學(xué)習(xí)算法最常用的框架。

MindSpore（昇騰）是華為開源的一款全場景深度學(xué)習(xí)框架，旨在實現(xiàn)易開發(fā)、高效執(zhí)行、全場景覆蓋三大目標(biāo)。其中，易開發(fā)表現(xiàn)為API友好、調(diào)試難度低；高效執(zhí)行包括計算效率、數(shù)據(jù)預(yù)處理效率和分布式訓(xùn)練效率；全場景則指框架同時支持云、邊緣以及端側(cè)場景。

項目主要分為算法端、硬件端、基于OpenHarmony的App以及Vue前端，主要用到的軟件有pycharm、idea、anaconda等。

算法端分為跨年齡人臉識別算法和人臉變老預(yù)測算法?？缒挲g人臉識別算法通過使用MTCNN（多任務(wù)卷積神經(jīng)網(wǎng)絡(luò)）設(shè)計三層級聯(lián)架構(gòu)的 CNN 算法進行檢測，提取出不受年齡干擾的身份特征，以此達到跨年齡人臉識別。人臉變老預(yù)測算法以GAN 為基礎(chǔ)，并按照年齡、性別和語義分割對其進行標(biāo)記，預(yù)測一個人在未來的樣貌，或者他在過去的樣貌。

網(wǎng)頁端是Vue前端，源代碼在Gitee上開源，用戶可通過網(wǎng)站查看上傳、搜尋以及查看丟失兒童信息，并且可以與我們進行聯(lián)系和反饋。網(wǎng)頁端偏向信息查看等功能，更多的操作需要進一步在App進行使用。

移動端目前為App。相對于微信小程序來說，App可以離線進行部分功能操作，提高了產(chǎn)品的適應(yīng)面。通過網(wǎng)絡(luò)連接將信息存儲到服務(wù)器中，以達到多端信息互通。

• DevEco Studio for OpenHarmony3.0.0.900

• OpenHarmony版本：3.1_Release

• 開發(fā)板：DAYU200

6.1.1HTML

<element name='comp' src='../../components/tabbar/tabbar.hml'>element>
<div class="container">
    <div class="text">
        <text>丟失兒童尋找text>
    div>
    <div class="container1">
        <swiper autoplay="true" class="swiper">
            <image src="{{$item}}" for="{{imageList}}" class="img">image>
        swiper>
    div>
    <div class="text1">
        <div class="line_y">div>
        <text>今日推薦text>
    div>
    <image class="img1" src="../../common/images/a1.jpg">image>
    <image class="img1" src="../../common/images/a3.jpg">image>
    <comp index="0">comp>
div>

6.1.2JS源碼

export default {
    data: {
        title: "",
        imageList:['/common/images/2.jpg','/common/images/1.jpg','/common/images/3.jpg']
    },
    onInit() {
        this.title = this.$t('strings.world');
    },
    swipeToIndex(index) {
        this.$element('swiperImage').swipeTo({index: index});
    }
}

<element name='comp' src='../../components/tabbar/tabbar.hml'>element>
<div class="container">
    <div class="text">
        <text>丟失兒童尋找text>
    div>
    <text class="title">走失人員信息text>
    <div class="input-item">
        <div class="color">
            <text class="input-title">姓名text>
            <input class="input" type="text" placeholder="請輸入文本">input>
        div>
    div>
    <div class="input-item">
        <div class="color">
            <text class="length-title input-title">年齡text>
            <input class="input" type="text" placeholder="請輸入走失時的年齡" maxlength="20" showcounter="false">input>
        div>
    div>
    <div class="input-item">
        <div class="color">
            <text class="input-title">性別text>
            <div class="radio-div">
                <select @change="changeFruit">
                    <option value="bananaValue">
                        男
                    option>
                    <option value="appleValue" selected="true">
                        女
                    option>
                select>
            div>
        div>
    div>
    <div class="input-item">
        <div class="color">
            <text class="input-title">走失日期text>
            <input class="input" type="date" placeholder="如：2021-11-27">input>
        div>
    div>
    <div class="container2">
        <text class="title2">您的詳細信息text>
        <div class="input-item">
            <div class="color">
                <text class="input-title">姓名text>
                <input class="input" type="text" placeholder="請輸入文本">input>
            div>
        div>


        <div class="input-item">
            <div class="color">
                <text class="input-title">性別text>
                <div class="radio-div2">
                    <select @change="changeFruit">
                        <option value="bananaValue">
                            男
                        option>
                        <option value="appleValue" selected="true">
                            女
                        option>
                    select>
                div>
            div>
        div>
        <div class="input-item">
            <div class="color">
                <text class="input-title">走失人員與您的關(guān)系text>
                <div class="checkbox-div">
                    <select @change="changeFruit">
                        <option value="bananaValue">
                            父子
                        option>
                        <option value="appleValue" selected="true">
                            母子
                        option>
                        <option value="pearValue">
                            父女
                        option>
                        <option value="pearValue2">
                            母女
                        option>
                    select>
                div>
            div>
        div>


        <div class="input-item">
            <div class="color">
                <text class="input-title">是否報警text>
                <switch showtext="true" texton="是" textoff="否" checked="true" @change="switchChange">
                switch>
            div>
        div>


        <div class="input-item">
            <div class="color">
                <text class="input-title">您的郵箱text>
                <input class="input" type="email" placeholder="方便我們聯(lián)系您">input>
            div>
        div>


        <div class="input-item">
            <div class="color">
                <text class="message-title input-title">請輸入手機號text>
                <input class="message-input" type="number" placeholder="請輸入手機號碼">input>
            div>
        div>




        <div class="color">
            <input class="message-input" type="number" placeholder="請輸入驗證碼">input>
            <input class="message-button" type="button" value="獲取驗證碼">input>
        div>




    div>


    <div class="input-item">
        <div class="color">
            <image class="img" src="../../common/images/camera.png">image>
            <button class="message-button" type="capsule" value="上傳圖片" @click="jump">button>


        div>
    div>
    <div class="input-item">
        <input class="confirm-button" type="button" value="確認(rèn)">input>
        <div class="text2">致力于幫助丟失兒童家庭尋找丟失兒童，讓寶貝早日回家div>
        <button class="message-button" type="capsule" value="提交" @click="jump2">button>
    div>


    <comp index="1">comp>


div>

6.2.2JS源碼

  import router from '@system.router';
export default {
    data: {
        title: ""
    },
    onInit() {
        this.title = this.$t('strings.world');
    }，
    jump(){
        router.push({
            uri: 'pages/takePhoto/index',
        });


    },
    jump2(){
        router.push({
            uri: 'pages/submit/index',
        });


    }
}

6.3信息上傳

6.3.1HTML源碼

<element name='comp' src='../../components/tabbar/tabbar.hml'>element>
<div class="container">
    <div class="text">
        <text>丟失兒童尋找text>
    div>
    <text class="title">功能text>
    <text class="title1">服務(wù)電話：4000000000text>
    <image class="img" src="../../common/images/000.png">image>
    <comp index="2">comp>
div>

6.3.2JS源碼

export default {
    data: {
        title: ""
    },
    onInit() {
        this.title = this.$t('strings.world');
    }


}