e-com sem-3

notes:  download

syllabus : download

unit 1: download

unit 2: download

unit 3:

unit 4:

unit 5:


SEM-II

COURSE 4: E-COMMERCE AND WEB APPLICATION DEVELOPMENT Theory Credits: 3 3 hrs/week

UNIT-I 

Introduction to E-Commerce: Definition, scope, and evolution, Benefits and limitations Types of E-Commerce: B2B, B2C, C2C, C2B, G2C models

E-Commerce Business Models: Revenue models (advertising, subscription, etc.) Infrastructure for E-Commerce : Internet, intranet, Extranet

Payment gateways and digital wallets Legal and Ethical Issues: Cyber laws and data  privacy,Intellectual property, taxation, and security.

 

Case study : Study of successful e-businesses

UNIT-II

Technology in E-Commerce: Essentials of web design for business - Content management  systems (WordPress, Shopify, BootStrap)

Online Marketing & SEO: Digital marketing channels, Search engine optimization basics. Digital Payment Systems: Credit/Debit Cards, Net Banking, Mobile Wallets, UPI, Electronic  Fund Transfer (EFT) , Payment Gateways – Blockchain and Cryptocurrencies, Artificial  Intelligence and E-Commerce, Future of E-Commerce.

Web Designing: Web designing Principles, Introduction to HTML5, HTML Document  Structure, Formatting Elements (text and block formatting), Lists, Images, Links and  Navigation (External and internal links), Tables, Inlineframes, HTML Forms. Embedding  multimedia objects.

UNIT III : Cascading Style Sheets 

CSS Basics: CSS Rule, Applying CSS Rules (Selectors), Embedding CSS code in HTML page  Inline,internal,external style sheets.

CSS Properties: Font, Color, Types of CSS Color values, Background, CSS Box Model,  Display properties, Styling Pseudo Elements, Positioning properties, Layering, Styling Lists  and tables.

UNIT IV: Client Side Scripting using JAVA SCRIPT

Javascript Basics: Datatypes, Variables, Operators, Control Statements, Functions. Builtin Objects: Arrays, String, Date, Window, Document, RegEx.

Document Object Modelling: Introduction to DOM, Form Validation using Java Script, Event  Handling: Mouse events, form submission events, load and unload events, keyboard events – focus and blur events.

UNIT V : BOOTSTRAP FRAMEWORK for designing CMS

Responsive Webdesign: Grid System, Breakpoints, Containers, Utilities. Introduction to BOOT STRAP FRAME WORK: Benefits, Setup Bootstrap Project. BootStrap Components: Navigation, Creating navigation bars (.navbar), Dropdowns, and  Responsive togglers. Buttons-Styling buttons with various classes for size, color, and state.  Forms-Styling form elements like inputs, labels, and client side validation. Carousels-Creating  image sliders. Alerts: Displaying informative messages

Customization: Overriding Bootstrap's default styles using custom CSS

TEXT BOOKS & REFERENCE BOOKS

1. Whiteley, D., 2000. E-commerce: Strategy, technologies and applications. McGraw Hill Education.

2. Turban, Efraim, David King, Jae Kyu Lee, Ting-Peng Liang, and Deborrah Turban.  Electronic Commerce: Concepts, Models, Strategies. Pearson Education, 2002. 3. Robbins, Jennifer Niederst. Learning Web Design: A Beginner’s Guide to HTML, CSS,  JavaScript, and Web Graphics. 5th ed., O’Reilly Media, 2018.

4. Kogent Learning Solutions Inc. Web Technologies Black Book. Dreamtech Press, 2009.  5. Diwan, Amit. Ultimate Bootstrap for Responsive Web Design. Orange Education Pvt.  Ltd., 2024. ISBN: 9789348107251.

6. Hussain, Frahaan, and Kameron Hussain. Mastering Bootstrap 5: From Basics to  Expert Projects. Sonar Publishing, 2023. ISBN: B0CPW9PRVT.

E-Resources

1. NPTEL / SWAYAM Online Lectures ::Course: E-Business (NPTEL) 2. https://www.tutorialspoint.com/e_commerce/index.htm

3. https://www.w3schools.com/bootstrap5/

4. https://www.w3schools.com/ (HTML-CSS- JAVASCRIPT)

5. https://developer.mozilla.org/en-US/docs/Learn/CSS

6. https://www.freecodecamp.org/learn/2022/responsive-web-design/

7. https://developer.mozilla.org/en-US/docs/Learn/HTML

8. https://www.freecodecamp.org/learn/2022/responsive-web-design/

ACTIVITIES

UNIT 1 – Introduction to E-Commerce

Activity 1: Case Study – Amazon’s Growth Story

