From bbafba995385096c21a1fc71caa96ad0c0f7eb60 Mon Sep 17 00:00:00 2001
From: "@andatoshiki" <hello@toshiki.dev>
Date: Tue, 19 Mar 2024 19:11:47 -0700
Subject: [PATCH] doc(cis105): add course note for lecture 10 as well as
 sidebar entries for cis105 note sub-section

---
 docs/.vitepress/config/sidebar.ts             |  4 +
 .../cis105/cis105-l10-lecture-note.md         | 83 +++++++++++++++++++
 2 files changed, 87 insertions(+)
 create mode 100644 docs/academic/cis105/cis105-l10-lecture-note.md

diff --git a/docs/.vitepress/config/sidebar.ts b/docs/.vitepress/config/sidebar.ts
index 21d07f1b..cfb8e1fb 100644
--- a/docs/.vitepress/config/sidebar.ts
+++ b/docs/.vitepress/config/sidebar.ts
@@ -206,6 +206,10 @@ export const sidebar: DefaultTheme.Config['sidebar'] = {
                     text: 'Lect 9: Internet',
                     link: '/academic/cis105/cis105-l9-lecture-note',
                 },
+                {
+                    text: 'Lect 10: Business Websites',
+                    link: '/academic/cis105/cis105-l10-lecture-note',
+                },
             ],
         },
     ],
diff --git a/docs/academic/cis105/cis105-l10-lecture-note.md b/docs/academic/cis105/cis105-l10-lecture-note.md
new file mode 100644
index 00000000..9f3e75a5
--- /dev/null
+++ b/docs/academic/cis105/cis105-l10-lecture-note.md
@@ -0,0 +1,83 @@
+# CIS105: Computer Applications & Information Systems Lect. 10
+
+## Chapter 10: Business Websites
+
+### 10.1: Business Website Alternative
+
+- Web development platforms (WDP): Website creation programs that help non-web developers develop a website for a relatively low price.
+  - Web.com, Wix.com, Squarespace.com
+  - A great option for business owners
+  - Search Engine Optimization
+
+### 10.2: Early Website Technology
+
+- Who created Hypertext Markup Language (HTML)?
+- HTML is platform-neutral
+- What happens when you use the internet:
+  - You don't visit websites, websites visit you
+  - Copies of request kept in client's cache
+
+```mermaid
+graph LR
+A[You click on hyperlink] --> B[Web server ses HTTP to send copy of request to client]
+```
+
+### 10.3: Hypertext Markup Language
+
+- The principal programming language for browsers
+- Elements: HTML represented in the form of tags that are enclosed by brackets: `</>`
+- `<meta></meta>`: Used to help search engines
+  - Will include info like web page's author, descriptions, and keywords
+  - Called meta keywords or meta-words.
+- Link element: `<a href="www.youtube.com">Youtube</a>`
+- Image element: `<img src="meadow.gif" alt="meadow"></img>`
+- JavaScript: A client-side programming language used to build websites
+  - Requires a Java-enabled browser to work
+  - Ex: Countdown timer
+
+### 10.4: Websites Styles & Categories
+
+- Website categories: Personal, Commercial, Governmental, and **intranet**
+  - Static Website (AKA Brochure websites): Content typically designed with HTML; never changes
+  - Dynamic Websites: Generate web pages directly from the server depending on the context of the user
+    - Ex: Social Media
+    - Much more difficult to program, but are much easier to maintain
+
+### 10.5: Types of Websites
+
+- Blog: An online diary, originally called a web-log
+- Content Website: typically dispense original content and often supported by advertising
+- Corporate Website: Distribute info about a business
+- Commerce Website (AKA E-Commerce site): to sell goods and services online
+- Search Engine Website: Offers general information and intended to be the entryway to other websites
+- Gaming Website: Typically, games unto themselves; require plug-ins like Adobe Flash, JavaScript, and ActiveX
+- News Websites: Specifically devoted to providing news and commentary
+- School Websites: Typically used by teachers, students, parents, and administrators.
+- Video-sharing websites: Allow users to upload videos for a wider audience
+  - Utilizes Users Datagram Protocol (UDP)
+
+### 10.6: Website Online Software
+
+- HTML is not a powerful programming language
+- Fat Client: Provides rich functionality on the client side; independent of a central server
+  - Ex: Microsoft programs
+  - Pros: More functionality, very powerful
+  - Cons: Expensive. Requires additional software and set up, requires more processing power
+- Thin Client: A client that depends on a server for computing processing
+  - Ex: Web browsers
+  - Pros: Platform neutral, cheaper to maintain, better distribution of info
+  - Cons: Not as powerful, less functionality, requires refreshing from the user
+
+### 10.7: Online Advertising
+
+- Online Advertising: A form of sponsorship that uses the WWW for delivering business-marketing strategies
+- Examples:
+  - Search Engine Results
+  - Native Advertising
+  - Social Network Advertising
+  - Banner advertisement
+- Purchasing Online Advertising
+  - Cost Per Click (CPC)
+  - Cost Per Thousand Impressions (CPM)
+  - Cost Per Action (CPA)
+