Skip to content

Commit 8f7fee1

Browse files
author
Diana
committed
resized all images in LHOL Lab
1 parent f70281c commit 8f7fee1

File tree

9 files changed

+46
-35
lines changed

9 files changed

+46
-35
lines changed

content/hands-on-labs/explore-console/console-gsi.en.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ Armed with this knowledge of GSIs, we can now create a GSI on the **Reply** tabl
1414

1515
Navigate to the **Reply** table, switch to the **Indexes** tab and click `Create Index`.
1616

17-
![Console Create GSI 1](/static/images/hands-on-labs/explore-console/console_create_gsi_1.png)
17+
:image[Console Create GSI 1]{src="/static/images/hands-on-labs/explore-console/console_create_gsi_1.png" disableZoom=true width=850}
1818

1919
Enter `PostedBy` as the Partition key, `ReplyDateTime` as the Sort key, and `PostedBy-ReplyDateTime-gsi` as the Index name. Leave the other settings as defaults and click `Create Index`. Once the index leaves the `Creating` state you can continue on to the exercise below.
2020

@@ -34,11 +34,11 @@ The solution is expandable below but try to figure it out yourself before moving
3434

3535
Even if the table has a billion **Reply** items authored by other Users, this query will only cost us to read the exact 3 items we're hoping to return (unlike a `Scan`).
3636

37-
![Console Create GSI 2](/static/images/hands-on-labs/explore-console/console_create_gsi_2.png)
37+
:image[Console Create GSI 2]{src="/static/images/hands-on-labs/explore-console/console_create_gsi_2.png" disableZoom=true width=850}
3838
::::
3939

4040
### Cleanup
4141

4242
When you're done, make sure to remove the GSI. Return to the Indexes tab, select the `PostedBy-ReplyDateTime-gsi` index and click `Delete`.
4343

44-
![Console Delete GSI](/static/images/hands-on-labs/explore-console/console_delete_gsi.png)
44+
:image[Console Delete GSI]{src="/static/images/hands-on-labs/explore-console/console_delete_gsi.png" disableZoom=true width=850}

content/hands-on-labs/explore-console/console-read-data.en.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,18 +6,18 @@ weight: 31
66