Scenario:

Students analyze how Amazon evolved from an online bookstore to a global e-commerce  leader.

Task: Identify Amazon’s e-commerce model (B2C) and revenue models, List benefits and  limitations faced during its evolution. Expected Outcome: Students will understand the evolution of e-commerce and business

models.

Evaluation: Accuracy of model identification, Depth of analysis, Quality of presentation. Activity 2: Case Study – Paytm and Digital Payments in India

Scenario:

Examine Paytm’s role in enabling digital wallets and online transactions in India. Task: Explain how Paytm works as a payment gateway, Discuss challenges faced related to  cyber laws, taxation, and data privacy. Expected Outcome: Students will relate theory with Indian e-payment ecosystems. Evaluation: Correct explanation of payment gateway functions, Identification of legal/ethical  issues.

UNIT 2 – Technology in E-Commerce

Activity 1: Case Study – Shopify Websites

Scenario:

Students explore Shopify-based small business sites.

Task: Analyze features of a Shopify store (design, responsiveness, content), Suggest 3  improvements for better customer experience.

Expected Outcome:

Students will understand CMS tools and good design practices.

Evaluation: Relevance of suggested improvements, Clarity of analysis.

UNIT 3 – CSS

Activity 1: Case Study – Homepage Redesign (FLIPKART)

Scenario:

Flipkart wants to revamp its homepage with modern CSS techniques.

Task: Suggest CSS improvements (color scheme, box model usage), Implement one of these  changes in a sample HTML page.

Expected Outcome: Students will apply CSS properties for real-world UI improvement. Evaluation: Creativity of suggestions, Correctness of CSS code.

Activity 2: Case Study – Netflix Interface Styling

Scenario: Analyze Netflix’s web interface for user experience.

Task: Identify 5 CSS techniques used (hover effects, transitions, grids). Replicate one effect  in a simple web page.

Expected Outcome: Students will recognize modern CSS practices.

Evaluation: Correct identification of techniques, Working replication of an effect.

Unit 4 – Client-Side Scripting

Case Study 1: Form Validation in IRCTC Booking Portal

Scenario: IRCTC uses JavaScript to validate passenger details (e.g., correct email format, age  range, date picker) before allowing ticket booking.

Activity: Study how form validation prevents incorrect inputs during online train booking,  Implement a simple form (name, email, age, travel date) and add JavaScript validation for each  field.

Outcome: Students will be able to write JavaScript for real-world form validation. Evaluation: Accuracy of validation logic, Correct handling of invalid inputs, Code structure  and usability.

Case Study 2: Client-Side Cart Updates in BigBasket

Scenario: BigBasket updates cart totals instantly when the user changes product quantity  without reloading the page.

Activity: Discuss how JavaScript DOM manipulation is used for updating totals. Create a  simple product list with quantities and update total cost dynamically using JavaScript. Outcome: Students will understand how JavaScript modifies the DOM in real-time. Evaluation: Functionality of dynamic updates, Correctness of calculations, Neat interface

UNIT 5 – Bootstrap

Activity 1: 

Case Study: Responsive Website for a Start-up

Scenario: A local bakery wants a responsive site using Bootstrap.

Task: Design a layout using Bootstrap grid, navbar, and carousel, Ensure the design adjusts  for mobile and desktop.

Expected Outcome: Students will learn to create responsive layouts.

Evaluation: Correct application of Bootstrap components, Responsiveness. Activity 2: 

Case Study: Zomato UI Components

Scenario: Study Zomato’s website UI elements.

Task: Identify Bootstrap-like components (cards, modals, navigation), Recreate one of these  components using Bootstrap in a sample page.

Expected Outcome: Students will apply Bootstrap UI concepts.

Evaluation: Correct recreation of components, Visual similarity and functionality.

 

 

 

 

 

 

 

SEM-II

COURSE 4: E-COMMERCE AND WEB APPLICATION DEVELOPMENT

Practical Credits: 1 2 hrs/week

List of Experiments:

1. Create a simple HTML page with:Headings, paragraphs, bold/italic text

2. Create a music promotion webpage (include audio and video files in your html page)

3. Create an online registration form

4. Create Grocery Lists for an E-commerce Website (OL: Top 5 fruits in demand, UL:  5 vegetables, DL: Terms – Fruits, Vegetables, Beverages (with definitions))

5. Create a Blog Article with Text Formatting (sample tasks: Bold the title; Italicize  author name; Highlight key points, Use subscript/superscript for scientific terms. highligth  the important lines etc)

6. Create a static product gallery page that displays 4 product images in a grid layout  (using HTML tables)

7. Create an interactive map using <map> and <area> tags where clicking on different  areas navigates to different pages.

