Skip to content

Commit 9970f24

Browse files
committed
fix jpegs and spacing
1 parent 9a610c2 commit 9970f24

File tree

1 file changed

+22
-21
lines changed

1 file changed

+22
-21
lines changed

ai-meetings/README.md

Lines changed: 22 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ To Generate the API Keys using OCI Console:
1313

1414
- Login into your OCI Account.
1515

16-
![alt text](AImeetings-md/AImeetings-md/ak1.png)
16+
![alt text](AImeetings-md/ak1.png)
1717
- Click on the Profile icon at the top-right corner and select your Profile hyperlink.
1818

1919
![alt text](AImeetings-md/ak2.png)
@@ -30,58 +30,59 @@ To Generate the API Keys using OCI Console:
3030

3131

3232

33-
# **2.Pick you compartment**
33+
# **2. Pick you compartment**
3434
Identify the compartment you're currently working within. Navigate to 'Identity' -> 'Compartments'. Locate your compartment and make a note of its OCID (Oracle Cloud Identifier)
3535

3636

3737

38-
# **3.Create a bucket to store your meetings**
38+
# **3. Create a bucket to store your meetings**
3939

4040
Create a bucket in your compartment. Navigate to 'Storage' -> 'Object Storage & Archive Storage' -> 'Buckets, Click on "Create bucket" button, provide for instance AI_Meetings and click on "Create".
4141

42-
![alt text](ak6.jpg)
42+
![alt text](AImeetings-md/ak6.jpg)
4343

4444

45-
# **4.Open Visual Builder**
45+
# **4. Open Visual Builder**
46+
4647
## Configure access to REST APIs
4748

4849
* Open Visual Builder and click on the "New" button. Provide a name and an ID, for example "AI_Meetings". Click on finish.
4950

50-
![alt text](vbcs1.jpg)
51+
![alt text](AImeetings-md/vbcs1.jpg)
5152

5253
* Now we are going to create a web application. Click on the first icon (web applications)
5354

54-
![alt text](vbcs2.jpg)
55+
![alt text](AImeetings-md/vbcs2.jpg)
5556

5657
* Now, click on the "+ Web Application" button
5758

58-
![alt text](vbcs3.jpg)
59+
![alt text](AImeetings-md/vbcs3.jpg)
5960

6061
* Provide an Application name, for example "AI_Meetings"
6162

62-
![alt text](vbcs4.jpg)
63+
![alt text](AImeetings-md/vbcs4.jpg)
6364

6465
* Let's do the REST Service definition. Click on "+ Service Connection" button
6566

66-
![alt text](vbcs5.jpg)
67+
![alt text](AImeetings-md/vbcs5.jpg)
6768

6869
* Choose source "Define by Endpoint"
6970

70-
![alt text](vbcs6.jpg)
71+
![alt text](AImeetings-md/vbcs6.jpg)
7172

7273
* Provide the OCI Object Storage API Endpoint, being xx-xxxxxx-x your region (example: eu-frankfurt-1). For instance https://objectstorage.xx-xxxxxx-x.oraclecloud.com/n/{namespace}/b/AI_Meetings/o/{objectName}
7374

7475
Enter the Backend Name and select 'Oracle Cloud Infrastructure API Signature 1.0' from the Authentication dropdown menu. Then, click on the pencil icon to proceed
7576

76-
![alt text](vbcs7.jpg)
77+
![alt text](AImeetings-md/vbcs7.jpg)
7778

7879
* Enter the data obtained in step 1 in the format ocid.tenancy/ocid.user/key_fingerprint. Paste the content of the Private key file that you downloaded in the first step, then click the 'Save' button. Afterward, proceed by clicking on the 'Next' button
7980

80-
![alt text](vbcs8.jpg)
81+
![alt text](AImeetings-md/vbcs8.jpg)
8182

8283
* Include a "service name" and choose "Method" GET and set "Action Hint" to "Get one"
8384

84-
![alt text](vbcs9.jpg)
85+
![alt text](AImeetings-md/vbcs9.jpg)
8586

8687
* Click on create to finish the wizard. Now, you have an Object Storage backend.
8788

@@ -457,7 +458,7 @@ Now let's add a new service to the recently created backend OCI Speech API to re
457458

458459
* So, finally your service connections will be something similar to this image:
459460

460-
![alt text](vbcs10.jpg)
461+
![alt text](AImeetings-md/vbcs10.jpg)
461462

462463

463464
## Create business objects
@@ -466,7 +467,7 @@ Now let's add a new service to the recently created backend OCI Speech API to re
466467
* Meetings: add a string field like meetingName
467468
* Transcriptions: add some string fields: jobID, jobName and status
468469

469-
![alt text](vbcs10b.jpg)
470+
![alt text](AImeetings-md/vbcs10b.jpg)
470471

471472
## Build the Web App
472473

@@ -482,11 +483,11 @@ Now let's add a new service to the recently created backend OCI Speech API to re
482483

483484
- In the components panel, search for "file picker" and drag it onto your canvas. To enhance its appearance, click on the grid layout and switch it to "Flex" mode (found in the properties panel). Set the "Direction" to "vertical" and justify it both "center" and "middle". Next, navigate to the "All" tab, type "style" into the search bar, and provide some CSS styling such as "margin-top:30px;" to achieve the desired spacing. Drop a few components like images and texts.
484485

485-
![alt text](vbcs11.jpg)
486+
![alt text](AImeetings-md/vbcs11.jpg)
486487

487488
- In the File Picker properties panel provided the supported files that your application will support.
488489

489-
![alt text](vbcs12.jpg)
490+
![alt text](AImeetings-md/vbcs12.jpg)
490491

491492
- In the file picker create an event. On this event, you will manage the file upload to the object storage.
492493

@@ -764,7 +765,7 @@ Now let's add a new service to the recently created backend OCI Speech API to re
764765

765766
- Due to it's a sync request, we are going to create a refresh button to check the current transcription status.
766767

767-
![alt text](vbcs13.jpg)
768+
![alt text](AImeetings-md/vbcs13.jpg)
768769

769770
- Create an Action event asociated to the button to refresh the page
770771

@@ -798,7 +799,7 @@ Now let's add a new service to the recently created backend OCI Speech API to re
798799

799800
- It's time to create an event listener to get the status also when your open the page. So create a vbEnter event with an Action Chain named loadData.
800801

801-
![alt text](vbcs14.jpg)
802+
![alt text](AImeetings-md/vbcs14.jpg)
802803

803804

804805
```
@@ -1465,7 +1466,7 @@ Now let's add a new service to the recently created backend OCI Speech API to re
14651466
14661467
- Now, let's drop and configure some components to show the information.
14671468
1468-
![alt text](drop.jpg)
1469+
![alt text](AImeetings-md/drop.jpg)
14691470
14701471
- Sample use case:
14711472

0 commit comments

Comments
 (0)