77
First, go to the [DynamoDB Console](https://console.aws.amazon.com/dynamodbv2/) and click on *Tables* from the side menu.
88

9-
![Console Pick Tables](/static/images/hands-on-labs/explore-console/dynamodb_pick_tables.png)
9+
:image[Console Pick Tables]{src="/static/images/hands-on-labs/explore-console/dynamodb_pick_tables.png" disableZoom=true width=600}
1010

1111
Next, choose the `ProductCatalog` table and click `Explore table items` on the top right to view the items.
1212

13-
![Console ProductCatalog Items Preview](/static/images/hands-on-labs/explore-console/console_productcatalog_preview.png)
13+
:image[Console ProductCatalog Items Preview]{src="/static/images/hands-on-labs/explore-console/console_productcatalog_preview.png" disableZoom=true width=900}
1414

1515
We can see visually that the table has a Partition Key of *Id* (which is the `Number` type), no sort key, and there are 8 items in the table. Some items are Books and some items are Bicycles and some attributes like *Id*, *Price*, *ProductCategory*, and *Title* exist in every Item while other Category specific attributes like Authors or Colors exist only on some items.
1616

1717
Click on the *Id* attribute `101` to pull up the Item editor for that Item. We can see and modify all the attributes for this item right from the console. Try changing the *Title* to "Book 101 Title New and Improved". Click **Add new attribute** named *Reviewers* of the String set type and then clicking **Insert a field** twice to add a couple of entries to that set. When you're done click **Save changes**
1818

19-
![Console ProductCatalog Items Editor Forms](/static/images/hands-on-labs/explore-console/console_item_editor_forms.png)
19+
:image[Console ProductCatalog Items Editor Forms]{src="/static/images/hands-on-labs/explore-console/console_item_editor_forms.png" disableZoom=true width=900}
2020

2121
You can also use the Item editor in DynamoDB JSON notation (instead of the default Form based editor) by clicking **JSON** in the top right corner. This notation should look familiar if you already went through the [Explore the DynamoDB CLI](/hands-on-labs/explore-cli.html) portion of the lab. The DynamoDB JSON format is described in the [DynamoDB Low-Level API](https://docs.aws.amazon.com/amazondynamodb/latest/developerguide/Programming.LowLevelAPI.html) section of the Developer Guide.
2222

23-
![Console ProductCatalog Items Editor JSON](/static/images/hands-on-labs/explore-console/console_item_editor_json.png)
23+
:image[Console ProductCatalog Items Editor JSON]{src="/static/images/hands-on-labs/explore-console/console_item_editor_json.png" disableZoom=true width=900}

content/hands-on-labs/explore-console/console-read-item-collection.en.md

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,29 +16,34 @@ The Key Condition Expression will define the number of RRUs or RCUs that are con
1616
We can optionally also specify a [Filter Expression](https://docs.aws.amazon.com/amazondynamodb/latest/developerguide/Query.html#Query.FilterExpression) for our Query. If we were comparing this to SQL, we would say "this is the part of the WHERE clause that acts on the non-Key attributes". Filter Expressions act to remove some items from the Result Set returned by the Query, **but they do not affect the consumed capacity of the Query**. If your Key Condition Expression matches 1,000,000 items and your FilterExpression reduces the result set down to 100 items, you will still be charged to read all 1,000,000 items. But the Filter Expression reduces the amount of data returned from the network connection so there is still a benefit to our application in using Filter Expressions even if it doesn't affect the price of the Query.
1717

1818
The ProductCatalog table we used in the previous examples only has a Partition Key so let's look at the data in the **Reply** table which has both a Partition Key and a Sort Key. Select the left menu bar **Explore items** under Tables.
19-
![Console Menu Item Explorer](/static/images/hands-on-labs/explore-console/console_menu_explore_item.png)
19+
20+
:image[Console Menu Item Explorer]{src="/static/images/hands-on-labs/explore-console/console_menu_explore_item.png" disableZoom=true width=300}
21+
2022
You may need to click the hamburger menu icon to expand the left menu if its hidden.
21-
![Console Menu Hamburger Icon](/static/images/hands-on-labs/explore-console/console_menu_hamburger_icon.png)
23+
24+
:image[Console Menu Hamburger Icon]{src="/static/images/hands-on-labs/explore-console/console_menu_hamburger_icon.png" disableZoom=true width=900}
2225

2326

2427
Once you enter the Explore Items you need to select the **Reply** table and then expand the Scan/Query items box.
2528

26-
![Item Explorer Expand Tables](/static/images/hands-on-labs/explore-console/console_explore_item_select_table.png)
29+
:image[Item Explorer Expand Tables]{src="/static/images/hands-on-labs/explore-console/console_explore_item_select_table.png" disableZoom=true width=900}
2730

2831

2932
Data in this table has an Id attribute which references items in the Thread table. Our data has two threads, and each thread has 2 replies. Let's use the *Query* functionality to read just the items from thread 1 by pasting `Amazon DynamoDB#DynamoDB Thread 1` into the *Id (Partition key)* box and then clicking **Run**.
3033

3134
We can see that there are two Reply items in the `DynamoDB Thread 1` thread.
3235

33-
![Item Explorer Query Reply 1](/static/images/hands-on-labs/explore-console/console_item_explorer_query_reply_1.png)
36+
:image[Item Explorer Query Reply 1]{src="/static/images/hands-on-labs/explore-console/console_item_explorer_query_reply_1.png" disableZoom=true width=900}
37+
3438

3539
Since the Sort Key in this table is a timestamp, we could specify a Key Condition Expression to return only the replies in a thread that were posted after a certain time by adding a sort key condition where `ReplyDateTime` is More than `2015-09-21` and clicking **Run**.
3640

37-
![Item Explorer Query Reply 2](/static/images/hands-on-labs/explore-console/console_item_explorer_query_reply_2.png)
41+
:image[Item Explorer Query Reply 2]{src="/static/images/hands-on-labs/explore-console/console_item_explorer_query_reply_2.png" disableZoom=true width=900}
3842

3943
Remember we can use Filter Expressions if we want to limit our results based on non-key attributes. For example, we could find all the replies in Thread 1 that were posted by User B. Clear the sort key condition, and click **Add filter** then use `PostedBy` for the Attribute name, Condition `Equals` and Value `User B`, then click **Run**.
4044

41-
![Item Explorer Query Reply 3](/static/images/hands-on-labs/explore-console/console_item_explorer_query_reply_3.png)
45+
:image[Item Explorer Query Reply 3]{src="/static/images/hands-on-labs/explore-console/console_item_explorer_query_reply_3.png" disableZoom=true width=900}
46+
4247

4348
## Exercise
4449

@@ -51,6 +56,7 @@ The solution is expandable below but try to figure it out yourself before moving
5156
::::expand{header="Expand this to see the solution"}
5257
If we want to order items in descending order of the sort key there are two ways to accomplish this in the console. We could either choose the **Sort descending** checkbox before running the query, or we could run the query and click the arrow next to the *ReplyDateTime* attribute name in the **Items returned** pane to change the sort order on that attribute.
5358

54-
![Item Explorer Query Reply 4](/static/images/hands-on-labs/explore-console/console_item_explorer_query_reply_4.png)
59+
:image[Item Explorer Query Reply 4]{src="/static/images/hands-on-labs/explore-console/console_item_explorer_query_reply_4.png" disableZoom=true width=900}
60+
5561
::::
5662

content/hands-on-labs/explore-console/console-scan.en.md

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,18 +9,21 @@ The [Scan API](https://docs.aws.amazon.com/amazondynamodb/latest/APIReference/AP
99
The Scan API is similar to the Query API except that since we want to scan the whole table and not just a single Item Collection, there is no Key Condition Expression for a Scan. However, you can specify a [Filter Expression](https://docs.aws.amazon.com/amazondynamodb/latest/developerguide/Scan.html#Scan.FilterExpression) which will reduce the size of the result set (even though it will not reduce the amount of capacity consumed).
1010

1111
Let us look at the data in the **Reply** table which has both a Partition Key and a Sort Key. Select the left menu bar **Explore items**.
12-
![Console Menu Item Explorer](/static/images/hands-on-labs/explore-console/console_menu_explore_item.png)
12+
13+
:image[Console Menu Item Explorer]{src="/static/images/hands-on-labs/explore-console/console_menu_explore_item.png" disableZoom=true width=250}
14+
1315
You may need to click the hamburger menu icon to expand the left menu if its hidden.
14-
![Console Menu Hamburger Icon](/static/images/hands-on-labs/explore-console/console_menu_hamburger_icon.png)
16+
17+
:image[Console Menu Hamburger Icon]{src="/static/images/hands-on-labs/explore-console/console_menu_hamburger_icon.png" disableZoom=true width=900}
1518

1619

1720
Once you enter the Explore Items you need to select the **Reply** table and then expand the Scan/Query items box.
1821

19-
![Item Explorer Expand Tables](/static/images/hands-on-labs/explore-console/console_explore_item_select_table.png)
22+
:image[Item Explorer Expand Tables]{src="/static/images/hands-on-labs/explore-console/console_explore_item_select_table.png" disableZoom=true width=900}
2023

2124
For example, we could find all the replies in the Reply that were posted by User A.
2225

23-
![Item Explorer Scan Reply 1](/static/images/hands-on-labs/explore-console/console_item_explorer_scan_reply_1.png)
26+
:image[Item Explorer Scan Reply 1]{src="/static/images/hands-on-labs/explore-console/console_item_explorer_scan_reply_1.png" disableZoom=true width=900}
2427

2528
You should see 3 **Reply** items posted by User A.
2629

@@ -35,5 +38,6 @@ The solution is expandable below but try to figure it out yourself before moving
3538
::::expand{header="Expand this to see the solution"}
3639
For this access pattern we will need to make a FilterCondition with clauses on both the *Threads* and *Views* attributes before clicking **Run**.
3740

38-
![Item Explorer Scan Reply 2](/static/images/hands-on-labs/explore-console/console_item_explorer_scan_reply_2.png)
41+
:image[Item Explorer Scan Reply 2]{src="/static/images/hands-on-labs/explore-console/console_item_explorer_scan_reply_2.png" disableZoom=true width=900}
42+
3943
::::

content/hands-on-labs/explore-console/console-writing-data.en.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ The DynamoDB [PutItem API](https://docs.aws.amazon.com/amazondynamodb/latest/API
1010

1111
Let's say we wanted to insert a new item into the *Reply* table from the console. First, navigate to the **Reply** table click the **Create Item** button.
1212

13-
![Console Create Item 1](/static/images/hands-on-labs/explore-console/console_create_item_1.png)
13+
:image[Console Create Item 1]{src="/static/images/hands-on-labs/explore-console/console_create_item_1.png" disableZoom=true width=650}
1414

1515
Click `JSON view`, ensure `View DynamoDB JSON` is deselected, paste the following JSON, and then click **Create Item** to insert the new item.
1616

@@ -23,7 +23,7 @@ Click `JSON view`, ensure `View DynamoDB JSON` is deselected, paste the followin
2323
}
2424
```
2525

26-
![Console Create Item 2](/static/images/hands-on-labs/explore-console/console_create_item_2.png)
26+
:image[Console Create Item 2]{src="/static/images/hands-on-labs/explore-console/console_create_item_2.png" disableZoom=true width=850}
2727

2828
## Updating or Deleting Data
2929

@@ -33,7 +33,7 @@ The DynamoDB [DeleteItem API](https://docs.aws.amazon.com/amazondynamodb/latest/
3333

3434
You can easily modify or delete an item using the console by selecting the checkbox next to the item of interest, clicking the **Actions** dropdown and performing the desired action.
3535

36-
![Console Delete Item](/static/images/hands-on-labs/explore-console/console_delete_item.png)
36+
:image[Console Delete Item]{src="/static/images/hands-on-labs/explore-console/console_delete_item.png" disableZoom=true width=650}
3737

3838
## Exercise
3939

@@ -47,17 +47,17 @@ The solution is expandable below but try to figure it out yourself before moving
4747

4848
Navigate to the **ProductCatalog** Table and click the `Id` 201 hyperlink to bring up the Item Editor for that item. Click the `+` icon next to the *Color* attribute to expand that List.
4949

50-
![Console Modify Item 1](/static/images/hands-on-labs/explore-console/console_modify_item_1.png)
50+
:image[Console Modify Item 1]{src="/static/images/hands-on-labs/explore-console/console_modify_item_1.png" disableZoom=true width=750}
5151

5252
Click `Insert a field` and pick the `String` type. Do this twice. Add the colors "Silver" and "Green" to the list, then click `Save changes`.
5353

54-
![Console Modify Item 2](/static/images/hands-on-labs/explore-console/console_modify_item_2.png)
54+
:image[Console Modify Item 2]{src="/static/images/hands-on-labs/explore-console/console_modify_item_2.png" disableZoom=true width=750}
5555

5656
We can see by expanding the Items Preview that those two list entries were added.
5757

58-
![Console Modify Item 3](/static/images/hands-on-labs/explore-console/console_modify_item_3.png)
58+
:image[Console Modify Item 3]{src="/static/images/hands-on-labs/explore-console/console_modify_item_3.png" disableZoom=true width=750}
5959

6060
Return to the item editor for `Id` 201 and use the `Remove` button next to the Silver and Green list entries to remove them from the `Color` attribute, then click `Save changes`.
6161

62-
![Console Modify Item 4](/static/images/hands-on-labs/explore-console/console_modify_item_4.png)
62+
:image[Console Modify Item 4]{src="/static/images/hands-on-labs/explore-console/console_modify_item_4.png" disableZoom=true width=750}
6363
::::

content/hands-on-labs/setup/index.en.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ In this chapter, we'll cover the prerequisites needed to get started with [Amazo
1010

1111
The deployment architecture that you will be building in this lab will look like the below.
1212

13-
![Final Deployment Architecture](/static/images/hands-on-labs/setup/dynamodb_lab_architecture.png)
13+
:image[Final Deployment Architecture]{src="/static/images/hands-on-labs/setup/dynamodb_lab_architecture.png" disableZoom=true width=650}
1414

1515
## Prerequisites
1616

@@ -27,7 +27,7 @@ You can use your own account, or an account provided through Workshop Studio Eve
2727

2828
If you are running this workshop using a link provided to you by your AWS instructor, please use that link and enter the access-code provided to you as part of the workshop. In the lab AWS account, the Visual Studio Code instance should already be provisioned. This should be available at the "Event Output" section in your Workshop studio URL.
2929

30-
![CloudFormation parameters](/static/images/common/on-your-own-cf-03.png)
30+
:image[CloudFormation parameters]{src="/static/images/common/on-your-own-cf-03.png" disableZoom=true width=1000}
3131

3232
#### Using your own AWS account
3333

content/hands-on-labs/setup/load-sample-data.en.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@ After each data load you should get this message saying that there were no Unpro
4141
```
4242

4343
#### Sample output
44-
![Processed Items](/static/images/hands-on-labs/load-sample-data.png)
44+
45+
:image[Processed Items]{src="/static/images/hands-on-labs/load-sample-data.png" disableZoom=true width=900}
4546

4647
You can now continue with the section :link[Explore DynamoDB with the CLI]{href="/hands-on-labs/explore-cli"}.

content/hands-on-labs/setup/vscode.en.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@ weight: 13
55
---
66

77
During the first 60 seconds, the environment will automatically update extensions and plugins. Any startup notification can be safely dismissed.
8-
9-
![VS Code Setup](/static/images/common/common-vs-code-01.png)
108

11-
If a terminal is not available at the bottom left side of your screen, please open a new one like the following picture indicates.
9+
:image[VS Code Setup]{src="/static/images/common/common-vs-code-01.png" disableZoom=true width=1000}
1210

13-
![VS Code Setup](/static/images/common/common-vs-code-02.png)
11+
If a terminal is not available at the bottom left side of your screen, please open a new one, as shown in the picture below:
1412

15-
Then run the command `aws sts get-caller-identity` just to verify that your AWS credentials have been properly configured.
13+
:image[VS Code Setup]{src="/static/images/common/common-vs-code-02.png" disableZoom=true width=900}
1614

17-
![VS Code Setup](/static/images/common/common-vs-code-03.png)
15+
To verify that your AWS credentials have been properly configured, run the command `aws sts get-caller-identity`
16+
17+
:image[VS Code Setup]{src="/static/images/common/common-vs-code-03.png" disableZoom=true width=1000}
105 KB
Loading

0 commit comments

Comments
 (0)