8. Demonstrate the usage of hyper links : intra hyperlinks, external and internal hyperlinks

9. Create a table with columns: Bus No, Route, Departure Time, Arrival Time for 5 buses.

10. Demonstrate the usage of iframes.

11. Demonstrate Layout Design Using CSS Box Model.

12. Demonstrate linking an external CSS file to style a multi-page college website.

13. Demonstrate Styling Text, Colors, and Backgrounds.

14. Demonstrate CSS animation on page elements(text,images etc)

15. Create a webpage to Design an image gallery page for an art exhibition.( Apply  transitions and transforms for interactive effects like scale transform when an image is  hovered- Rotate an image slightly when clicked- Smooth transitions for hover effects)

16. Create webpages demonstrating the usage of CSS Animations and transitions and  transforms on images and text

17. Write a script to take two numbers as input and display their sum, difference, and  product using a function.

18. Validate a registration form (check for empty fields, valid email, and password length).

19. Create a webpage that changes background color when a button is clicked and displays  an alert when the page is loaded.

20. Create a web page with a list and buttons to Add, Remove, and Highlight list items  dynamically using JavaScript DOM methods.

21. Display a live digital clock on a web page using JavaScript (updates every second).

 22. Write a JavaScript program that greets the user with "Good Morning", "Good  Afternoon", or "Good Evening" based on the current system time.

23. Create a product showcase slideshow for an e-commerce homepage using JAVA  SCRIPT ( Use onclick events for "Next" and "Previous" buttons to navigate).

24. Create a small price calculator for an e-commerce page to calculate the final price of  a product after applying a discount/offers.

25. Create a navigation menu with hover effects for a website using CSS The top of the  page should have a navigation bar with links:

· Home

· Products

· Deals

· About

· Contact

 On hovering over these links, the color and background should change smoothly.

26. Create a featured products carousel for an online store homepage using Bootstrap. 27. Develop a responsive web-based virtual calculator interface using Bootstrap (Hint:  Use Bootstrap Grid System and Components to create a calculator interface. Apply Bootstrap  utilities for alignment, spacing, and button styling. Add basic functionality using JavaScript) 28. Mini Project: Build a single-page responsive portfolio combining HTML5, CSS,  JavaScript, and Bootstrap:

· Sections: Home, About, Projects, Contact

· Responsive layout

· Bootstrap components (navbar, carousel, buttons)

Note : The list of experiments is not limited to those mentioned above. A comprehensive set of  programming or software tool-based exercises may be developed by the respective faculty  members.

Comments

Post a Comment

Popular posts from this blog

SOFTWARE

Image
 01 Winrar -64-bit version-623 Download link click- 02 chrome setup Download link click- 03 Turbo-c Download link click-  Dev  C , C ++ 04 typing master 11 Download link click- 05 java software 64-bit version-8 Download link click-               64-bit                                        32-bit        06 Adobe-version-10 Download link click- 07 sublime text -64-version-4 Download link click- 08 python -64-bit-version-3.8.6 -32-bit-version-3.8.10 Download link click- 64-bit                                                  32-bit     09 MS-office 2007 Download link click-    Download link click-wps-office-2020    10 xampp ...
Read more

Unit 2: Foundations of Ownership, Security Related Concepts in Blockchain

  Unit 2: Foundations of Ownership, Security Related Concepts in Blockchain Foundations of Ownership In traditional systems, ownership is often documented and verified by centralized authorities (e.g., land registries, banks). In blockchain, ownership is established and proven through cryptographic methods, primarily using public-key cryptography . Public and Private Keys: Each user on a blockchain network has a unique pair of cryptographic keys: a public key and a private key. The public key acts as an address, similar to an account number, visible to everyone. It's used to receive assets or data. The private key is a secret code that grants control over the assets associated with the public key. Only the person possessing the private key can authorize transactions from that address. Digital Signatures: To prove ownership or authorize a transaction, a user digitally "signs" a message or transa...
Read more

Unit-1 Foundations of Software Systems and Blockchain

  Unit 1: Foundations of Software Systems and Blockchain 1. Layers of a Software System Software systems are typically organized into layers to separate responsibilities, improve maintainability, and allow independent scaling. Common layers include: Presentation Layer: Handles user interface (UI) and user interaction (e.g., web pages, mobile app screens). Application/Business Logic Layer: Contains the core business rules and orchestrates data flow, processing user requests (the "brains" of the application). Data Access Layer (DAL): Provides an interface for the application to interact with data storage, abstracting database complexities. Data Layer: The actual persistent storage for data (e.g., databases, file systems). This layered approach promotes modularity and makes systems easier to develop, test, and update. 2. Integrity Integrity in software systems ensures that data is accurate, consistent, and trustworth...
