Inside Alibaba Cloud’s 5‑Day Vision AI Bootcamp: Projects, Code & Insights

Overview

Alibaba Cloud’s five‑day “Vision AI” training camp concluded, focusing on front‑end development with Vue.js, Element‑UI and Bootstrap, Alibaba Cloud Vision AI Open Platform APIs, and OSS storage.

Key Projects

1. Smart Photo Album

Participants built a smart photo album that uploads images, automatically analyzes their content and tags them. The front‑end is a single‑page application using Vue.js, Element‑UI and Bootstrap; the back‑end handles image recognition and resource management.

2. ID Card Recognition

A second project lets users upload front and back photos of an ID card, calls the VIAPI OCR service, and displays the results. The front‑end uses Bootstrap, jQuery and Thymeleaf templates; the back‑end uploads files to OSS and invokes the OCR API via the VIAPI SDK.

Student Showcases

Students presented their implementations, including a Java‑based photo album, a Python image‑recognition script, and a PHP ID‑card OCR solution using Alibaba Cloud’s SDK. Representative code snippets are shown below.

<?php
require __DIR__ . '/vendor/autoload.php';
use AlibabaCloud\Client\AlibabaCloud;
use AlibabaCloud\Client\Exception\ClientException;
use AlibabaCloud\Client\Exception\ServerException;

AlibabaCloud::accessKeyClient('<your_key>', '<your_appKeySecret>')
    ->regionId('cn-shanghai')
    ->asDefaultClient();

try {
    $result = AlibabaCloud::rpc()
        ->product('ocr')
        ->scheme('http')
        ->version('2019-12-30')
        ->action('RecognizeIdentityCard')
        ->method('POST')
        ->host('ocr.cn-shanghai.aliyuncs.com')
        ->options([
            'query' => [
                'ImageURL' => '<oss_url>',
                'Side' => 'face',
            ],
        ])
        ->request();
    print_r($result->toArray());
} catch (ClientException $e) {
    echo $e->getErrorMessage() . PHP_EOL;
} catch (ServerException $e) {
    echo $e->getErrorMessage() . PHP_EOL;
}
?>

## 身份证识别功能描述
RecognizeIdentityCard可以识别二代身份证关键字段内容，关键字段包括：姓名、性别、民族、身份证号、出生日期、地址信息、有效起始时间、签发机关，同时可输出身份证区域位置和人脸位置信息。

## 请求参数
| 名称 | 类型 | 是否必选 | 示例值 | 描述 |
|---|---|---|---|---|
| Action | String | 是 | RecognizeIdentityCard | 系统规定参数 |
| ImageURL | String | 是 | https://viapi-demo.oss-cn-shanghai.aliyuncs.com/viapi-demo/images/DetectImageElements/detect-elements-src.png | 图片URL地址 |
| Side | String | 是 | face | 身份证正反面类型 |

## 返回数据
| 名称 | 类型 | 示例值 | 描述 |
|---|---|---|---|
| Data | Struct |  | 返回的结果数据内容 |
| BackResult | Struct |  | 反面照结果 |
| EndDate | String | 19800101 | 有效期结束时间 |
| Issue | String | 杭州市公安局 | 签发机关 |
| StartDate | String | 19700101 | 有效期起始时间 |
| FrontResult | Struct |  | 正面照结果 |
| Address | String | 浙江省杭州市余杭区文一西路969号 | 地址信息 |
| BirthDate | String | 20000101 | 出生日期 |
| CardAreas | Array |  | 身份证区域位置 |
| Gender | String | 男 | 性别 |
| IDNumber | String | 1234567890 | 身份证号 |
| Name | String | 张三 | 姓名 |
| Nationality | String | 汉 | 民族 |
| RequestId | String | D6C24839-91A7-41DA-B31F-98F08EF80CC0 | 请求ID |

## 异常相关
如果调用发生异常，则异常信息会在`TeaException.getData()`中显示出来。

```json
{
    "RequestId": "6B8A283F-DFFA-4F30-9DF1-A85D8609AD88",
    "HostId": "ocr.cn-shanghai.aliyuncs.com",
    "Code": "InvalidImage.Content",
    "Message": "Invalid Input - wrong category"
}
```

Student Reflections

Participants shared personal experiences, noting rapid progress, challenges in front‑end/back‑end integration, the value of hands‑on AI projects, and appreciation for the support from Alibaba Cloud mentors.

Next Session

The second “Vision AI” training camp is now open for registration.