Read more

unit-1 E- Commerce

 pdf : download   1. Introduction to E-Commerce Definition: E-Commerce (Electronic Commerce) refers to the buying and selling of goods and services using the internet and electronic networks. It also includes online transactions, electronic payments, online marketing, and digital communication between businesses and customers.E-Commerce is the process of conducting commercial transactions such as purchasing, selling, transferring money, and exchanging information through electronic systems like the internet. Examples of E-Commerce ·          Online shopping websites (Amazon, Flipkart) ·          Online ticket booking ·          Online banking and payments ·          Food delivery apps ·          Digital services subscriptions Key Features of E-Commerce ·  ...
Read more

e com partical

Image
 1. Create a simple HTML page with:Headings, paragraphs, bold/italic text <!DOCTYPE html> <html> <head>     <title>Simple HTML Page</title> </head> <body>     <h1>Main Heading (H1)</h1>     <h2>Sub Heading (H2)</h2>     <h3>Smaller Heading (H3)</h3>     <p>This is a paragraph of text. HTML is used to structure content on the web.</p>     <p>         This text contains <b>bold text</b> and <i>italic text</i>.     </p>     <p>         You can also combine them like <b><i>bold and italic together</i></b>.     </p> </body> </html> 2. Create a music promotion webpage (include audio and video files in your html page) <!DOCTYPE html> <html> <head>     <title...
Read more

6)what are the various service of internet and protocols ICT-unit-1

Image
The Internet offers a wide range of services that cater to communication, information sharing, entertainment, and business operations. Below are some of the key services provided by the Internet: 1. World Wide Web (WWW) The World Wide Web is a vast collection of interlinked documents, websites, and multimedia content accessible through web browsers like Chrome, Firefox, and Safari. Uses: Accessing websites, reading articles, watching videos, conducting research, and browsing online content. Protocols: Primarily uses HTTP (Hypertext Transfer Protocol) and HTTPS (for secure communication). 2. Email (Electronic Mail) Email allows users to send and receive messages electronically over the Internet. Uses: Communication between individuals or organizations, file sharing, and business correspondence. Protocols: SMTP (Simple Mail Transfer Protocol), IMAP (Internet Message Access Protocol), and POP3 (Post Office Protocol). 3. File Transfer (FTP) The File Transfer Protocol (FTP) allows users to ...
Read more

Unit-II: HTML Coding Standards & Elements

  Unit-II: HTML Coding Standards & Elements 1. Coding Standards & Block Elements HTML Coding Conventions: ·          Lowercase Tags and Attributes: Always use lowercase for HTML tag and attribute names (e.g., <p> , <a> , href ). ·          Quoted Attribute Values: Enclose all attribute values in double quotes (e.g., <img src="image.jpg"> ). ·          Meaningful Indentation: Use consistent indentation (e.g., 2 or 4 spaces) to improve readability and show the hierarchical structure of the document. ·          Semantic HTML: Use HTML elements according to their meaning, not just their default styling (e.g., <h1> for a main heading, <p> for a paragraph). ·          Comments: Use comments (``) to explain complex or non-obviou...
Read more

Unit-V: Image Manipulations, Audio and Video & Introduction to JavaScript

  Unit-V: Image Manipulations, Audio and Video & Introduction to JavaScript I. Image Manipulations, Audio and Video This section focuses on integrating and controlling various media types within web pages, enhancing both aesthetics and functionality. A. Image Positioning and Display 1.       Position an Image: CSS position property: ·          static (default): Renders elements in normal document flow. ·          relative : Positions an element relative to its normal position. Use top , bottom , left , right for offset. Doesn't affect other elements' positions. ·          absolute : Positions an element relative to its nearest positioned ancestor (not static). Removed from normal flow. ·          fixed : Positions an element relative to the viewport . Stays in place ev...
Read more

digital marketing ppt-u1

 ppt unit 1-1   download unit 1-2 download unit 2-1 download unit 2-2 download Migrating from Traditional Channels to Digital Channels Migrating from traditional to digital channels can be a significant undertaking for businesses, but it can also lead to significant benefits, such as increased reach, improved customer engagement, and better data-driven decision-making. Here's a breakdown of the process: 1. Define Your Goals and Objectives: What are you hoping to achieve with your digital presence? What specific metrics will you use to measure success? Who is your target audience, and what are their digital habits? 2. Assess Your Current Situation: What are your strengths and weaknesses in terms of digital marketing? What resources do you have available (budget, personnel, technology)? What are the potential risks and challenges of migrating to digital? 3. Choose the Right Digital Channels: Social Media: Which platforms are your target audience most active on? S...
Read more