DOTWEB5(OJ7) Samples for WebApplication

Scroll Server with DotWeb5 (OJ7)
- Supports .web and .ojava7 formats.
Scroll Server with Java/J2EE and JDK 1.8 Compiler
- DotWeb5 compiler is not used here.
- JDK 1.8 is required because frameworks like Hibernate, MyBatis, Java Spring, and EJB are written in JDK 1.8.
- Limitations: JSP and Servlets do not work in Scroll Server, but EJB and JMS are supported.
Scroll Server with .java7 using DotWeb5 (OJ7) Compiler
Machine Learning and Data Science
- Supported through user-friendly frameworks (OJ7UA).
Advanced Samples
- Includes .web and DotWeb5 (OJ7) console applications.
Remote-X Application (Advanced)

Not yet released.

❓ Doubtful FAQs

Can DotWeb5 (OJ7) compiler work with JDK 1.8 and Java/J2EE frameworks?
- No.
Can DotWeb5 (OJ7) compile JDK 1.8 programs?
- No, it does not accept JDK 1.8 or later versions.
Is DotWeb5 (OJ7) a competitor to Java/J2EE?
- No, its business model is entirely different from Oracle’s.
Can DotWeb5 (OJ7) work as a standalone application?
- Yes, it functions independently of Java/J2EE.
Is DotWeb5 (OJ7) a secure programming language?

Yes, it is designed with high security in mind.

The Differences Between Java(JDK 1.8) or Java latest version and DotWeb5(OJ7) are given below...

⚠️ Demerits of Java/J2EE Programming Language

🔒 Why Java/J2EE Is Not Secure

Java programs are compiled into .class files. These files can be easily decompiled using tools such as JAD Decompiler, which converts compiled bytecode back into readable source code. As a result, sensitive information such as database connections and business logic becomes exposed, leading to a complete failure of security across Java JDK 1.8 and other versions.

📂 Example: MySQL Program in Java

import java.sql.*;

class MysqlCon{

public static void main(String args[]){

try{

Class.forName("com.mysql.jdbc.Driver");

Connection con=DriverManager.getConnection(

"jdbc:mysql://localhost:3306/wil","root","Dove12345");

//here sonoo is database name, root is username and password

Statement stmt=con.createStatement();

ResultSet rs=stmt.executeQuery("select * from emp");

while(rs.next())

System.out.println(rs.getInt(1)+" "+rs.getString(2)+" "+rs.getString(3));

con.close();

}catch(Exception e){ System.out.println(e);}

}

🔓 Decompiled Output (via JAD)

MysqlCon.jad

// Jad home page: http://www.kpdus.com/jad.html

// Decompiler options: packimports(3)

// Source File Name: MysqlCon.java

import java.io.PrintStream;

import java.sql.*;

class MysqlCon

{

MysqlCon()

{

}

public static void main(String args[])

{

try

{

Class.forName("com.mysql.jdbc.Driver");

Connection connection = DriverManager.getConnection("jdbc:mysql://localhost:3306/wil", "root", "Dove12345");

Statement statement = connection.createStatement();

for(ResultSet resultset = statement.executeQuery("select * from emp"); resultset.next(); System.out.println((new StringBuilder()).append(resultset.getInt(1)).append(" ").append(resultset.getString(2)).append(" ").append(resultset.getString(3)).toString()));

connection.close();

}

catch(Exception exception)

{

System.out.println(exception);

}

🚨 Security Implications

All database connections and business logic are visible to hackers.
Writing Java programs becomes risky, as attackers can easily steal data.
Vulnerabilities extend across EJB, Servlet, JSP, and JMS frameworks.
This is why Java/J2EE is considered weak in security.

🌟 Emergence of DotWeb5 (OJ7)

To address these shortcomings, a new interactive, secure, and advanced programming language was introduced: DotWeb5 (OJ7).

Created in DotWeb3.0 and Java JDK 1.6 by Wilmix Jemin J.
Designed to be highly secure, user-friendly, and cost-effective.
Supports advanced features like obfuscation, shortest function statements, and WNOSQL database integration.

🔤 Expansion of DotWeb5 (OJ7)

Dot→ stands for versatile and music.
W → Wilmix (Inventor)
E → Electronic (technology, business, internet: e-commerce, e-mail, e-learning)
B → Contextual meanings (brother, base, born, etc.)
5 → Adventure, linked to Remote-X Application
0 → Represents additional features in DotWeb5.0
O → Olive
J → Jemin
7 → Completeness, perfection, spirituality, and pursuit of knowledge

✅ Key Takeaway

Developers must understand the difference between DotWeb5 (OJ7) and JDK 1.8 to fully appreciate the security, efficiency, and advanced capabilities offered by DotWeb5 (OJ7).

📘 SAMPLE‑17: Performing an Autocomplete Operation

🔹 Overview

This sample demonstrates how to perform an autocomplete operation using DotWeb5 (OJ7) in combination with HTML and jQuery.

🖥️ DotWeb5 (OJ7) Program

<WEB> //start of DotWeb5(OJ7) program

<PACK> Program12 // create namespace as Program12 so that we can use this namespace as a library in

//another DotWeb5(OJ7) program

{

<CLASS> Prog // <CLASS> represents class

{

public void main() // C type main

{

HTML.displayhtml("autocomplete1.html"); // now your declare HTML.displayhtml //to load autocomplete1.html

<PRINTLN>("[");

<PRINTLN>("'JWEB(JDollar)',");

<PRINTLN>("'DOTWEB',");

<PRINTLN>("'DotWeb5(OJ7)',");

<PRINTLN>("'PHP',");

<PRINTLN>("'Python',");

<PRINTLN>("'C',");

<PRINTLN>("'DOTNET',");

<PRINTLN>("'JAVA',");

<PRINTLN>("'GO',");

<PRINTLN>("'Angularjs',");

<PRINTLN>("'Android',");

<PRINTLN>("'Bootstrap.js',");

<PRINTLN>("'JavaScript'");

<PRINTLN>("]");

// add the data values

HTML.displayhtml("autocomplete2.html");// now you declare HTML.displayhtml to load autocomplete2.html

}

🌐 HTML File (autocomplete2.html)

Autocomplete Example

autocomplete2.html

;

$( "#tags" ).autocomplete({

source: availableTags

});

} );

</script>

</head>

<body>

</div>

</body>

</html>

Tags:

📥 Input

A list of programming languages is added to the list box.

📤 Output

When you type a letter (e.g., J), the autocomplete will suggest Java,OakJava7

==============================================================================================================

✨ Unit 2: How a Normal Web Application Works in Dotweb5.0 ✨

====================================================================================================================

# ✨ Unit 2: How a Normal Web Application Works in Dotweb5.0 ✨

## 🌐 Overview

In **Dotweb5.0**, a normal web application works with two types of extensions:

- **`.scroll`** → Common extension for Dotweb5.0 and OakJava7, accepted by **ScrollServer**.

Used for constructing the **first webpage application**.

- **`.exe`** → Used as a **second-page application**, but only in **Dotweb5.0 Professional Edition**.

In the **Enterprise Edition**, `.scroll` is used for the first page, while the second page is a **Logic Page** (not `.exe`).

---

## 📝 Workflow of a Dotweb5.0 Web Application

1. The user submits a form (e.g., for insertion or login).

2. The request goes to the **Logic Page**, which displays the information provided in the registration page.

3. Data can be printed in a **table format**.

4. When **wnosql DB** is used, all requested values (via wnosql query) are listed on the Logic Page.

5. Form field values are not stored in the browser. Instead, they are securely saved in a file, ensuring that sensitive data

remains protected and cannot be exposed outside the application environment.

**J7Cookie** is different from a normal cookie (explained in the Cookies chapter).

---

## 📖 Example: Dotweb5.0 Web Application

**File: `jindex1.web`**

---

### 🔒 Security Setup

```dotweb5

<WEB>

// Load Security files

<USE> Security;

// Dotweb5 package

<PACK> web5array

```

---

### 🏗️ Program Structure

```dotweb5

<CLASS> Program {

public void main() {

<TRY> {

HTML.displayhtml("formdemowsql21.html");

// Add form field values to String

string fieldsname ="name1,uname1,password1,state1,coun<TRY>1,NOT";

<PRINTLN>("<!DOCTYPE html>");

<PRINTLN>("<BODY bgcolor=pink>");

<PRINTLN>("<form>");

```

---

### 📊 Handling Form Data

- **Dotweb5.Lib.AddDotWebJ7Request** retrieves form fields from `jindex1j7.dsn`.

- The `.dsn` file is dynamically created when navigating to the next webpage.

- Example:

```dotweb5

-- Here we follow shortcut method which is Dotweb5.Lib.AddDotWebJ7Request

-- where fieldsname contains fields string fieldsname= "name1,uname1,password1,state1,coun<TRY>1,NOT"

-- is passed to the Dotweb5.Lib.AddArrayListData(fieldsname) method and it is automatically added to arraylist

-- present in the method Dotweb5.Lib.AddArrayListData(fieldsname).

OJ7Lib.J7ArrayList armg= Dotweb5.Lib.AddDotWebJ7Request("jindex1j7.dsn" ,Dotweb5.Lib.AddArrayListData(fieldsname),5,1 );

```

- `5` → Number of fields in the form.

- `1` → Stores all field values.

- If `2` is used instead of `1`, only selected fields (name, password, country) are stored.

---

### 📋 Displaying Data in Table Format

```dotweb5

<PRINTLN>("<table bgcolor=gold>");

<PRINTLN>("<tr>");

<PRINTLN>(" <th>Name</th>");

<PRINTLN>(" <th>Username</th>");

<PRINTLN>(" <th>Password</th>");

<PRINTLN>(" <th>State</th>");

<PRINTLN>(" <th>Country</th>");

<PRINTLN>(" </tr>");

```

---

### ✅ Validation Logic

- The program validates:

- **Name** = "Admin"

- **Password** = "password"

If correct → Displays user details in a table with a **“Valid User”** message.

If incorrect → Displays **“Invalid User”** message.

---

### ⚙️ Exception Handling

```dotweb5

<CATCH> (Exception e) {

<PRINTLN>("Error.... " + e);

}

<Finally> {

<PRINTLN>("The Finally block is executed...");

}

```

---

📖 Complete Code for the given Example: Dotweb5.0 Web Application

// jindex1.web

// ========================================

// Example Dotweb5.0 Web Application

// ========================================

<WEB>

// Load Security files

<USE> Security;

// Dotweb5 package

<PACK> web5array;

<CLASS> Program {

public void main() {

<TRY> {

// Display the HTML form

HTML.displayhtml("formdemowsql21.html");

// Initialize form field values to string

string fieldsname ="name1,uname1,password1,state1,coun<TRY>1,NOT";

// Print basic HTML structure

<PRINTLN>("<!DOCTYPE html>");

<PRINTLN>("<html>");

<PRINTLN>("<body bgcolor='pink'>");

<PRINTLN>("<form>");

/*

-- Here we follow shortcut method which is Dotweb5.Lib.AddDotWebJ7Request

-- where fieldsname contains fields string fieldsname= "name1,uname1,password1,state1,coun<TRY>1,NOT"

-- is passed to the Dotweb5.Lib.AddArrayListData(fieldsname) method and it is automatically added to arraylist

-- present in the method Dotweb5.Lib.AddArrayListData(fieldsname).

OJ7Lib.J7ArrayList armg= Dotweb5.Lib.AddDotWebJ7Request("jindex1j7.dsn" ,Dotweb5.Lib.AddArrayListData(fieldsname),5,1 );

```

- `5` → Number of fields in the form.

- `1` → Stores all field values.

- If `2` is used instead of `1`, only selected fields (name, password, country) are stored.

*/

// The .dsn file is dynamically created when navigating to the next page

OJ7Lib.J7ArrayList armg= Dotweb5.Lib.AddDotWebJ7Request("jindex1j7.dsn" ,Dotweb5.Lib.AddArrayListData(fieldsname),5,1 );

// Build table to display results

<PRINTLN>("<table bgcolor='gold'>");

<PRINTLN>("<tr>");

<PRINTLN>("<th>Name</th>");

<PRINTLN>("<th>Username</th>");

<PRINTLN>("<th>Password</th>");

<PRINTLN>("<th>State</th>");

<PRINTLN>("<th>Country</th>");

<PRINTLN>("</tr>");

// Validate user credentials

for (int i = 0; i < armg.size() - 1; i += 4) {

String name = armg.get(i).ToString();

String username = armg.get(i + 1).ToString();

String password = armg.get(i + 2).ToString();

String state = armg.get(i + 3).ToString();

String country = armg.get(i + 4).ToString();

// Check if credentials are valid

if (name.Equals("Admin") && password.Equals("password")) {

<PRINTLN>("<tr>");

<PRINTLN>("<td>" + name + "</td>");

<PRINTLN>("<td>" + username + "</td>");

<PRINTLN>("<td>" + password + "</td>");

<PRINTLN>("<td>" + state + "</td>");

<PRINTLN>("<td>" + country + "</td>");

<PRINTLN>("</tr>");

<PRINTLN>("<br><marquee>Valid User!</marquee><br>");

} else {

<PRINTLN>("<br><marquee>Invalid User!</marquee><br>");

break;

}

// Close table and form

<PRINTLN>("</table>");

<PRINTLN>("</form>");

<PRINTLN>("</body>");

<PRINTLN>("</html>");

}

<CATCH> (Exception e) {

<PRINTLN>("Error: " + e);

}

<Finally> {

<PRINTLN>("The Finally block is executed...");

}

🌐 Dotweb5.0 Web Application – View Part

formdemowsql21.html

<html>

<body>

<tr>

<td>

<h2>

<center>Enter Your Form Details</center>

</a>

</h2>

</td>

</tr>

<tr>

<td>

<p>Enter Your Name:

</p>

</td>

</tr>

<tr>

<td>

<p>Enter Your Username:

</p>

</td>

</tr>

<tr>

<td>

<p>Enter Your Password:

</p>

</td>

</tr>

<tr>

<td>

<p>Choose Your State:

</p>

</td>

</tr>

<tr>

<td>

<p>Choose Your Country:

</p>

</td>

</tr>

<tr>

<td>

<h2>

<a href="#chapter2">REGISTER</a>

</h2>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</form>

</body>

</html>

## 🌟 Key Takeaways

1. Dotweb5.0 uses for the first page and a Logic Page for the second.

2. .exe files are only supported in the Professional Edition, not in the Enterprise Edition.

3. The Logic Page processes form submissions, displays registration data, and interacts with wnosql DB queries.

4. Validation ensures secure login and controlled data display.

5. Form field values are not stored in the browser. Instead, they are securely saved in a file,

ensuring that sensitive data remains protected and cannot be exposed outside the application environment.

6. J7Cookie is different from a normal cookie (explained in the Cookies chapter).

7. Exception handling ensures robustness and reliability in the application workflow.

---

# ⚙️ Running the Scroll Server in Dotweb5.0 ⚙️

---

## 🚀 Starting the Server

To run the **Scroll Server** in Dotweb5.0, follow these steps:

1. Navigate to the correct directory.

2. Type the command:

```

ScrollServer1.0.3-EnterpriseEditionv.1.exe --Start

```

3. Alternatively, you can use the **EnlightEditor** to run Dotweb5.0 web files.

---

## 📂 Configuration File (params.txt)

In the `params.txt` file, you must specify the correct directory path.

Here is an example configuration:

```

############################################################################

# #

# Configuration File for WILMIX CAT Web Server #

# #

############################################################################

# Directive ServerRoot holds the path of the publication directory

ServerRoot d:\WOJ3\project\bin\apps\wilmix

# Directive Port contains the listening server port number

Port 9000

# Directive Welcome specifies the welcome page

Welcome /

# Directive Icons contains the virtual directory name where server icons are located

Icons d:\WOJ3\project\bin\apps\wilmix

# Directive LogFile indicates the path of the server log file

LogFile 10.29.153.50

# Path for the location of the WebServer

Serverpath d:\WOJ3\project\bin\apps\wilmix

# Server validity time

Validitytime 15/05/2027

# Server status (on/off); type Dotweb3.0 code if on

ServerStatus jit-https-77plJSTAR123$$

```

---

## 🔑 Password Information

The password for the Scroll Server is:

```

jit-https-77plJSTAR123$

```

---

## 🌟 Key Notes

- Always ensure the **directory path** in `params.txt` matches your project location.

- The **Port** directive defines the server’s listening port (default: 9000).

- The **ServerStatus** directive must be set correctly for the server to run.

- The password is required for secure access to the Scroll Server.

Here’s a clear **step‑by‑step startup guide** for running the Scroll Server in Dotweb5.0, written in checklist format so you can follow it easily:

---

# ✅ Step‑by‑Step Guide to Running Scroll Server

---

## 1. 📂 Navigate to the Directory

- Open your terminal or command prompt.

- Go to the directory where **ScrollServer1.0.3-EnterpriseEditionv.1.exe** is located.

Example:

```

cd d:\WOJ3\project\bin\apps\wilmix

```

---

## 2. ▶️ Start the Scroll Server

- Run the following command:

```

ScrollServer1.0.3-EnterpriseEditionv.1.exe --Start

```

- Alternatively, you can use **EnlightEditor** to run Dotweb5.0 web files.

---

## 3. 📝 Configure params.txt

- Open the `params.txt` file.

- Ensure the following directives are correctly set:

```

ServerRoot d:\WOJ3\project\bin\apps\wilmix

Port 9000

Welcome /

Icons d:\WOJ3\project\bin\apps\wilmix

LogFile 10.29.153.50

Serverpath d:\WOJ3\project\bin\apps\wilmix

Validitytime 15/05/2020

ServerStatus jit-https-77plJSTAR123$$

```

---

## 4. 🔑 Password Setup

- The password for the Scroll Server is:

```

jit-https-77plJSTAR123$

```

- Keep this password secure, as it is required for server authentication.

---

## 5. 📊 Verify Server Status

- After starting, check the server log file (`LogFile`) to confirm it is running.

- Ensure the **Port (9000)** is listening.

- Confirm that the **ServerStatus** directive is set to `on` (Dotweb3.0 code).

---

## 6. 🌐 Access the Web Application

- Open a browser and go to:

```

http://localhost:9000/

```

- You should see the **welcome page** or your configured Dotweb5.0 application.

---

## ✨ Quick Checklist

- [ ] Navigate to correct directory

- [ ] Run `ScrollServer...exe --Start`

- [ ] Configure `params.txt` properly

- [ ] Secure the password

- [ ] Verify server logs and port

- [ ] Access via browser

---

# ⏹️ Stopping the Scroll Server

To stop the **Scroll Server** in Dotweb5.0:

- Simply press **CTRL + C** in the terminal or command prompt window where the server is running.

- This command will terminate the server process and shut it down safely.

---

## 🌟 Key Note

Always ensure you stop the server properly using **CTRL + C** before closing the terminal, to avoid leaving background processes running.

---

🎉✨ Program Output ✨🎉

📸 Note on Screenshot

Note: This screenshot shows the first page (Scroll Page) and the second page (Logic Page) of the Dotweb5.0 application.

===============================================================================================================

📸 Note on Screenshot

Note: The screenshot of the Dotweb5.0 application with the Scroll Server Welcome Page is shown below.

If you don't type http://localhost:9000/index.html or you type wrongly like http://localhost:9000/index

it will display "Page Not Found" error.

==============================================================================================================

🌟 Sorting Objects in Dotweb5.0

# 🌟 Sorting Objects in Dotweb5.0

### A Demonstration with Employee and Student Classes

---

## 📖 Scenario

In my scenario:

1. I created an **Employee class** which contains the fields: `Id`, `Name`, and `Salary`.

- I want to sort the employees based on:

- **Name**

- **Salary**

2. I created a **Student class** which contains the fields: `StudentId`, `Name`, `Class`, and `TotalMarks`.

- I want to sort the students based on **Total Marks**.

---

This program illustrates how to **sort objects dynamically** in Dotweb5.0 using a **generic BubbleSort method**. The example covers two scenarios:

1. **Employee Class** → Sorted by *Name* and *Salary*

2. **Student Class** → Sorted by *Total Marks*

3. **Use Dotweb5.0 Web1.0 Theme only

---

## 📑 Program Structure

- **Employee Class**

- Fields: `Id`, `Name`, `Salary`

- **Student Class**

- Fields: `StudentId`, `Name`, `Class`, `TotalMarks`

- **Program Class**

- Contains the `main()` method

- Demonstrates sorting and displays results in **HTML card format**

---

## ⚙️ Sorting Logic

- The program uses:

- `SortedType.SortByObject.BubbleSort()`

- A **lambda selector** (`e @L e.Name`, `e @L e.Salary`, `s @L s.TotalMarks`)

- This makes the sorting **generic and reusable** for any object type.

---

## 🎨 Output Presentation

The results are displayed with **HTML styling** for clarity and attraction:

- **Card Layouts** → neatly separate each sorted result.

- **Headings and Titles** → emphasize the sorting criteria.

- **Line Breaks** → improve readability.

---

🌟 GUI HTML for this given SortByObjects.web program is

Sortingdecasc.html

<head>

<title>Dotweb5.0 Theme</title>

//Calling WEB1.0 Style Sheet for DOTWEB5.0 Theme

</head>

<BODY>

<h2>Sort by Employee Name and Employee Salary and Sort By Student Total Marks </h2>

---

-

## 📑 Dotweb5.0 Code

**File:** `SortByObjects.web`

```dotweb5

<WEB>

<USE> format;

<PACK> sorting

{

public <CLASS> Employee

{

public int Id;

public string Name;

public double Salary;

}

// Example Student class

public <CLASS> Student

{

public int StudentId;

public string Name;

public string Class;

public int TotalMarks;

}

<CLASS> Program

{

public void main()

{

Employee[] employees = {

new Employee { Id = 1, Name = "Charlie", Salary = 5000 },

new Employee { Id = 2, Name = "Alice", Salary = 7000 },

new Employee { Id = 3, Name = "Bob", Salary = 6000 }

};

// Sort employees by Name

SortedType.SortByObject.BubbleSort(employees, e @L e.Name);

<PRINTLN>("<HTML>");

// J7HTML will print one blank line for the Html contents

J7HTML.displayhtml("Sortingdecasc.html");

<PRINTLN>("<div <CLASS>=\"card\">");

<PRINTLN>("Employees sorted by Name:");

<PRINTLN>("<BR><BR>");

foreach (var emp in employees)

<PRINTLN>(emp.Id+ " - "+ emp.Name +" - "+ emp.Salary+" | ");

<PRINTLN>("<BR><BR>");

<PRINTLN>("</div>");

// Sort employees by Salary

SortedType.SortByObject.BubbleSort(employees, e @L e.Salary);

<PRINTLN>("<div <CLASS>=\"card\">");

<PRINTLN>("\nEmployees sorted by Salary:");

<PRINTLN>("<BR><BR>");

foreach (var emp in employees)

<PRINTLN>(emp.Id+" - "+ emp.Name+" - "+ emp.Salary +" | ");

<PRINTLN>("<BR><BR>");

<PRINTLN>("</div>");

// Now with Students

Student[] students = {

new Student { StudentId = 101, Name = "David", Class = "10A", TotalMarks = 450 },

new Student { StudentId = 102, Name = "Eva", Class = "10B", TotalMarks = 480 },

new Student { StudentId = 103, Name = "Frank", Class = "10A", TotalMarks = 420 }

};

// Sort students by TotalMarks

<PRINTLN>("<div <CLASS>=\"card\">");

SortedType.SortByObject.BubbleSort(students, s @L s.TotalMarks);

<PRINTLN>("<BR><BR>");

<PRINTLN>("\nStudents sorted by Total Marks:");

<PRINTLN>("<BR><BR>");

foreach (var stu in students)

<PRINTLN>(stu.StudentId+" - "+ stu.Name +" - "+ stu.Class +" - "+stu.TotalMarks+" | ");

<PRINTLN>("<BR><BR>");

<PRINTLN>("</div>");

}

```

---

## 🎨 Output

==============================================================================================================

Sort by Employee Name and Salary and Sort by Student Total Marks using Dotweb5.0 Theme

==============================================================================================================

### 📖 Design a Elevator using DOTWEB5.0

# 🚇 Elevator Simulation in Dotweb5.0

### 📖 Scenario

An elevator begins at the **First Floor**, waits for **10 seconds**, then the door closes and it moves to the **Second Floor**.

At each floor:

- The **door opens**

- A **horn sound** is heard

- The elevator **waits for 10 seconds**

- The **door closes**

This continues until the elevator reaches the **Fifth Floor**, where it again waits for 10 seconds before closing the door.

---

## 🏢 First Floor

- Door opens

- Horn sound heard

- Door remains open for 10 seconds

- Door closes

---

## 🏢 Second Floor

- Door opens

- Horn sound heard

- Door remains open for 10 seconds

- Door closes

---

## 🏢 Third Floor

- Door opens

- Horn sound heard

- Door remains open for 10 seconds

- Door closes

---

## 🏢 Fourth Floor

- Door opens

- Horn sound heard

- Door remains open for 10 seconds

- Door closes

---

## 🏢 Fifth Floor

- Door opens

- Horn sound heard

- Door remains open for 10 seconds

- Door closes

---

### ✨ Key Highlights

- **Horn Sound**: Signals arrival at each floor.

- **Timed Wait**: Ensures passengers have 10 seconds to enter or exit.

- **Sequential Flow**: Elevator progresses floor by floor until the fifth.

- **Decorative Output**: Each floor’s actions are displayed inside a **card layout** for clarity.

### 📖 DOTWEB5.0 Program For Elevator

<WEB>

<USE> Java7sound;

<USE> format;

<USE> System.Threading;

<PACK> Elevator

{

<CLASS> Lifts

{

public void main()

{

<PRINTLN>("<HTML>");

int floorno=1;

J7HTML.displayhtml("Sortingdecasc.html");

if (floorno==1)

{

<PRINTLN>("<div <CLASS>=\"card\">");

<PRINTLN>("First floor door open");

<PRINTLN>("<BR><BR>");

Program.java7sound();

<PRINTLN>("<BR><BR>");

for (int i = 0; i < 5; i++)

{

<PRINTLN>("Door open for 2 seconds."); <PRINTLN>("<BR><BR>");

Thread.Sleep(2000);

}

<PRINTLN>("<BR><BR>");

<PRINTLN>("First floor door closed");

<PRINTLN>("</div>");

}

<PRINTLN>("<BR><BR></div>");

floorno++;

<PRINTLN>("<div <CLASS>=\"card\">");

if (floorno==2)

{

<PRINTLN>("Second floor door open");

Program.java7sound();

for (int i = 0; i < 5; i++)

{

<PRINTLN>("Door open for 2 seconds.");<PRINTLN>("<BR><BR>");

Thread.Sleep(2000);

}

<PRINTLN>("Second floor door closed");

}

<PRINTLN>("<BR><BR></div>");

floorno++;

<PRINTLN>("<div <CLASS>=\"card\">");

if (floorno==3)

{

<PRINTLN>("Third floor door open");

Program.java7sound();

<PRINTLN>("<BR><BR>");

for (int i = 0; i < 5; i++)

{

<PRINTLN>("Door open for 2 seconds.");<PRINTLN>("<BR><BR>");

Thread.Sleep(2000);

}

<PRINTLN>("Third floor door closed");

}

<PRINTLN>("<BR><BR></div>");

floorno++;

<PRINTLN>("<div <CLASS>=\"card\">");

if (floorno==4)

{

<PRINTLN>("Fourth floor door open");

Program.java7sound();

<PRINTLN>("<BR><BR>");

for (int i = 0; i < 5; i++)

{

<PRINTLN>("Door open for 2 seconds.");<PRINTLN>("<BR><BR>");

Thread.Sleep(2000);

}

<PRINTLN>("Fourth floor door closed");

}

<PRINTLN>("<BR><BR></div>");

floorno++;

<PRINTLN>("<div <CLASS>=\"card\">");

if (floorno==5)

{

<PRINTLN>("Fifth floor door open");

<PRINTLN>("<BR><BR>");

Program.java7sound();

for (int i = 0; i < 5; i++)

{

<PRINTLN>("Door open for 2 seconds.");<PRINTLN>("<BR><BR>");

Thread.Sleep(2000);

}

<PRINTLN>("<BR><BR>");

<PRINTLN>("Fifth floor door closed");

<PRINTLN>("</div>");

}

<PRINTLN>("</body></HTML>");

}

### 📖 Output For Elevator

Here’s a polished version of your explanation with standard English and attractive headings to make it clear and professional:

🌐 Dotweb5.0 Template with Web1.0 Programming Language

📌 Program Overview

In the given .web program, we are invoking an HTML file (j7UserLogin.html) using the following structure:

<WEB>

<PACK> ScrollServer

{

<CLASS> Programs

{

public void main()

{

<TRY>

{

HTML.displayhtml("j7UserLogin.html");

}

<CATCH> (Exception e)

{

<PRINTLN>("Error.... " + e);

}

{

<PRINTLN>("The Finally block is executed...");

}

This program demonstrates exception handling with <TRY>, <CATCH>, and <Finally> blocks while displaying the j7UserLogin.html page.

🖥️ j7UserLogin.html Structure

🔹 Head Section

<head>

<title>User Login</title>

</head>

The page title is User Login.
A Web1.0 style sheet (modelbox1.WS) is invoked from the local server ie) Web1.0 Wilmix cat Server

🔹 Body Section

<body onLoad="disableClick()" oncontextmenu="return false"

background="https://picsum.photos/200/300/?random" bgcolor="gold">

Security features: Right-click is disabled, and clicks are restricted.
Background: A random image is loaded with a golden background color.

🔹 Sign-Up Modal

<h2><a href="#chapter1">Enter your Details</a></h2>

<p><label> Password: <input type="password" name="password" size="15" /></label></p>

</div>

</form>

</div>

Modal Window: Displays a sign-up form when the button is clicked.
Form Action: Submits data to OakJ7Process.web5 running on port 9000.
Fields: Username and password input fields with submit/reset options.

🔹 Footer Section

</div>

A footer with copyright.

🔹 Script for Modal Behavior

var modal = document.getElementById('id01');

window.onclick = function(event) {

if (event.target == modal) {

modal.style.display = "none";

}

</script>

Ensures the modal closes when clicking outside of it.

✨ Key Highlights

Dotweb5.0 + Web1.0 Integration: Demonstrates how modern templates can invoke legacy-style sheets (.WS).
Robust Exception Handling: Java7 program ensures errors are caught and handled gracefully.
User-Friendly Design: Modal-based login form with clear input fields.
Security Features: Disabled right-click and restricted clicks for protection.
Professional Footer: Branding and rights reserved notice.

===============================================================================================================

✨ OUTPUT

=============================================================================================================

🚀 Dotweb5.0 Advanced Concepts – Part 1 (With Example)

=============================================================================================================

🌐 Java7 Collection (OJ7)

OakJava7 (Java7.0), also known as OJ7, is a powerful collection framework that integrates with Dotweb5.0. It allows developers to insert, update, and merge data seamlessly with executables.

✨ Inserting Data into Collection Memory

To store an ArrayList inside the Java7.0 collection memory, use:

Java7Collection.InsertQUERY(<String data>);

This ensures your dynamic list data is preserved in the collection memory.

🔗 Merging Executable Output with ArrayList

You can merge the output of an executable (e.g., Elevator.exe) with the inserted ArrayList:

Java7Collection.QUERY(<String data>, "<application.exe>");

This feature highlights integration between program data and external applications.

📥 Retrieving Previous Data

To fetch previously stored data from the Java7 collection and place it into the ArrayList at index 0:

Java7Collection.QUERY();

This demonstrates data persistence and retrieval.

🧪 Sample Program Demonstration

The Box.Java7 program showcases:

Object creation (Box1, Box2)
Volume calculation
ArrayList operations (add, remove, search, update)
Java7Collection integration

🖥️ Output Highlights

The program produces:

📋 List Output → Results of ArrayList operations
🚀 Elevator Output → Merged executable output

🧪 Sample Program Demonstration : Box.Java7

Below is a sample program demonstrating these advanced OakJava7 features.

Box1.java7

<JAVA>

// CUTIL Package

<USE> CUTIL;

<PACK> BoxApplication

{

<CLASS> Box

{

private double length; // Length of a box

private double breadth; // Breadth of a box

private double height; // Height of a box

public void setLength(double len) { length = len; }

public void setBreadth(double bre) { breadth = bre; }

public void setHeight(double hei) { height = hei; }

public double getVolume() { return length * breadth * height; }

}

<CLASS> Boxtester

{

public void main()

{

Box Box1 <NEW> Box();

Box Box2 <NEW> Box();

double volume;

// Box1 specification

Box1.setLength(6.0);

Box1.setBreadth(7.0);

Box1.setHeight(5.0);

// Box2 specification

Box2.setLength(12.0);

Box2.setBreadth(13.0);

Box2.setHeight(10.0);

// Volume of Box1

volume = Box1.getVolume();

<PRINTLN>("Volume of Box1 :" + volume);

// Volume of Box2

volume = Box2.getVolume();

<PRINTLN>("Volume of Box2 :" + volume);

// ArrayList operations

CUTIL.ArrayList x <NEW> CUTIL.ArrayList();

<PRINTLN>("Initial size is " + x.size());

if (x.isEmpty())

<PRINTLN>("The list is empty");

else

<PRINTLN>("The list is not empty");

// Insert previous data from Java7Collection

x.add(0, Java7Collection.QUERY());

x.add(1, (6));

x.add(0, (1));

x.add(2, (4));

<PRINTLN>("List size is " + x.size());

<PRINTLN>("The list is " + x);

// Switch-case demonstration

String JAVA5 = "Java 5";

String JAVA6 = "Java 6";

String JAVA7 = "Java 7";

int c = 1;

switch (c) {

case 1: <PRINTLN>(JAVA5); break;

case 2: <PRINTLN>(JAVA6); break;

case 3: <PRINTLN>(JAVA7); break;

}

<TRY>

{

Java7Collection.InsertQUERY(x.ToString()); // Insert ArrayList into Java7 collection memory

Java7Collection.QUERY(x.ToString(), "Elevator"); // Merge Elevator.exe output with ArrayList

}

<CATCH> (<EXE> e) {}

// Index operations

int index = x.indexOf((4));

if (index < 0)

<PRINTLN>("4 not found");

else

<PRINTLN>("The index of 4 is " + index);

index = x.indexOf((3));

if (index < 0)

<PRINTLN>("3 not found");

else

<PRINTLN>("The index of 3 is " + index);

// Get elements

<PRINTLN>("Element at 0 is " + x.get(0));

<PRINTLN>("Element at 3 is " + x.get(3));

// Remove elements

<PRINTLN>(x.remove(1) + " removed");

<PRINTLN>("The list is " + x);

<PRINTLN>(x.remove(2) + " removed");

<PRINTLN>("The list is " + x);

if (x.isEmpty())

<PRINTLN>("The list is empty");

else

<PRINTLN>("The list is not empty");

<PRINTLN>("List size is " + x.size());

}

Here’s a clear explanation of the Box.Java7 program you shared, focusing on how it demonstrates adding, removing, and updating elements in CUTIL.ArrayList along with integration of Java7Collection:

🔹 Program Overview

The program defines two classes:

Box → Represents a 3D box with length, breadth, and height, and provides methods to calculate its volume.
Boxtester → Acts as the driver class, testing both the Box class and the advanced OakJava7 collection features (CUTIL.ArrayList and Java7Collection).

🔹 Key Concepts Demonstrated

1. Creating and Using Boxes

Two Box objects (Box1 and Box2) are created.
Their dimensions are set using setter methods.
Volumes are calculated and printed using getVolume().

This part shows basic object-oriented programming in OakJava7.

2. Working with CUTIL.ArrayList

The program then shifts to collection handling using CUTIL.ArrayList.

➤ Adding Elements

x.add(0, Java7Collection.QUERY()); // Inserts previous data from Java7Collection at index 0

x.add(1, (6));

x.add(0, (1));

x.add(2, (4));

Elements are inserted at specific indices.
Notice that inserting at index 0 shifts existing elements forward.

➤ Checking Size and Emptiness

<PRINTLN>("Initial size is " + x.size());

if (x.isEmpty()) <PRINTLN>("The list is empty");

Demonstrates how to check if the list has elements.
Shows dynamic resizing behavior of ArrayList.

3. Updating Previous Data

Java7Collection.InsertQUERY(x.ToString());

Java7Collection.QUERY(x.ToString(), "Elevator");

The current ArrayList contents are inserted into Java7Collection memory.
Then, the program merges the ArrayList output with an executable (Elevator.exe).
This illustrates updating stored data with new values and combining outputs.

4. Searching Elements

int index = x.indexOf((4));

Finds the index of a given element.
If not found, prints "not found".

5. Retrieving Elements

<PRINTLN>("Element at 0 is " + x.get(0));

<PRINTLN>("Element at 3 is " + x.get(3));

Accesses elements by index.
Demonstrates random access capability of ArrayList.

6. Removing Elements

<PRINTLN>(x.remove(1) + " removed");

<PRINTLN>(x.remove(2) + " removed");

Removes elements at specified indices.
Shows how the list shrinks and reorders itself after removal.

🔹 Output Behavior

The program produces:

Box Volumes → Volume of Box1 and Box2.
ArrayList Operations → Insertions, removals, size checks, and element retrievals.
Java7Collection Integration → Previous data retrieval, insertion, and merging with executable output.
Final List State → Displays the updated list after modifications.

✨ Explanation in Simple Terms

Add → You can insert new elements or previous stored data into the list.
Remove → You can delete elements by index, and the list reorganizes itself.
Update → You can push the current list back into Java7Collection memory, effectively refreshing stored data.
Merge → You can combine list data with external executable outputs for advanced integration.

Got it — let’s make each heading attractive and engaging so your explanation feels polished and professional. I’ll add a touch of style and emphasis to draw attention to each section:

🌟 Program Overview

This program demonstrates object-oriented design with the Box class and advanced collection handling using CUTIL.ArrayList and Java7Collection.

📦 Creating and Using Boxes

Two Box objects are created, dimensions are set, and volumes are calculated.
This shows the foundation of encapsulation and method usage in OakJava7.

🗂️ Working with CUTIL.ArrayList

The program highlights how to:

Add elements at specific positions
Check size and emptiness
Display contents dynamically

This section illustrates the flexibility of dynamic lists compared to static arrays.

🔄 Updating Previous Data

Using Java7Collection.InsertQUERY() and Java7Collection.QUERY(), the program:

Inserts the current ArrayList into Java7Collection memory
Merges the ArrayList with external executable output (Elevator.exe)

This demonstrates data persistence and integration with external applications.

🔍 Searching Elements

The indexOf() method is used to locate elements in the list.
If the element is not found, the program prints a clear message.
This shows search functionality within collections.

📖 Retrieving Elements

The get() method retrieves elements by index.
This highlights random access capability, allowing direct retrieval without iteration.

❌ Removing Elements

The remove() method deletes elements at specific indices.
After removal, the list automatically reorganizes itself.
This demonstrates dynamic memory management in collections.

🖥️ Output Behavior

The final output includes:

Box volumes (calculated from dimensions)
ArrayList operations (insert, update, remove, search)
Java7Collection integration (previous data + executable merge)
Final list state after all modifications

✨ In Simple Terms

Add → Insert new or previous data into the list.
Remove → Delete elements and watch the list adjust.
Update → Refresh stored data with current values.
Merge → Combine list data with external outputs.

🖥️ Output

==============================================================================================================

🌐 Dotweb5.0 with AngularJS

This section demonstrates how Dotweb5.0 integrates with AngularJS to create interactive forms.
We will build a program (w3j7forms.java7) that displays different messages and titles based on user selection.

📝 Program Requirement

Create a file named w3j7forms.java7.
Use AngularJS with three option boxes:
- Dogs → Displays “Welcome to the World of Dogs” with title Dogs
- Tutorials → Displays “Learn from examples” with title Tutorials
- Cars → Displays “Read about cars” with title Cars

💻 Dotweb5.0 Program (w3j7forms.java7)

<JAVA>

<PACK> Program5

{

<CLASS> w3Prog

{

public void main()

{

HTML.displayhtml("w3forms.html");

}

🌐 AngularJS Form (w3forms.html)

<!DOCTYPE html>

<html>

<form>

Pick a topic:

<input type="radio" ng-model="myVar" value="dogs">Dogs

<input type="radio" ng-model="myVar" value="tuts">Tutorials

<input type="radio" ng-model="myVar" value="cars">Cars

</form>

<p>Welcome to the World of Dogs.</p>

</div>

<h1>Tutorials</h1>

<p>Learn from examples.</p>

</div>

<p>Read about cars.</p>

</div>

<p>The ng-switch directive hides and shows HTML sections depending on the value of the radio buttons.</p>

</body>

</html>

🎨 Output (with .soweb Styling)

The output will be displayed in an attractive format using .soweb styling:

When Dogs is selected → Title: Dogs, Message: Welcome to the World of Dogs
When Tutorials is selected → Title: Tutorials, Message: Learn from examples
When Cars is selected → Title: Cars, Message: Read about cars

✨ OUTPUT

This is about How to use Dotweb5.0 with Angularjs..

=========================================================================================================

🚀 Integrating DotWeb5.0 and OakJava7 Streams 🚀

==========================================================================================================

# 🌿 OakJava7 Streams

### ✨ Overview

OakJava7 Streams (OakJava7Streams) are designed to **optimize code execution** and simplify iteration. They provide **built-in shortcut functions** that make data traversal faster and more concise compared to traditional streams.

OakJava7Streams emphasize:

- ⚡ **Performance** – faster than conventional streams

- 🧩 **Shortcut Functions** – reduce boilerplate code

- 🎨 **Beautiful Syntax** – clean, readable, and expressive

- 🔄 **Flexible Iteration** – forward or backward traversal in a single statement

---

### 🔑 Key Feature Example

```oakjava7

<J7ITERATOR>(listtype1, 3, listtype1.size());

```

- `listtype1` → the list being traversed

- `3` → indicates backward traversal

- `listtype1.size()` → specifies the endpoint

👉 In most programming languages, iterating elements requires a `while` loop with multiple lines.

With OakJava7 Streams, iteration is reduced to **one elegant statement**.

---

🌐 Example Programs for Oakjava7 Streams is given below...

oj7stream255.web

<WEB>

//load the util package OJ7UTIL

<USE> OJ7UTIL;

<PACK> console {

public <CLASS> oj7stream255 {

public void main() {

Stream()->

// Print line breaks

<PRINTLN>("<BR>"); <PRINTLN>("<BR>");

Stream.Generate(() -> {

<PRINTLN>("<BR>"); <PRINTLN>("<BR>");

<PRINTLN>("----------------------------------------------");

<PRINTLN>("<BR>");

<PRINTLN>("----------------------------------------------");

<PRINTLN>("<BR>"); <PRINTLN>("<BR>");

<J7PRINT>("welcome");

<PRINTLN>("<BR>"); <PRINTLN>("<BR>");

// Example object array

object[] arg12 = {1, 5, 3, 89, 45};

// Example string of comma-separated values

string w1 = "13,5,17,9,11,25,27,131";

<PRINTLN>("<BR>");

// Convert comma-separated string to ArrayList using <AUTOBOX_ARRAY>

<OJ7UTIL>.ArrayList list235 = <AUTOBOX_ARRAY>(w1);

<PRINTLN>("<BR>");

<PRINTLN>("----------------------------------------------");

<PRINTLN>("<BR>"); <PRINTLN>("<BR>");

// Display object array contents without spaces

<J7ForLoopDisplayt1>(arg12);

<PRINTLN>("<BR>");

// Display object array contents with spaces

// Demonstrates minimizing a for-loop to a single statement

<J7ForLoopDisplayt2>(arg12);

<PRINTLN>("<BR>"); <PRINTLN>("<BR>");

// Use OakJava7 Iterator to traverse list in insertion order

OJ7UTIL.ArrayList ar99t1 = <J7ITERATOR>(list235, 1, 0);

<PRINTLN>("<BR>");

<PRINTLN>("List in Insertion Order: <BR>");

<OJ7Displayt2>(ar99t1);

<PRINTLN>("<BR>");

// Traverse list in forward order

OJ7UTIL.ArrayList ar991 = <J7ITERATOR>(list235, 2, 0);

<PRINTLN>("List in Insertion Order - Front: <BR>");

<OJ7Displayt1>(ar991);

<PRINTLN>("<BR>"); <PRINTLN>("<BR>");

// Traverse list in backward order

<PRINTLN>("List in Insertion Order - Back: <BR>");

OJ7UTIL.ArrayList ar992 = <J7ITERATOR>(list235, 3, list235.size());

<PRINTLN>(ar992);

<PRINTLN>("<BR>");

<PRINTLN>("----------------------------------------------");

<PRINTLN>("<BR>");

})->

}->

}}}

### 🛠 Built-in OakJava7 Statements (Brief Explanation)

- **`<PRINTLN>`** → Prints output with line breaks

- **`<J7PRINT>`** → Prints output without line breaks

- **`<AUTOBOX_ARRAY>`** → Converts comma-separated strings into ArrayLists

- **`<J7ForLoopDisplayt1>`** → Displays array contents without spaces

- **`<J7ForLoopDisplayt2>`** → Displays array contents with spaces

- **`<J7ITERATOR>`** → Iterates lists in forward or backward order

- **`<OJ7Displayt1>` / `<OJ7Displayt2>`** → Displays ArrayList contents in different formats

---

### 📌 Example Use Cases

- **Forward Iteration** → `<J7ITERATOR>(list, 2, 0)`

- **Backward Iteration** → `<J7ITERATOR>(list, 3, list.size())`

- **Insertion Order Display** → `<OJ7Displayt2>(list)`

---

## 📖 Further Reading

**Note:**

For more detailed information about OakJava7 Streams, please refer to the **OakJava7 Tutorial when it is released**.

---

🌐 OUTPUT

================================================================================================================

# 🔐✨ **DotWeb5.0 Encryption with OakJava7 ** ✨🔐

===============================================================================================================

## 📌 Program Overview

This program demonstrates how **DotWeb5.0** integrates with **OakJava7 encryption functions** to securely process text.

It shows both **encryption** and **decryption** operations using concise OakJava7 syntax.

```

# 🔐✨ **DotWeb5.0 Encryption with OakJava7 ** ✨🔐

---

## 📌 Program Overview

This program demonstrates how **DotWeb5.0** integrates with **OakJava7 encryption functions** to securely process text.

It shows both **encryption** and **decryption** operations using concise OakJava7 syntax.

---

## 🛠 Example Program

```Dotweb5.0

<WEB>

<PACK> j7security1 {

<CLASS> Prog {

public void main() {

// Display HTML page with gold background

<PRINTLN>("<html><body bgcolor=gold");

// Encrypt the given text using OakJava7's j7Encrypt function

string sop = j7security.Ojava7Process.j7Encrypt(

"wilmix is going1 , cat is going , dog is chasing cat"

);

// Print the encrypted output

<PRINTLN>("Encrypt=" + sop);

<PRINTLN>("<BR><BR><BR><BR><BR><BR>");

<PRINTLN>("------------------------------------------------------------");

<PRINTLN>("<BR><BR>");

// Encrypt another text string

string sop1 = j7security.Ojava7Process.j7Encrypt(

"wilmix is going , cat is going , dog is chasing cat"

);

// Print the encrypted output

<PRINTLN>("Encrypt=" + sop1);

<PRINTLN>("<BR><BR><BR><BR>");

// Decrypt the text using OakJava7's Decrypt function

<PRINTLN>("Decrypt=" + j7security.Ojava7Process.Decrypt());

<PRINTLN>("<BR><BR><BR><BR>");

// Close HTML body

<PRINTLN>("</body></html>");

<PRINTLN>("------------------------------------------------------------");

}

```

---

## 🔑 Brief Explanation of Steps

- **HTML Setup:**

Prints an HTML body with a gold background for styled output.

- **Encryption (j7Encrypt):**

The `j7Encrypt` function takes a plain text string and returns its encrypted format.

- **Output Display:**

Encrypted text is displayed with line breaks and separators for clarity.

- **Decryption (Decrypt):**

The `Decrypt` function is called to convert the encrypted text back to its original form.

- **Final Output:**

Results are shown inside a styled HTML page.

---

🌐 OUTPUT

==========================================================================================================

⚡📊 **DotWeb5.0 WNOSQL Program with OakJava7 Soweb Template** 📊⚡

===========================================================================================================

---

## 📝 Question

**Question:**

Write a **WNOSQL program** to list all the items from the `datastorehg` table using the **OakJava7 Soweb template**.

- Display the results in the format **A1 A2**.

- Calculate the **time taken** to list all the data from `datastorehg`.

- Implement the solution using **DotWeb5.0**.

---

## 💻 Program

```dotweb5

<WEB>

<USE> Security; // Load security packages

<USE> fx; // Load file packages

<WNOSQL> // Load WNOSQL packages for database connections

<PACK> Program8 {

<CLASS> Prog {

public void main() {

// Read the file path from filepath.txt sequentially

String fpath = fx.FileSequentialAccess.Read("filepath.txt");

// Pass the file path to WDBASQLS for database setup

String g = WDBASQL.WDBASQLS("datastores", "USEDATABASE", "dbpwds", fpath);

// Establish connection using WDBASQLS with user credentials

String t = WDBASQL.WDBASQLS("dbuser", "dbpwds", 1, "wilmix78", "wilmix78", 1, 5, g);

// Query to list all 3000 records from datastorehg in format A1 A2

String qh2 = "SelectAll from datastorehg 4 to 3004 , 1 to 1 ?= A By 1 1 : {0} : {0} :{0}";

// Execute the SelectAll query

wdbaconn.WDBAQUERY(qh2);

<PRINTLN>("<BR>");

// Record start time using DateTime

DateTime aDate = DateTime.Now;

<PRINTLN>(aDate.ToString("HH:mm:ss"));

<PRINTLN>("<BR>");

// Convert query results into ArrayList format

OJ7Lib.J7ArrayList ar= new OJ7Lib.J7ArrayList();

// WDBALIB.WDBAQUERY will return list format , so convert to String format by replacing "[" and "]" with spaces

String data=WDBALIB.WDBAQUERY(qh2, t).ToString().Replace("[","").Replace("]","");

//there are 3004 datas in the table

for (int i=0;i< 3004;i++)

// Past the String data into <AUTOBOX_ARRAY> , which will convert data to Arraylist data by i th element

ar.add( i,<AUTOBOX_ARRAY>(data).get(i).ToString());

//<PRINTLN>(ar.get(0));

// Print the data in A1 A2 format using <J7PRINT>

// There are 2 columns and so the arraylist is incremented by 2

for (int i = 2; i < ar.size(); i += 2) {

// Represent ith data

<J7PRINT>(" " + ar.get(i).ToString());

// Represent i+1 data ie) Next data

<J7PRINT>(" " + ar.get(i + 1).ToString());

<PRINTLN>("<BR>");

}

<PRINTLN>("<BR>");

// Record end time using DateTime

DateTime aDate1 = DateTime.Now;

<PRINTLN>(aDate1.ToString("HH:mm:ss"));

}

```

---

## 🔎 Explanation of Program Steps

- **Security & Utility Packages:**

Loads required packages for secure database access, utility functions, and file handling.

- **File Path Access:**

Reads the database file path from `filepath.txt` using sequential file access.

- **Database Connection:**

Uses `WDBASQLS` to establish a connection with the datastore using credentials.

- **Query Execution:**

Runs a `SelectAll` query to fetch 3000 records from the `datastorehg` table.

- **Time Measurement:**

Captures the start and end time using `DateTime.Now` to calculate the time taken for listing.

- **Data Listing (A1 A2 Format):**

Iterates through the ArrayList results and prints them in pairs (`A1 A2`) using `<J7PRINT>`.

---

📘 Explanation of Program8 (Dotweb5.0 / OakJava7)

🔹 Package Imports

<USE> Security; → Loads security-related packages.
<USE> fx; → Loads file-handling packages.
<WNOSQL> → Loads WNOSQL packages for database connections.

🔹 Program Structure

<PACK> Program8 {

<CLASS> Prog {

public void main() {

Defines the main program class and entry point.

📂 File Handling

String fpath = fx.FileSequentialAccess.Read("filepath.txt");

Reads the file path sequentially from filepath.txt.
This path is later used for database setup.

🗄️ Database Setup

String g = WDBASQL.WDBASQLS("datastores", "USEDATABASE", "dbpwds", fpath);

Passes the file path to WDBASQLS for database initialization.

String t = WDBASQL.WDBASQLS("dbuser", "dbpwds", 1, "wilmix78", "wilmix78", 1, 5, g);

Establishes a database connection using user credentials.

📊 Query Execution

String qh2 = "SelectAll from datastorehg 4 to 3004 , 1 to 1 ?= A By 1 1 : {0} : {0} :{0}";

wdbaconn.WDBAQUERY(qh2);

Defines a query to list 3000 records from datastorehg in A1 A2 format.
Executes the query using WDBAQUERY.

⏱️ Time Logging

DateTime aDate = DateTime.Now;

<PRINTLN>(aDate.ToString("HH:mm:ss"));

Records and prints the start time.
Later, another timestamp is recorded as the end time.

📋 Converting Results to ArrayList

OJ7Lib.J7ArrayList ar = new OJ7Lib.J7ArrayList();

String data = WDBALIB.WDBAQUERY(qh2, t).ToString().Replace("[","").Replace("]","");

Converts query results into a string format by removing brackets.
Iterates through 3004 records and adds them into an ArrayList using <AUTOBOX_ARRAY>.

🖨️ Printing Results

for (int i = 2; i < ar.size(); i += 2) {

<J7PRINT>(" " + ar.get(i).ToString());

<J7PRINT>(" " + ar.get(i + 1).ToString());

<PRINTLN>("<BR>");

}

Prints the data in A1 A2 format.
Since there are two columns, the ArrayList is incremented by 2 for each iteration.

⏱️ End Time

DateTime aDate1 = DateTime.Now;

<PRINTLN>(aDate1.ToString("HH:mm:ss"));

Records and prints the end time after query execution and data processing.

🖥️ Summary

Security, file, and WNOSQL packages are loaded for program execution.
The program reads a file path, sets up a database connection, and executes a query to retrieve 3000+ records.
Results are converted into an ArrayList and printed in A1 A2 format.
Start and end times are logged to measure execution duration.

🌐 OUTPUT

=========================================================================================================

---

🌐 DOTWEB5.0 WebApplication Advanced Concepts : Type - 1

⚡📊 **DotWeb5.0 WNOSQL Program with OakJava7 Soweb Template, Display 12,000 Records only with in few seconds** 📊⚡

==========================================================================================================

## 📝 Question

**Question:**

Write a **WNOSQL program** to Display 12,000 records from the `datastorehg` table using the **OakJava7 Soweb template**.

- Display the results in the format **A1 A2**.

- Calculate the **time taken** to list all the data from `datastorehg`.

- Implement the solution using **DotWeb5.0**.

- Time should not exceed 3 seconds.

---

## 💻 Program

```dotweb5

```

<WEB>

<USE> Security; // Load security packages

<USE> fx; // Load file packages

<WNOSQL> // Load WNOSQL packages for database connections

<PACK> Program8 {

<CLASS> Prog {

public void main() {

// Read the file path from filepath.txt sequentially

String fpath = fx.FileSequentialAccess.Read("filepath.txt");

// Pass the file path to WDBASQLS for database setup

String g = WDBASQL.WDBASQLS("datastores", "USEDATABASE", "dbpwds", fpath);

// Establish connection using WDBASQLS with user credentials

String t = WDBASQL.WDBASQLS("dbuser", "dbpwds", 1, "wilmix78", "wilmix78", 1, 5, g);

// Query to list all 3000 records from datastorehg in format A1 A2

String qh2 = "SelectAll from datastorehg 4 to 3004 , 1 to 1 ?= A By 1 1 : {0} : {0} :{0}";

// Execute the SelectAll query

wdbaconn.WDBAQUERY(qh2);

<PRINTLN>("<BR>");

// Record start time using DateTime

DateTime aDate = DateTime.Now;

<PRINTLN>(aDate.ToString("HH:mm:ss"));

<PRINTLN>("<BR>");

// Convert query results into J7ArrayList format

OJ7Lib.J7ArrayList ar= new OJ7Lib.J7ArrayList();

// WDBALIB.WDBAQUERY will return list format , so convert to String format by replacing "[" and "]" with spaces

String data=WDBALIB.WDBAQUERY(qh2, t).ToString().Replace("[","").Replace("]","");

//there are 3004 datas in the table

for (int i=0;i< 3004;i++)

// Past the String data into <AUTOBOX_ARRAY> , which will convert data to Arraylist data by Ith element

ar.add( i,<AUTOBOX_ARRAY>(data).get(i).ToString());

// Print the data in A1 A2 format using <J7PRINT>

for (int i = 2; i < ar.size(); i += 2) {

<J7PRINT>(" " + ar.get(i).ToString());

<J7PRINT>(" " + ar.get(i + 1).ToString());

<PRINTLN>("<BR>");

}

<PRINTLN>("<BR>");

// Query to list all 3000 records from datastorehg in format A1 A2

String qh3 = "SelectAll from datastorehg 4 to 3004 , 1 to 1 ?= A By 1 1 : {0} : {0} :{0}";

// Execute the SelectAll query

wdbaconn.WDBAQUERY(qh3);

// Convert query results into J7ArrayList format

OJ7Lib.J7ArrayList ar1= new OJ7Lib.J7ArrayList();

// WDBALIB.WDBAQUERY will return list format , so convert to String format by replacing "[" and "]" with spaces

String data2=WDBALIB.WDBAQUERY(qh3, t).ToString().Replace("[","").Replace("]","");

//there are 3004 datas in the table

for (int i=0;i< 3004;i++)

// Past the String data2 into <AUTOBOX_ARRAY> , which will convert data to Arraylist data by Ith element

ar1.add( i,<AUTOBOX_ARRAY>(data2).get(i).ToString());

// Print the data in A1 A2 format using <J7PRINT>

for (int i = 2; i < ar1.size(); i += 2) {

<J7PRINT>(" " + ar1.get(i).ToString());

<J7PRINT>(" " + ar1.get(i + 1).ToString());

<PRINTLN>("<BR>");

}

<PRINTLN>("<BR>");

// Query to list all 3000 records from datastorehg in format A1 A2

String qh4 = "SelectAll from datastorehg 4 to 3004 , 1 to 1 ?= A By 1 1 : {0} : {0} :{0}";

// Execute the SelectAll query

wdbaconn.WDBAQUERY(qh4);

// Convert query results into J7ArrayList format

OJ7Lib.J7ArrayList ar2= new OJ7Lib.J7ArrayList();

// WDBALIB.WDBAQUERY will return list format , so convert to String format by replacing "[" and "]" with spaces

String data3=WDBALIB.WDBAQUERY(qh4, t).ToString().Replace("[","").Replace("]","");

//there are 3004 datas in the table

for (int i=0;i< 3004;i++)

// Past the String data into <AUTOBOX_ARRAY> , which will convert data to Arraylist data by Ith element

ar2.add( i,<AUTOBOX_ARRAY>(data3).get(i).ToString());

// Print the data in A1 A2 format using <J7PRINT>

for (int i = 2; i < ar2.size(); i += 2) {

<J7PRINT>(" " + ar2.get(i).ToString());

<J7PRINT>(" " + ar2.get(i + 1).ToString());

<PRINTLN>("<BR>");

}

<PRINTLN>("<BR>");

// Query to list all 3000 records from datastorehg in format A1 A2

String qh5 = "SelectAll from datastorehg 4 to 3004 , 1 to 1 ?= A By 1 1 : {0} : {0} :{0}";

// Execute the SelectAll query

wdbaconn.WDBAQUERY(qh5);

// Convert query results into J7ArrayList format

OJ7Lib.J7ArrayList ar3= new OJ7Lib.J7ArrayList();

// WDBALIB.WDBAQUERY will return list format , so convert to String format by replacing "[" and "]" with spaces

String data4=WDBALIB.WDBAQUERY(qh5, t).ToString().Replace("[","").Replace("]","");

//there are 3004 datas in the table

for (int i=0;i< 3004;i++)

// Past the String data into <AUTOBOX_ARRAY> , which will convert data to Arraylist data by Ith element

ar3.add( i,<AUTOBOX_ARRAY>(data4).get(i).ToString());

// Print the data in A1 A2 format using <J7PRINT>

for (int i = 2; i < ar3.size(); i += 2) {

<J7PRINT>(" " + ar3.get(i).ToString());

<J7PRINT>(" " + ar3.get(i + 1).ToString());

<PRINTLN>("<BR>");

}

<PRINTLN>("<BR>");

// Record end time using DateTime

DateTime aDate1 = DateTime.Now;

<PRINTLN>(aDate1.ToString("HH:mm:ss"));

}

---

## 🔎 Explanation of Program Steps

- **Security & Utility Packages:**

Loads required packages for secure database access, utility functions, and file handling.

- **File Path Access:**

Reads the database file path from `filepath.txt` using sequential file access.

- **Database Connection:**

Uses `WDBASQLS` to establish a connection with the datastore using credentials.

- **Query Execution:**

Runs a `SelectAll` query to fetch 12000 records from the `datastorehg` table batch by batch ...

- **Time Measurement:**

Captures the start and end time using `DateTime.Now` to calculate the time taken for listing.

- **Data Listing (A1 A2 Format):**

Iterates through the ArrayList results and prints them in pairs (`A1 A2`) using `<J7PRINT>`.

---**Display 12000 Records with in 3 seconds using the same logic.

Disadvantage of using this forloop repeated 4 times result not in best Time complexity

How will you solve it ? Is it possible?

Yes, that can only be solved using Oakjava7

We can see it briefly later ........

Note: Here in this example to display 12,000 records take only few seconds to display in a webpage.

🌐 OUTPUT

============================================================================================================

🌐 DOTWEB5.0 WebApplication Advanced Concepts : Type - 2

==============================================================================================================

# 📑 Question: InvoiceBill Mini Project

## 🌐 Dotweb5.0 + AngularJS + OakJava7

### Question

**Design and implement a Single Page Application (SPA) for an Invoice Bill system using Dotweb5.0, AngularJS, and OakJava7.**

---

## 🎯 Requirements

1. **Frontend (AngularJS):**

- Create an `InvoiceBill.html` form that collects customer details, billing details, product details, and bank details.

- Use AngularJS `ng-model` for two-way data binding.

- Ensure that when the form is submitted, the invoice bill is displayed on the same page (SPA principle).

2. **Backend (OakJava7):**

- Write an `InvoiceBill.web` program that:

- Retrieves submitted form data using `Dotweb5.Lib.AddDotWebJ7Request`.

- Applies business logic to calculate:

- Base amount (`qty × rate`)

- CGST (`rate1% of amount`)

- SGST (`rate2% of amount`)

- Total amount after tax.

- Dynamically generates HTML tables to display invoice details (customer, product, tax, and bank information).

- Redirects back to the same page to maintain SPA behavior.

3. **Database Integration (Dotweb5.0 + WNoSQL):**

- Connect to WNoSQL database using secure credentials.

- Split invoice data into two tables:

- **Invoicebill** → Customer and product details.

- **Invoicebill2** → Rate, discount, tax, and bank details.

- Insert collected data into respective tables using Dotweb5.0 query methods.

---

## 📘 Expected Output

- A **Single Page Application** where:

- The user enters invoice details in the AngularJS form.

- The OakJava7 backend processes the data, applies business logic, and stores it in WNoSQL tables.

- The invoice bill is displayed dynamically on the same page with formatted HTML tables.

- The system shows customer details, product details, tax calculations, and bank details.

---

## ✅ Deliverables

- **InvoiceBill.html** (AngularJS frontend form).

- **InvoiceBill.web** (OakJava7 backend with Dotweb5.0 integration).

- **Database schema and queries** for WNoSQL storage.

- **Documentation** explaining the workflow: frontend → backend → database → output.

---

# 📑 InvoiceBill Project Documentation

## 🌐 Single Page Application (SPA)

### 🔹 Definition of SPA

A **Single Page Application (SPA)** is a web application or website that interacts with the user

by dynamically rewriting parts of the current page instead of loading entire new pages from the server.

This approach improves speed, responsiveness, and user experience.

---

# 🧾 Frontend Program: AngularJS

## 🎯 Purpose

The frontend collects customer, billing, product, and bank details through a structured form. Once submitted, the data is processed and displayed dynamically on the same page, demonstrating the SPA principle.

## 💻 File: **InvoiceBill.html**

```html

<!DOCTYPE html>

<html>

<head>

<title>Invoice Bill Entry</title>

</head>

<body>

<tr>

<h2><td><a href="#chapter1"><center>Enter Your Invoice Bill Customer Details</center></a></td></h2>

</tr>

<tr><td>Customer Address: <input type="text" name="CADDRESS" ng-model="caddress" /></td></tr>

<tr><td>Invoice Number: <input type="number" name="invoiceno" ng-model="invoiceno" /></td></tr>

<tr><td>Invoice Date: <input type="text" name="invoicedate" ng-model="invoicedate" /></td></tr>

<tr><td>Reverse Charge: <input type="text" name="reversecharge" ng-model="reversecharge" /></td></tr>

<tr><td>State: <input type="text" name="state" ng-model="state" /></td></tr>

<tr><td>Billing Address: <input type="text" name="BADDRESS" ng-model="BADDRESS" /></td></tr>

<tr><td>GSTIN: <input type="text" name="gstin" ng-model="gstin" /></td></tr>

<tr><td>State: <input type="text" name="state1" ng-model="state1" /></td></tr>

<tr><td>Product Description: <input type="text" name="productdescription" ng-model="productdescription" /></td></tr>

<tr><td>Quantity: <input type="number" name="qty" ng-model="qty" /></td></tr>

<tr><td>Discount: <input type="number" name="discount" ng-model="discount" /></td></tr>

<tr><td>Amount in Words: <input type="text" name="Amountinwords" ng-model="Amountinwords" /></td></tr>

<tr><td>Bank Account: <input type="text" name="bankaccount" ng-model="bankaccount" /></td></tr>

<tr><td><h2><a href="#chapter2">REGISTER</a></h2></td></tr>

<tr>

</tr>

</table>

</form>

</body>

</div>

</html>

```

---

# ⚙️ Backend Program: OakJava7 +Dotweb5.0+ WNoSQL

## 🎯 Purpose

The backend processes submitted data, applies business logic for invoice calculation,

stores data in **WNoSQL databases**, and renders the invoice bill in a formatted HTML page.

## 💻 File: **InvoiceBill.web**

---

# 📑 InvoiceBill Backend Program

## ⚙️ OakJava7 + WNoSQL +Dotweb5.0 Implementation

InvoiceBill.web

<JAVA>

// use Dotweb5 util packages and Oakjava7 security packages

<USE> Security;

<USE> fx;

// Use Wnosql packages

<PACK> Program8

{

<CLASS> Prog

{

public void main()

{

// Design Invoice Bill form

HTML.displayhtml("Invoicebill.html");

// Add what are the fields you want for preparing Invoice bill

string fields = "CADDRESS,invoiceno,invoicedate,reversecharge,state,code,name,BADDRESS,gstin,state1,code1,sno,productdescription,hsncode,qty,rate,discount,rate1,rate2,Amountinwords,bname,bankaccount,bankifsc,NOT";

<PRINTLN>("<HTML>");

<PRINTLN>("<head> <style>");

<PRINTLN>("table {");

<PRINTLN>(" width:100%;");

<PRINTLN>("}");

<PRINTLN>("table, th, td {");

<PRINTLN>("border: 1px solid black;");

<PRINTLN>(" border-collapse: collapse;");

<PRINTLN>("}");

<PRINTLN>("th, td {");

<PRINTLN>(" padding: 5px;");

<PRINTLN>(" text-align: left;");

<PRINTLN>("}");

<PRINTLN>("table#t01 tr:nth-child(even) {");

<PRINTLN>(" background-color: grey;");

<PRINTLN>("}");

<PRINTLN>("table#t01 tr:nth-child(odd) {");

<PRINTLN>("background-color:yellow;");

<PRINTLN>("}");

<PRINTLN>("table#t01 th {");

<PRINTLN>(" background-color: black;");

<PRINTLN>("color: white;");

<PRINTLN>("}");

<PRINTLN>("</style>");

<PRINTLN>("</head>");

<PRINTLN>("<BODY >");

<PRINTLN>("<form>");

OJ7Lib.J7ArrayList armg= Dotweb5.Lib.AddDotWebJ7Request("InvoiceBilloj7.dsn" ,Dotweb5.Lib.AddArrayListData(fields),23,1 );

//Design a html page for submiting all the 23 fields data ...

string CADDRESS=armg.get(0).ToString();

string invoiceno=armg.get(1).ToString();

string invoicedate=armg.get(2).ToString();

string reversecharge=armg.get(3).ToString();

string state=armg.get(4).ToString();

string code=armg.get(5).ToString();

string name=armg.get(6).ToString();

string BADDRESS=armg.get(7).ToString();

string gstin=armg.get(8).ToString();

string state1=armg.get(9).ToString();

string code1=armg.get(10).ToString();

string sno=armg.get(11).ToString();

string productdescription=armg.get(12).ToString();

string hsncode=armg.get(13).ToString();

string qty=armg.get(14).ToString();

string rate=armg.get(15).ToString();

string discount=armg.get(16).ToString();

string rate1=armg.get(17).ToString();

string rate2=armg.get(18).ToString();

string Amountinwords=armg.get(19).ToString();

string bname=armg.get(20).ToString();

string bankaccount=armg.get(21).ToString();

string bankifsc=armg.get(22).ToString();

// Use OakJava7 Servlet to print the form in webpage

<PRINTLN>("<table id=t01 width=1027 height=210 border=1 bgcolor=#fff >");

<PRINTLN>(" <tr> ");

<PRINTLN>(" <td height=135><div align=center><strong><address> ");

<PRINTLN>(""+CADDRESS);

<PRINTLN>("</address></strong></div></p> <p align=right><strong>Triplicate for</strong></p>");

<PRINTLN>(" <p align=right><strong>Supplier</strong></p></td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>("<tr> ");

<PRINTLN>(" <td><div align=center><span <CLASS>=style12>Tax Invoice</span></div></td>");

<PRINTLN>(" </tr> ");

<PRINTLN>("</table> ");

<PRINTLN>("<table id=t01 width=1027 border=1 bgcolor=#fff> ");

<PRINTLN>("<tr> ");

<PRINTLN>(" <td width=506><strong>Invoice No: </strong>"+invoiceno+"</td> ");

<PRINTLN>("<td width=503></td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>(" <tr> ");

<PRINTLN>("<td><strong>Invoice date: </strong>"+invoicedate+"</td> ");

<PRINTLN>("<td> </td> ");

<PRINTLN>("</tr> ");

<PRINTLN>("</table> ");

<PRINTLN>("<table id=t01 width=1027 border=1 bgcolor=#fff> ");

<PRINTLN>("<tr> ");

<PRINTLN>("<td width=436><strong>Reverse Charge(Y/N):</strong>"+reversecharge+"</td> ");

<PRINTLN>(" <td width=63> </td> ");

<PRINTLN>(" <td width=505> </td> ");

<PRINTLN>("</tr> ");

<PRINTLN>("</table> ");

<PRINTLN>("<table id=t01 width=1027 border=1 bgcolor=#fff> ");

<PRINTLN>("<tr> ");

<PRINTLN>("<td width=337><strong>State:</strong>"+ state+"</td> ");

<PRINTLN>("<td width=94><strong>Code </strong></td> ");

<PRINTLN>(" <td width=63> "+code+"</td> ");

<PRINTLN>(" <td width=504> </td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>("</table> ");

<PRINTLN>("<table id=t01 width=1027 border=1 bgcolor=#fff>");

<PRINTLN>("<tr> ");

<PRINTLN>("<td width=506><div align=center <CLASS>=style13>Bill to Party </div></td> ");

<PRINTLN>(" <td width=503><div align=center><span <CLASS>=style13>Ship to party </span></div></td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>("</table> ");

<PRINTLN>("<table id=t01 width=1027 border=1 bgcolor=#fff> ");

<PRINTLN>("<tr> ");

<PRINTLN>("<td width=506><strong>Name:</strong>"+name+"</td> ");

<PRINTLN>(" <td width=505><strong>Name:</strong>"+name+"</td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>("<tr> ");

<PRINTLN>("<td><strong>Address:</strong>"+ BADDRESS+"</td> ");

<PRINTLN>(" <td><strong>Address:</strong>"+ BADDRESS+"</td> ");

<PRINTLN>("</tr> ");

<PRINTLN>(" <tr> ");

<PRINTLN>(" <td><strong>GSTIN:</strong>"+gstin+"</td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>("</table> ");

<PRINTLN>("<table id=t01 width=1027 border=1 bgcolor=#fff> ");

<PRINTLN>("<tr> ");

<PRINTLN>(" <td width=340><strong>State:</strong>"+state1+"</td> ");

<PRINTLN>(" <td width=98><strong>Code:</strong></td> ");

<PRINTLN>(" <td width=54> "+code1+"</td> ");

<PRINTLN>(" <td width=380><strong>State:</strong>"+state1+"</td> ");

<PRINTLN>(" <td width=76><strong>Code:</strong></td> ");

<PRINTLN>(" <td width=39> "+code1+"</td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>("</table> ");

<PRINTLN>("<table id=t01 width=1027 border=1 bgcolor=#fff> ");

<PRINTLN>("<tr> ");

<PRINTLN>(" <td width=24 height=68><span <CLASS>=style8>S.NO</span></td> ");

<PRINTLN>(" <td width=130> <div align=center <CLASS>=style7>Product Description </div></td> ");

<PRINTLN>(" <td width=41><p <CLASS>=style6>HSNCode</p> </td> ");

<PRINTLN>(" <td width=49><div align=center <CLASS>=style6>Qty</div></td> ");

<PRINTLN>("<td width=73><div align=center <CLASS>=style6>Rate</div></td> ");

<PRINTLN>(" <td width=97><div align=center <CLASS>=style6>Amt</div></td> ");

<PRINTLN>(" <td width=54><div align=center><span <CLASS>=style1><strong>Discount</strong></span></div></td> ");

<PRINTLN>(" <td width=75><span <CLASS>=style6>TaxableValue</span></td> ");

<PRINTLN>(" <td width=134><table id=t01 width=210 border=1> ");

<PRINTLN>(" <tr> ");

<PRINTLN>(" <td width=200><div align=center <CLASS>=style4>CGST</div></td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>("<tr> ");

<PRINTLN>("<td><table id=t01 width=200 border=1 bgcolor=#fff> ");

<PRINTLN>(" <tr> ");

<PRINTLN>(" <td><div align=center <CLASS>=style7>Rate</div></td> ");

<PRINTLN>(" <td><span <CLASS>=style7>Amt</span></td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>(" </table></td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>(" </table></td> ");

<PRINTLN>("<td width=160><table id=t01 width=200 border=1> ");

<PRINTLN>(" <tr> ");

<PRINTLN>(" <td><div align=center <CLASS>=style4>SGST</div></td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>(" <tr> ");

<PRINTLN>("<td><table id=t01 width=200 border=1 bgcolor=#fff> ");

<PRINTLN>(" <tr> ");

<PRINTLN>(" <td><div align=center <CLASS>=style6>Rate</div></td> ");

<PRINTLN>(" <td><span <CLASS>=style6>Amt</span></td> ");

<PRINTLN>("</tr> ");

<PRINTLN>(" </table></td> ");

<PRINTLN>("</tr> ");

<PRINTLN>(" </table></td> ");

<PRINTLN>(" <td width=110><div align=center <CLASS>=style4>TOTAL</div></td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>("</table> ");

<PRINTLN>("<table id=t01 width=1027 border=1 bgcolor=#fff> ");

<PRINTLN>("<tr> ");

<PRINTLN>("<td align=right width=24><p> "+sno+"</p> ");

<PRINTLN>("<td align=right width=93> "+productdescription+"</td> ");

<PRINTLN>(" <td align=right width=54 > "+hsncode+"</td> ");

<PRINTLN>(" <td align=right width=38 > "+qty+"</td> ");

<PRINTLN>(" <td align=right width=50 > "+rate+"</td> ");

//Write the business logic for InvoiceBill

double amount =(Convert.ToDouble(qty)) * (Convert.ToDouble(rate));

double amount1= ((Convert.ToDouble(rate1)/100) * Convert.ToDouble(amount));

double amount2= ((Convert.ToDouble(rate2)/100) * Convert.ToDouble(amount));

<PRINTLN>(" <td align=right width=65 > "+amount+"</td> ");

<PRINTLN>(" <td align=right width=49 > "+discount+"</td> ");

<PRINTLN>(" <td align=right width=74 > "+amount+"</td> ");

<PRINTLN>("<td align=right width=85> "+rate1+"</td> ");

<PRINTLN>("<td align=right width=99> "+amount1+"</td> ");

<PRINTLN>(" <td align=right width=85 > "+rate2+"</td> ");

<PRINTLN>(" <td align=right width=85> "+amount2+"</td> ");

//Business logic

double totalamount= amount+amount1+amount2;

<PRINTLN>(" <td align=right width=85> "+totalamount+"</td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>("</table> ");

<PRINTLN>("<table id=t01 width=1027 height=65 border=1 bgcolor=#fff> ");

<PRINTLN>("<tr> ");

<PRINTLN>("<td width=134><div align=center <CLASS>=style9><strong>TOTAL</strong></div></td> ");

<PRINTLN>(" <td width=47> </td> ");

<PRINTLN>(" <td width=37>"+qty+"</td> ");

<PRINTLN>(" <td width=51> </td> ");

<PRINTLN>(" <td width=74><div align=center>"+amount+"</div></td> ");

<PRINTLN>("<td width=65><div align=right>"+discount+"</div></td> ");

<PRINTLN>(" <td width=43><div align=right>"+amount+"</div></td> ");

<PRINTLN>("<td width=103> </td> ");

<PRINTLN>("<td width=101><div align=right>"+amount1+"</div></td> ");

<PRINTLN>(" <td width=205><div align=right>"+amount2+"</div></td> ");

<PRINTLN>(" <td width=95><div align=right>"+totalamount+"</div></td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>("</table> ");

<PRINTLN>("<table id=t01 width=1027 border=1 bgcolor=#fff> ");

<PRINTLN>("<tr> ");

<PRINTLN>(" <td width=487><div align=center><strong>Total Invoice amount in words </strong></div></td> ");

<PRINTLN>("<td width=88 <CLASS>=style15><span <CLASS>=style21>Total Amount Before Tax: </span></td> ");

<PRINTLN>(" <td <CLASS>=style15> "+amount+"</td> ");

<PRINTLN>("</tr> ");

<PRINTLN>(" <tr> ");

// note Amountinwords default is NIL

<PRINTLN>("<td><div align=center><input type=text name=Amountinwords value =NIL > </div></td> ");

<PRINTLN>("<td><table id=t01 width=544 border=1 bgcolor=#fff> ");

<PRINTLN>("<tr> ");

<PRINTLN>(" <td width=420 <CLASS>=style15><strong>Add: CGST </strong></td> ");

<PRINTLN>(" <td width=88 <CLASS>=style15> "+amount1+"</td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>(" <tr> ");

<PRINTLN>("<td <CLASS>=style15><strong>Add:SGST</strong></td> ");

<PRINTLN>(" <td <CLASS>=style15> "+amount2+"</td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>(" <tr> ");

<PRINTLN>(" <td <CLASS>=style15><strong>Total Tax Amount: </strong></td> ");

<PRINTLN>(" <td <CLASS>=style15> "+(amount1+amount2)+"</td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>(" <tr> ");

<PRINTLN>(" <td <CLASS>=style15><strong>Total Amount After Tax: </strong></td> ");

<PRINTLN>(" <td <CLASS>=style15> "+totalamount+"</td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>(" <tr> ");

<PRINTLN>(" <td width=196><strong>GST on Reverse Charge </strong></td> ");

<PRINTLN>(" <td width=254> "+reversecharge+"</td>");

<PRINTLN>(" </tr> ");

<PRINTLN>(" </table></td> ");

<PRINTLN>(" </tr> ");

<PRINTLN>("</table> ");

<PRINTLN>("<table id=t01 width=1027 border=1 bgcolor=#fff> ");

<PRINTLN>("<table width=1027 border=1 bgcolor=#fff>");

<PRINTLN>("<tr>");

<PRINTLN>("<td width=294 height=203><table width=296 height=216 border=1 bgcolor=#fff>");

<PRINTLN>("<tr>");

<PRINTLN>(" <td width=238><div align=center><strong>Bank Details </strong></div></td>");

<PRINTLN>(" </tr>");

<PRINTLN>(" <tr>");

<PRINTLN>(" <td><strong>Name:</strong>"+bname+"</td>");

<PRINTLN>("</tr>");

<PRINTLN>("<tr>");

<PRINTLN>("<td><strong>Bank A/C: </strong>"+bankaccount+"</td>");

<PRINTLN>("</tr>");

<PRINTLN>("<tr>");

<PRINTLN>(" <td><strong>Bank IFSC: </strong>"+bankifsc+"</td>");

<PRINTLN>("</tr>");

<PRINTLN>("<tr>");

<PRINTLN>(" <td height=61> </td>");

<PRINTLN>("</tr>");

<PRINTLN>("</table></td>");

<PRINTLN>("<td width=163><table width=200 height=231 border=1 bgcolor=#fff>");

<PRINTLN>("<tr>");

<PRINTLN>(" <td height=121> </td>");

<PRINTLN>("</tr>");

<PRINTLN>("<tr>");

<PRINTLN>("<td height=102><div align=center class=style22>Common Seal </div></td>");

<PRINTLN>(" </tr>");

<PRINTLN>("</table></td>");

<PRINTLN>("<td width=551><table width=514 height=224 border=1 bgcolor=#fff>");

<PRINTLN>("<tr>");

<PRINTLN>(" <td><div align=center><em>Certified that the particulars given above are true and correct </em></div></td>");

<PRINTLN>("</tr>");

<PRINTLN>("<tr>");

<PRINTLN>("<td><div align=center><strong>For XXXXX (p) Ltd </strong></div>");

<PRINTLN>("<p> </p>");

<PRINTLN>("<p align=center class=style13>Authorised signatory </p></td>");

<PRINTLN>("</tr>");

<PRINTLN>("</table></td>");

<PRINTLN>("</tr>");

<PRINTLN>("</table>");

<PRINTLN>("<p> </p>");

<PRINTLN>("</body>");

<PRINTLN>("</html>");

// path of wnosql db

String fpath=FileSequentialAccess.Read("filepath.txt");

//Mention the path where Invoice bill details are stored ....

String g = WDBASQL.WDBASQLS("datastores", "USEDATABASE", "dbpwds", fpath);

//Give Proper credentials like username ,password ,table...

String t = WDBASQL.WDBASQLS("dbuser", "dbpwds", 1, "wilmix78", "wilmix78", 1, 5, g);

//Divide the InvoiceBill table in to 2 tables ie) Invoicebill and other one is Invoicebill2

//Mentions the fields like CADDRESS ,etc to be created

String q = "CREATETABLE from Invoicebill 0 to 0 , 1 to 5 ?= 6639 By 6639 f(x) : {CADDRESS,INO,IDATE,Charge,State,code1,Name,Address,GSTIN,State,code2,sno,productdesc,hsncode,qty}: {} :{2,4}";

//Mentions the fields like rate ,etc to be created

String q1 ="CREATETABLE from Invoicebill2 0 to 0 , 1 to 5 ?= 6639 By 6639 f(x) : {rate,Amt,discount,Rate1,Amt1,Rate2,Amt2,total,ReverseCharge,Bankname,BankAccount,BankIFSC}: {} :{2,4}";

//Excecute the InvoiceTable querys

wdbaconn.WDBAQUERY(q);

wdbaconn.WDBAQUERY(q1);

Char c= ' ';

// Calculate the size of the InvoiceBill tables using Wnosql PLSQL methods

OJ7Lib.J7ArrayList datas1= new OJ7Lib.J7ArrayList();

OJ7Lib.J7ArrayList datas11= new OJ7Lib.J7ArrayList();

for(int i=0;i<15;i++)

datas1.add( WDBASQL.Query("TABLESIZE()","Invoicebill","0",null,27,"","", null,"",0,"","",c,null,t,1,5).get(i).ToString());

for(int i=0;i<12;i++)

datas11.add( WDBASQL.Query("TABLESIZE()","Invoicebill2","0",null,27,"","", null,"",0,"","",c,null,t,1,5).get(i).ToString());

// Make all data as string

String t1="";String t2="";

t1=CADDRESS+","+invoiceno+","+invoicedate+","+reversecharge+","+state+","+code+","+name+","+BADDRESS+","+gstin+","+state1+","+code1+","+sno+","+productdescription+","+hsncode+","+qty;

t2=rate+","+amount+","+discount+","+rate1+","+amount1+","+rate2+","+amount2+","+totalamount+","+reversecharge+","+bname+","+bankaccount+","+bankifsc;

// Insert all the t1 data into Invoicebill table

String s12 ="INSERTINTO from Invoicebill 0 to "+datas1.size()+" , 1 to 5 ?= A By 1 1 : {0} : {"+t1+"} : {0}";

//Excecute the InvoiceTable insert query

wdbaconn.WDBAQUERY(s12);

// Insert all the t1 data into Invoicebill table

String s121 ="INSERTINTO from Invoicebill2 0 to "+datas11.size()+" , 1 to 5 ?= A By 1 1 : {0} : {"+t2+"} : {0}";

//Excecute the InvoiceTable insert querys

wdbaconn.WDBAQUERY(s121);

}

# 📘 Explanation of Program

## 🔹 Step 1: Display Form

Loads the **InvoiceBill.html** form for user input.

## 🔹 Step 2: Collect Fields

Defines 23 fields required for invoice processing (customer, product, tax, bank details).

## 🔹 Step 3: Query Submitted Data

Retrieves submitted values using `Dotweb5.Lib.AddDotWebJ7Request`.

## 🔹 Step 4: Business Logic

- Calculates **amount** = `qty × rate`.

- Calculates **CGST** and **SGST**.

- Computes **total amount after tax**.

## 🔹 Step 5: Render Invoice

Generates HTML tables dynamically using `<PRINTLN>` to display invoice details.

## 🔹 Step 6: Database Integration

- Connects to **WNoSQL database**.

- Splits data into two tables:

- **Invoicebill** → Customer and product details.

- **Invoicebill2** → Rate, discount, tax, and bank details.

- Inserts data into tables.

✅ This **InvoiceBill.web** clearly separates each stage of the backend workflow: **form display, data collection,

business logic, HTML rendering, database integration, and redirection**. It complements the AngularJS frontend to

deliver a complete SPA-based invoice management system.

### 🔹 Key Steps

1. **Display Form**

```Dotweb5.0

HTML.displayhtml("Invoicebill.html");

```

2. **Collect Fields**

- 23 fields are collected using `Dotweb5.Lib.AddDotWebJ7Request`.

3. **Business Logic**

```Dotweb5.0

double amount = (Convert.ToDouble(qty)) * (Convert.ToDouble(rate));

double amount1 = ((Convert.ToDouble(rate1)/100) * Convert.ToDouble(amount));

double amount2 = ((Convert.ToDouble(rate2)/100) * Convert.ToDouble(amount));

double totalamount = amount + amount1 + amount2;

```

- Calculates base amount, CGST, SGST, and total.

4. **HTML Rendering**

- Uses `<PRINTLN>` to dynamically generate tables showing:

- Customer details

- Product details

- Tax details

- Bank details

- Certification and authorization

5. **Database Integration**

- Reads database path from `filepath.txt`.

- Connects to WNoSQL using credentials.

- Splits data into two tables:

- **Invoicebill** → Customer and product details.

- **Invoicebill2** → Rate, discount, tax, and bank details.

- Inserts data into tables using `INSERTINTO` queries.

# 📘 Combined Workflow

1. **Frontend (AngularJS)**

- Collects invoice details via form.

- Submits data to backend.

2. **Backend (OakJava7 + WNoSQL)**

- Processes data with business logic.

- Calculates amounts, discounts, CGST, SGST, and total.

- Stores structured data in WNoSQL tables.

- Dynamically generates formatted HTML invoice.

3. **Output**

- Displays invoice bill with customer, product, tax, and bank details.

- Provides certification and authorization section.

- Redirects to same page for seamless SPA experience.

---

# ✅ Summary

The **InvoiceBill SPA Project** demonstrates how a modern web application can integrate:

- **AngularJS frontend** for dynamic form handling.

- **OakJava7 backend** for business logic and HTML rendering.

- **WNoSQL database** for structured storage.

Together, they create a **complete invoice management system** that is fast, interactive, and user-friendly,

embodying the principles of a Single Page Application.

🌐 OUTPUT : Invoice Bill Forms and Invoice Bill for the Customer at Washington , USA

==============================================================================================================

## 🌐 DOTWEB5.0 WebApplication Advanced Concepts : Type - 3

====================================================

## 🌐 What is an OakJava7 /Dotweb5.0 Servlet?

An OakJava7/Dotweb5.0 Servlet is essentially a way of writing HTML code using the `<PRINTLN>` statement or by invoking HTML through the `HTML.displayhtml` method.

---

## 🌐 What is the Include Directive in OakJava7?

The Include directive is used to insert components such as forms, reports, login pages, or other elements into the same page. The package used for including pages is **ScrollLib**.

---

## 🌐 Question

**Write an OakJava7/Dotweb5.0 Servlet to invoke the Register and Login pages, and include a Piechart in the same page.**

This functionality is not available in most programming languages. However, it can be achieved using OakJava7/Dotweb5.0.

In this example, the input should contain two GUI components (a Register page and a Login page) along with a Piechart. When data is entered in the Register page and credentials are entered in the Login page, pressing the Submit button should display the Register page data and print the executable file name `J7value`, which contains the data.

---

### Example Code (OakJava7 /Dotweb5.0 Servlet)

## 💻 File: MultForm.web

```java

<WEB>

// Calling ScrollLib library which contains the include directive for OakJava7 Servlet

<USE> ScrollLib;

<PACK> Oakjava7array {

<CLASS> Program {

public void main() {

// Include Piechart7 chart

Java7request.include("Piechart7", 1, "exe");

// Registration page

HTML.displayhtml("MultiRegister.html");

// Login page

HTML.displayhtml("web5login.html");

}

```

---

## 💻 File: MultiRegister.html (Registration Page)

```html

<!DOCTYPE html>

<body>

<h1>Register for Dotweb5.0</h1>

</header>

<h2>Create Your Account</h2>

</div>

<label for="uname1">Username</label>

</div>

<label for="password1">Password</label>

</div>

<label for="state1">State</label>

</div>

<label for="country1">Country</label>

</div>

</form>

</div>

</body>

</html>

```

---

## 💻 File: web5login.html (Login Page)

```html

<!DOCTYPE html>

<html>

<head>

<title>User Login</title>

</head>

<h2><a href="#chapter1">Enter your Details</a></h2>

<p><label> Password: <input type="password" name="password" size="15" /></label></p>

</div>

</div>

var modal = document.getElementById('id01');

window.onclick = function(event) {

if (event.target == modal) {

modal.style.display = "none";

}

</script>

</body>

</html>

```

---

## 🌐 OakJava7/Dotweb5.0 Servlet with ScrollLib and J7Value12.exe

This example demonstrates how OakJava7/Dotweb5.0 can process form data, display it in a table, and include an executable (`J7Value12.exe`) to retrieve and display data from a WNoSQL database.

---

## 🌐 Explanation

1. **Libraries Used**

- `ScrollLib`: Provides the include directive.

- `Security`, `OJ7UTIL`, `j7security`: Utility and security packages for handling form data and queries.

2. **Process Flow**

- Collect form parameters into an `ArrayList`.

- Use `Dotweb5.Lib.AddDotWebJ7Request` to map form data to database parameters.

- Display the results in an HTML table using `<PRINTLN>`.

- In the `finally` block, include the executable `J7Value12.exe` to display additional data.

---

## 💻 File: MyDetail.web

```Dotweb5

<WEB>

<USE> ScrollLib;

<PACK> SDpack {

<CLASS> statics {

public static void display() {

<TRY> {

// Collect form parameters

string fields = "name1,uname1,password1,state1,country1,uname,password,NOT";

// Start HTML output

<PRINTLN>("<!DOCTYPE html>");

<PRINTLN>("<body bgcolor='pink'>");

<PRINTLN>("<form>");

// Query form data

OJ7Lib.J7ArrayList armg= Dotweb5.Lib.AddDotWebJ7Request("MyDetailj7.dsn" ,Dotweb5.Lib.AddArrayListData(fields),7,1 );

// Display results in a table

<PRINTLN>("<table bgcolor='gold'>");

<PRINTLN>("<tr>");

<PRINTLN>("<th>Name</th>");

<PRINTLN>("<th>Username</th>");

<PRINTLN>("<th>Password</th>");

<PRINTLN>("<th>State</th>");

<PRINTLN>("<th>Country</th>");

<PRINTLN>("<th>Username</th>");

<PRINTLN>("<th>Password</th>");

<PRINTLN>("</tr>");

// Loop through form data

for (int i = 0; i < armg.size()-1; i += 6) {

<PRINTLN>("<tr>");

<PRINTLN>("<td>" + armg.get(i).ToString() + "</td>");

<PRINTLN>("<td>" + armg.get(i+1).ToString() + "</td>");

<PRINTLN>("<td>" + armg.get(i+2).ToString() + "</td>");

<PRINTLN>("<td>" + armg.get(i+3).ToString() + "</td>");

<PRINTLN>("<td>" + armg.get(i+4).ToString() + "</td>");

<PRINTLN>("<td>" + armg.get(i+5).ToString() + "</td>");

<PRINTLN>("<td>" + armg.get(i+6).ToString() + "</td>");

<PRINTLN>("</tr>");

}

<PRINTLN>("</table>");

<PRINTLN>("</form>");

<PRINTLN>("</html>");

<PRINTLN>("</body>");

}

<CATCH> (Exception e) {

// Handle exceptions

}

<Finally> {

<PRINTLN>("The Finally block is executed...");

// Include executable to display data

Java7request.include("J7Value12", 1, "exe");

}

public void main() {

display();

}

```

---

# ✅ Key Points

- **Form Handling:** Parameters are collected into an `ArrayList` and mapped using `Dotweb5.Lib.AddDotWebJ7Request`.

- **Dynamic Output:** Data is printed into an HTML table using `<PRINTLN>`.

- **Executable Inclusion:** `Java7request.include("J7Value12", 1, "exe")` integrates external processing logic.

🌐 OUTPUT : Piechart ,Register page , Login Page

Next Page for MULTIFORM (The Combination of register page and Login page Outputs in Table Format) and Retrieval of Eno, Name ,Designation ,Salary from Wnosqldb with SoWeb Theme.

==============================================================================================================

## 🌐 Dotweb5.0 With CANVAS Animation With JQuery

===============================================================================================================

## 🌐 Question :Draw a House with Moving Moon Animation with HTML Canvas + Jquery + Dotweb5.0 :

🌙 House with Moving Moon – Canvas + jQuery + Dotweb5.0

## 💻 File: housemoon.html

<!DOCTYPE html>

<html>

<head>

<title>House with Moving Moon</title>

<style>

body { margin:0; background:#000; }

canvas { display:block; margin:auto; background:#001d3d; }

</style>

</head>

<body>

$(document).ready(function() {

const canvas = document.getElementById("nightScene");

const ctx = canvas.getContext("2d");

let moonX = 50;

let moonY = 100;

function drawHouse() {

ctx.fillStyle = "#654321";

ctx.fillRect(300, 300, 200, 150);

ctx.fillStyle = "#8B0000";

ctx.beginPath();

ctx.moveTo(300, 300);

ctx.lineTo(400, 200);

ctx.lineTo(500, 300);

ctx.closePath();

ctx.fill();

ctx.fillStyle = "#222";

ctx.fillRect(380, 370, 40, 80);

ctx.fillStyle = "#87CEEB";

ctx.fillRect(320, 330, 40, 40);

ctx.fillRect(440, 330, 40, 40);

}

function drawMoon(x, y) {

ctx.fillStyle = "#fdfd96";

ctx.beginPath();

ctx.arc(x, y, 40, 0, Math.PI * 2);

ctx.fill();

}

function animate() {

ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = "white";

for (let i = 0; i < 50; i++) {

ctx.fillRect(Math.random() * canvas.width, Math.random() * canvas.height, 2, 2);

}

drawHouse();

drawMoon(moonX, moonY);

moonX += 1;

if (moonX > canvas.width + 40) {

moonX = -40;

}

requestAnimationFrame(animate);

}

animate();

});

</script>

</body>

</html>

1. Document Setup

<!DOCTYPE html>

<html>

<head>

<title>House with Moving Moon</title>

<style>

body { margin:0; background:#000; }

canvas { display:block; margin:auto; background:#001d3d; }

</style>

</head>

<body>

</body>

</html>

Declares HTML5 document type.
Loads jQuery for DOM readiness handling.
Defines a canvas element where all graphics are drawn.
Background colors simulate a night sky.

2. Initialization with jQuery

$(document).ready(function() {

const canvas = document.getElementById("nightScene");

const ctx = canvas.getContext("2d");

let moonX = 50;

let moonY = 100;

Ensures script runs only after DOM is fully loaded.
Retrieves canvas and sets up 2D drawing context.
Initializes moon position variables.

3. Drawing the House

function drawHouse() {

// Base

ctx.fillStyle = "#654321";

ctx.fillRect(300, 300, 200, 150);

// Roof

ctx.fillStyle = "#8B0000";

ctx.beginPath();

ctx.moveTo(300, 300);

ctx.lineTo(400, 200);

ctx.lineTo(500, 300);

ctx.closePath();

ctx.fill();

// Door

ctx.fillStyle = "#222";

ctx.fillRect(380, 370, 40, 80);

// Windows

ctx.fillStyle = "#87CEEB";

ctx.fillRect(320, 330, 40, 40);

ctx.fillRect(440, 330, 40, 40);

}

Rectangles form the house body, door, and windows.
Path drawing creates a triangular roof.
Colors simulate wood, brick, and glass.

4. Drawing the Moon

function drawMoon(x, y) {

ctx.fillStyle = "#fdfd96";

ctx.beginPath();

ctx.arc(x, y, 40, 0, Math.PI * 2);

ctx.fill();

}

Uses arc() to draw a circular moon.
Soft yellow color gives a glowing effect.

5. Animation Loop

function animate() {

ctx.clearRect(0, 0, canvas.width, canvas.height);

// Stars

ctx.fillStyle = "white";

for (let i = 0; i < 50; i++) {

ctx.fillRect(Math.random() * canvas.width, Math.random() * canvas.height, 2, 2);

}

// House + Moon

drawHouse();

drawMoon(moonX, moonY);

// Move moon

moonX += 1;

if (moonX > canvas.width + 40) {

moonX = -40;

}

requestAnimationFrame(animate);

}

animate();

Clears canvas each frame.
Random stars simulate twinkling.
Draws house and moon.
Updates moon’s x position for smooth movement.
Uses requestAnimationFrame() for efficient animation.

6. Dotweb5.0 Perspective

In Dotweb5.0 documentation style, this example demonstrates:

Scenario-driven clarity: Each function has a clear role (house, moon, animation).
Decorated headings: Sections are visually distinct for HR/technical review.
Iterative workflow: Moon’s movement is updated frame by frame, showing modular design.
User empowerment: Easy to extend (add trees, gradient sky, glowing windows).

✅ Summary:
This program builds a night scene with a house and a moving moon using Canvas graphics controlled by jQuery. The animation loop ensures continuous motion, while modular functions keep the design maintainable—exactly the kind of robust, scenario-driven workflow Dotweb5.0 emphasizes.

Got it — let’s break down your Dotweb5.0 program step by step, in the same decorated, scenario-driven style we used earlier.

🏠 Dotweb5.0 Program: moonhouse

## 💻 File: housemoonanimation.web

<WEB>

<PACK> animation

{

<CLASS> moonhouse

{

public static void display()

{

HTML.displayhtml("housemoon.html");

}

public void main() {

display();

}

1. Structure Overview

<WEB>

<PACK> animation

{

<CLASS> moonhouse

{

public static void display()

{

HTML.displayhtml("housemoon.html");

}

public void main()

{

display();

}

<WEB> → Declares this as a Dotweb5.0 web program.
<PACK> animation → Defines a package named animation.
<CLASS> moonhouse → Creates a class called moonhouse.

2. Method: display()

public static void display()

{

HTML.displayhtml("housemoon.html");

}

A static method that calls HTML.displayhtml().
This function loads and displays the HTML file housemoon.html (the one you wrote earlier with Canvas + jQuery).
In Dotweb5.0, HTML.displayhtml() is the bridge between backend logic and frontend rendering.

3. Method: main()

public void main()

{

display();

}

The entry point of the program.
Calls display() so that when the program runs, it immediately shows the house with moving moon animation.

4. Execution Flow

Program starts → main() is invoked.
main() calls display().
display() loads housemoon.html.
The HTML file runs its Canvas + jQuery animation, showing the house and moon.

5. Dotweb5.0 Perspective

Separation of Concerns:
- Dotweb5.0 class (moonhouse) handles program logic.
- HTML file (housemoon.html) handles graphics and animation.
Scenario-driven clarity:
- The Dotweb5.0 program acts as a launcher for the HTML animation.
Maintainability:
- If you change the animation file, you don’t need to rewrite the Dotweb5.0 class — just point to the new HTML.

✅ Summary:
The Dotweb5.0 program moonhouse is essentially a wrapper that loads and displays the HTML animation file. The HTML file contains the Canvas + jQuery logic for drawing the house and animating the moon. Together, they demonstrate Dotweb5.0’s modular design: backend class triggers → frontend HTML renders → user sees the animated scene.

==============================================================================================================

🌐 OUTPUT : House with Animated Moon

=============================================================================================================

🌐 Dotweb5.0 Advanced Concepts — 4th Type

=============================================================================================================

✨ Shortest Path Program with Graph Theory, Web1.0 Services, and HTML (Soweb Theme)

🏠 Dotweb5.0 Program: Finding ShortestPath

## 💻 File: shortestpath.web

<WEB>

// load fx libraries

<USE> fx;

// load format libraries

<USE> format;

// load java7displayurl libraries.

<USE> java7displayurl;

<PACK> fusions {

<CLASS> chartss {

public static void display() { String s="";

// get the contents of the ShortestPath.WS script file containing Java Script or Jquery logics.

s=java7UrlConnectionReader.getUrlContents("http://localhost:8082/ShortestPath.WS").Replace("<HTML>","").Replace("</html>","");

string filePath = "sdata.html";

J7HTML.displayhtml("shortestpath1.html");

// Write the content to the file

FileSequentialAccess.Write(filePath, s);

<PRINTLN>("<script>");

// Use J7Html to print blank lines between the lines.

J7HTML.displayhtml(filePath);

<PRINTLN>("</script>");

J7HTML.displayhtml("shortestpath2.html");

}

public void main()

{ display(); } }

}

📖 Program Explanation

Your ShortestPath.web script is structured to integrate Dotweb5.0, Web1.0 webservices, and HTML rendering using the Soweb theme. Let’s break it down step by step:

Library Imports

<USE> fx;

<USE> format;

<USE> java7displayurl;

- fx → loads functional libraries.
- format → handles formatting utilities.
- java7displayurl → provides URL connection and content reading utilities.

Package and Class Definition

<PACK> fusions {

<CLASS> chartss {

- Defines a package fusions and a class chartss where the main logic resides.

Display Method

public static void display() {

String s="";

s = java7UrlConnectionReader.getUrlContents("http://localhost:8082/ShortestPath.WS")

.Replace("<HTML>","")

.Replace("</html>","");

- Reads the contents of the ShortestPath.WS script file (which contains JavaScript/jQuery logic for shortest path visualization).
- Cleans up unwanted HTML tags.

File Handling

string filePath = "sdata.html";

FileSequentialAccess.Write(filePath, s);

- Stores the processed script into a local file (sdata.html).

HTML Display

J7HTML.displayhtml("shortestpath1.html");

<PRINTLN>("<script>");

J7HTML.displayhtml(filePath);

<PRINTLN>("</script>");

J7HTML.displayhtml("shortestpath2.html");

- Uses J7HTML.displayhtml to render HTML files sequentially:
  - shortestpath1.html → header or setup.
  - sdata.html → the dynamic shortest path logic.
  - shortestpath2.html → footer or closing elements.
- Wraps the script logic inside <script> tags for execution.

Main Method

public void main() { display(); }

- Calls display() to execute the workflow.

🎯 Summary

Purpose: This program demonstrates how to integrate Dotweb5.0 with Web1.0 services and HTML rendering to visualize shortest path algorithms.
Flow:
- Load libraries → Fetch shortest path script → Clean HTML → Save to file → Render with Soweb theme.
Outcome: The shortest path logic (from ShortestPath.WS) is dynamically embedded into an HTML page, decorated with Soweb theme styling, and displayed to the user.

## 💻 File: shortestpath1.html

<!DOCTYPE html>

<html>

<head>

<title>Shortest Path</title>

<style>

canvas { border: 1px solid black; }

#controls { margin-top: 10px; }

textarea { width: 400px; height: 80px; }

</style>

</head>

<body>

<h2>Shortest Path Visualizer</h2>

<label>Enter edges (ArrayList style, e.g. [[0,1,2],[2,3,4]]):</label><br>

<button onclick="drawGraph()">Draw Graph</button><br><br>

</div>

## 💻 File: shortestpath2.html

</body>

</html>

🏷️ Title and Setup

<!DOCTYPE html>

<html>

<head>

<title>Shortest Path</title>

<style>

canvas { border: 1px solid black; }

#controls { margin-top: 10px; }

textarea { width: 400px; height: 80px; }

</style>

</head>

<!DOCTYPE html> → Declares this is an HTML5 document.
<title> → Sets the browser tab title to Shortest Path.
<style> → Defines CSS styling:
- canvas has a black border.
- #controls has spacing above it.
- textarea is styled to be wide (400px) and tall (80px).

🎨 Body Content

<body>

<h2>Shortest Path Visualizer</h2>

<h2> → Displays the heading Shortest Path Visualizer.
<canvas> → Creates a drawing area (600px wide, 400px tall) where the graph will be drawn using JavaScript.

⚙️ Controls Section

<label>Enter edges (ArrayList style, e.g. [[0,1,2],[2,3,4]]):</label><br>

<button onclick="drawGraph()">Draw Graph</button><br><br>

</div>

<div id="controls"> → Container for user input and buttons.
<label> → Instruction text telling the user how to enter edges.
<textarea id="edgesInput"> → Input box where the user types graph edges in JSON-like format.
- Example: [[0,1,2],[2,3,4]] means an edge from node 0 to node 1 with weight 2, and another from node 2 to node 3 with weight 4.
<button onclick="drawGraph()"> → Button that calls the JavaScript function drawGraph() to render the graph.
<button onclick="findShortestPath()"> → Button that calls findShortestPath() to compute and highlight the shortest path.

📊 Result Display

</body>

</html>

<p id="result"> → Empty paragraph where results (like shortest path details) will be displayed dynamically by JavaScript.

✨ Summary

This HTML page sets up:

A canvas for drawing the graph.
A textarea for entering edge data.
Two buttons to trigger graph drawing and shortest path calculation.
A result area to show the computed path.

🌐 OUTPUT : Shortest Path for the given data (Graph theory)

===========================================================================================================

🌐 Dotweb5.0 Security Concepts — Type 1

===========================================================================================================

Refer Dotweb5.0 Advanced concepts - Type 3

🔒 Configuring Security with J7C Policy

📑 Entry in j7cpolicy.txt

To enforce HTTP Transport Security and related protections, the following directives are added to the j7Security file:

X-Content-Type-Options <- nosniff

Strict-Transport-Security <- max-age=31536000 ; includeSubDomains

X-Frame-Options <- SAMEORIGIN

X-XSS-Protection <- 1; mode=block

Content-Security-Policy <- default-src 'self' 'unsafe-inline' http://localhost:8082/

🛡️ Explanation

X-Content-Type-Options: nosniff
Prevents browsers from interpreting files as a different MIME type, reducing exposure to drive‑by downloads and malicious scripts.
Strict-Transport-Security: max-age=31536000; includeSubDomains
Forces all communication to use HTTPS for one year (31,536,000 seconds), including all subdomains.
X-Frame-Options: SAMEORIGIN
Blocks the site from being embedded in iframes on other domains, preventing clickjacking attacks.
X-XSS-Protection: 1; mode=block
Enables browser‑based cross‑site scripting filters and blocks detected attacks.
Content-Security-Policy: default-src 'self' 'unsafe-inline' http://localhost:8082/
Restricts resources to the same origin and explicitly allows inline scripts and resources from localhost:8082.

🎯 Summary

This configuration ensures that Dotweb5.0 applications automatically enforce strong transport‑level security and modern browser protections when rendering the next page or output page. By embedding these rules in j7cpolicy.txt, developers gain default safeguards against common web vulnerabilities while maintaining compatibility with local services (like ShortestPath.WS running on localhost:8082).

🌐 OUTPUT : Dotweb5.0 Default Security Type -1

=========================================================================================================

🌐 Dotweb5.0 Advanced Concepts with J7WXML and WML — Type 5

=========================================================================================================

📝 Creating a Registration Page with J7WXML Parser

📖 Program Overview

This program demonstrates how to use Dotweb5.0 with the J7WXML.wxmlr parser to convert a Wilmix Markup Language (WML) registration form into HTML format. The converted HTML is then displayed dynamically, allowing developers to design forms declaratively in WML while Dotweb5.0 handles the conversion and rendering.

💻 Dotweb5.0 Program Code

<WEB>

<PACK> WXMLS {

<CLASS> J7formss {

public static void display() {

// This parser converts Register.wml into HTML format using J7WXML.wxml<PARSE>r

// The parameter '1' indicates it is for Form type.

string v = J7WXML.wxml<PARSE>r("Register.wml", 1, "", "", null);

// Print the converted HTML

<PRINTLN>("" + v);

}

public void main() {

display();

}

📑 WML Form Definition (Register.wml)

<WML>

<FORM TITLE='RegisterForm' Method='post'

Url='http://localhost:9000/jwxmlform.soweb'

color='green' Tcolor='gold' Name='ADD Form'

GUICount='4' Password='no' Space='yes'

Type='submit' fields='{name,city,add,idno}'

GUI='text' Names='' Input='{ROWS,COLS}'/>

</WML>

🛡️ Explanation

Wilmix Markup Language (WML):
A specialized markup language used in Dotweb5.0 for defining forms and GUI components.
Parser Usage:
The J7WXML.wxml<PARSE>r function reads the WML file (Register.wml) and converts it into HTML.
Form Type Parameter:
The 1 parameter specifies that the conversion is for a form type.
Output:
The converted HTML is stored in a string (v) and printed using <PRINTLN>.
WML Form Attributes:
- TITLE='RegisterForm' → Sets the form title.
- Method='post' → Defines the HTTP method for submission.
- Url='http://localhost:9000/jwxmlform.soweb' → Specifies the submission endpoint.
- color='green', Tcolor='gold' → Defines form and title colors.
- GUICount='4' → Number of GUI fields.
- fields='{name,city,add,idno}' → Input fields for registration.
- GUI='text' → Input type is text.
- Input='{ROWS,COLS}' → Layout specification.

🎯 Summary

This program shows how Dotweb5.0 Advanced Concepts (Type‑5) can be used to:

Parse Wilmix Markup Language (WML) forms into HTML using the J7WXML parser.
Automatically generate a registration page with styled fields.
Integrate with Web1.0 services (jwxmlform.soweb) for form submission.

By leveraging WML definitions, developers can design forms declaratively and let Dotweb5.0 handle the conversion and rendering, ensuring consistency, security, and efficiency across applications.

🌐 OUTPUT : J7WXML Forms , Table Output Using J7WXML template and soweb template

==============================================================================================================

🌐 Dotweb5.0 Advanced Concepts — Session Context Programming

---- TYPE-6

🔑 Forward, Include, Java7Session, Java7Context, and Java7Config and Use the LArray CLIB Collection.

==================================================================================================

📌 Introduction

In Dotweb5.0, session context programming allows developers to manage data flow between pages, track sessions, and share context across applications. The key components are:

Forward → Pass lists or values to another page.
Include → Include external files or applications in a servlet.
Java7Session → Create and manage session variables.
Java7Context → Assign unique values (shared memory across servlets).
Java7Config → Retrieve configuration parameters.
LArray → LArray Collection is to Store Data and many List type data

🛠️ Program 1 — sessiontracking.web

<WEB>

<USE> ScrollLib;

<PACK> example11

{

public <CLASS> Program

{

public static forward flist= null;

public static Java7Session list1 = new Java7Session("No of employees","1000 employees");

public static Java7Context list = new Java7Context("Secretno=1089678");

public static void p()

{

list1.setValue("seqno1","2000 values");

list1.setValue("seqno2","2001 values");

list1.setValue("seqno3","2005 values");

OJ7Lib.J7ArrayList ar = new OJ7Lib.J7ArrayList();

OJ7Lib.J7ArrayList ar1 = new OJ7Lib.J7ArrayList();

for(int i=0;i<100;i++)

ar.add(i,i);

int count=0;

for(int i=100;i<200;i++)

{

ar1.add(count,i);

count++;

}

// LArray to Store ArrayList as a Data type format

// eg) it will store like [1,2,3,4],[567,8],879

CLIB.LArray la= new CLIB.LArray("DatasIstSet");

CLIB.LArray la1= new CLIB.LArray("Data2ndSet");

for(int i=0;i<100;i=i+1)

la.add(i,ar.get(i));

for(int i=0;i<100;i=i+1)

la1.add(i,ar1.get(i));

// forward is use to forward request data contains LArray la

flist=new forward("language0",la);

flist.setValue("language1",la1);

}

📝 Explanation

Forward:
- Creates two ArrayLists (ar and ar1) with 200 values.
- Forwards them using keys language0 and language1.
Java7Session:
- Stores employee data and sequence values (seqno1, seqno2, seqno3).
Java7Context:
- Assigns a unique value (Secretno=1089678) that can be shared across servlets.

Here’s a clear, scenario‑driven explanation of what your Dotweb5.0 program is doing:

🔹 Purpose of the Program

This program demonstrates session tracking and data structuring using Dotweb5.0 with OakJava7 libraries. It simulates storing employee session values, secret configuration data, and organizes lists of integers into structured arrays.

🔹 Step‑by‑Step Breakdown

Library Usage
- <USE> ScrollLib; → Imports the Scroll Framework library for structured web programming.
- Packages like OJ7Lib and CLIB are used for advanced data structures.
Session Initialization
- Java7Session list1 = new Java7Session("No of employees","1000 employees");
  → Creates a session object holding employee count information.
- Java7Context list = new Java7Context("Secretno=1089678");
  → Stores a secret configuration number in the session context.
Session Values
- list1.setValue("seqno1","2000 values");
- list1.setValue("seqno2","2001 values");
- list1.setValue("seqno3","2005 values");
  → These simulate storing multiple sequence values in the session.
ArrayList Creation
- Two OJ7Lib.J7ArrayList objects (ar and ar1) are created.
- ar stores integers from 0 to 99.
- ar1 stores integers from 100 to 199, indexed by a separate counter.
LArray (List of Lists)
- CLIB.LArray la and CLIB.LArray la1 are created to hold structured sets:
  - la stores values from ar (0–99).
  - la1 stores values from ar1 (100–199).
- These arrays act like nested collections, useful for organizing multiple datasets.
Forward Reference
- flist = new forward("language0", la);
  → Creates a forward object linking "language0" to the first dataset (la).
  This is essentially a pointer or reference for later use in the program.

🔹 What It Demonstrates

Session Tracking: Storing values (seqno1, seqno2, etc.) in a session object.
Context Management: Holding secret configuration (Secretno=1089678).
Data Structuring: Using J7ArrayList and LArray to organize integer sequences.
Forward Linking: Passing structured data forward for later processing.

👉 In short:
This Dotweb5.0 program tracks employee session data, stores secret configuration values, builds two sets of integer lists, organizes them into structured arrays, and forwards one dataset for further use.

Output:
This program compiles into sessiontracking.web.dll, which is placed in the oakjava7/src and oakjava7/src/lib directories.

🛠️ Program 2 — sessiontracks.web

<WEB>

<USE> ScrollLib;

<USE> example11;

<USE> format;

<PACK> Sessiontracks1

{

<CLASS> Program1

{

public void main()

{

J7HTML.displayhtml("j7design.html");

<TRY>

{

<PRINTLN>(" <BR> ");

Program.p();

<PRINTLN>(" <BR> ");

<OJ7UTIL>.ArrayList la= Program.flist.getForwardValue("language0");

<PRINTLN>(" <B>The value of seqno1 </B>");

<PRINTLN>("<BR>");

OJ7Lib.J7ArrayList ar= new OJ7Lib.J7ArrayList();

// getForward will return list format , so convert to String format by replacing "[" and "]" with spaces

String data=Program.flist.getForwardValue("language0").ToString().Replace("[","").Replace("]","");

//there are 100 datas in the table

for (int i=0;i< 100;i++)

// Past the String data into <AUTOBOX_ARRAY> , which will convert data to Arraylist data by Ith element

ar.add( i,<AUTOBOX_ARRAY>(data).get(i).ToString());

// Print the data in A1 A2,A3,A4,A5 format using <J7PRINT>

// There are 5 columns and so the arraylist is incremented by 5

for (int i = 0; i < 100; i += 5) {

<J7PRINT>(" " + ar.get(i).ToString());

<J7PRINT>(" " + ar.get(i+1).ToString());

<J7PRINT>(" " + ar.get(i+2).ToString());

<J7PRINT>(" " + ar.get(i+3).ToString());

<J7PRINT>(" " + ar.get(i+4).ToString());

<PRINTLN>("<BR>");

}

<PRINTLN>(" <BR> ");

<PRINTLN>("<B> Session value of seqno1 </B> ="+Program.list1.getSessionValue("seqno1"));

<PRINTLN>(" <BR> ");

<PRINTLN>(" <B> OakJava7Context </B> ="+Program.list.get(0).ToString());

<PRINTLN>(" <BR> ");

<PRINTLN>(" <B> Java7config </B>="+Java7Config.getParameter("Driver"));

<PRINTLN>(" <BR> ");

}

<CATCH> (Exception e)

{

<PRINTLN>("Error.... "+e);

}

{

<PRINTLN>("The Finally block is executed...");

}

📝 Explanation

Forward Retrieval:
- Retrieves forwarded values using Program.flist.getForwardValue("language0").
Session Retrieval:
- Accesses session values with Program.list1.getSessionValue("seqno1").
Context Retrieval:
- Reads the unique context value (Secretno=1089678) using Program.list.get(0).ToString().
Config Retrieval:
- Fetches configuration parameters (e.g., Driver) using Java7Config.getParameter("Driver").
Error Handling:
- Uses <TRY>, <CATCH>, and <Finally> blocks to manage exceptions and ensure final execution.

🔹 Overall Purpose

This program demonstrates session tracking, data conversion, and formatted output in a web environment using Dotweb5.0 and OakJava7 libraries. It integrates HTML display, error handling, and structured printing of session data.

🔹 Step‑by‑Step Walkthrough

HTML Display

J7HTML.displayhtml("j7design.html");

- Loads and displays an HTML design file (j7design.html) as part of the web output.

2. Calling Another Program

Program.p();

- Executes the p() method from the earlier Program class (which sets up session values and arrays).

3. Forward Value Retrieval

<OJ7UTIL>.ArrayList la = Program.flist.getForwardValue("language0");

- Retrieves the forwarded dataset (language0) created earlier and stores it in an ArrayList.

4. Data Conversion

String data = Program.flist.getForwardValue("language0")

.ToString().Replace("[","").Replace("]","");

- Converts the list format into a string representation by removing brackets.
- This prepares the data for further parsing.

5. Autobox Conversion

ar.add(i, <AUTOBOX_ARRAY>(data).get(i).ToString());

- Uses <AUTOBOX_ARRAY> to convert the string back into an ArrayList, element by element.
- This bridges between raw string data and structured list data.

6. Formatted Printing

for (int i = 0; i < 100; i += 5) {

<J7PRINT>(" " + ar.get(i).ToString());

<J7PRINT>(" " + ar.get(i+1).ToString());

<J7PRINT>(" " + ar.get(i+2).ToString());

<J7PRINT>(" " + ar.get(i+3).ToString());

<J7PRINT>(" " + ar.get(i+4).ToString());

<PRINTLN>("<BR>");

}

- Prints the data in rows of 5 values (like A1, A2, A3, A4, A5 format).
- Ensures readability in HTML output with <BR> line breaks.

7. Session Value Display

<PRINTLN>("<B> Session value of seqno1 </B> = " + Program.list1.getSessionValue("seqno1"));

- Retrieves and prints the stored session value (2000 values).

8. Context and Config Display

<PRINTLN>("<B> OakJava7Context </B> = " + Program.list.get(0).ToString());

<PRINTLN>("<B> Java7config </B> = " + Java7Config.getParameter("Driver"));

- Prints the secret context (Secretno=1089678).
- Prints the JDBC driver configuration (sun.jdbc.Driver).

9. Error Handling

<CATCH> (Exception e) {

<PRINTLN>("Error.... " + e);

}

- Catches and prints any runtime errors.

10. Finally Block

<Finally> {

<PRINTLN>("The Finally block is executed...");

}

Ensures a final message is always printed, regardless of success or error.

🔹 What It Demonstrates

Web Integration: Displays HTML and session data in a browser.
Session Tracking: Retrieves values stored in Program.p().
Data Conversion: Converts between list, string, and array formats.
Formatted Output: Prints values in structured rows for readability.
Error Handling: Uses TRY–CATCH–FINALLY for robust execution.

👉 In short:
This Dotweb5.0 program loads an HTML design, retrieves session data, converts it into structured arrays, prints values in a formatted table, and displays session/context/config information with error handling and a final execution message.

🎯 Summary

Together, these two programs demonstrate Dotweb5.0’s session context capabilities:

Program 1 (sessiontracking.web) → Defines and forwards data, sets session values, and assigns context.
Program 2 (sessiontracks.web) → Retrieves forwarded data, session values, context values, and configuration parameters, while handling errors gracefully.

🌐 Dotweb5.0 Advanced Concepts — Session Context Flow

🔑 Data Movement Between Forward, Session, Context, and Config

Program 1 (sessiontracking.web)
- Creates and forwards two ArrayLists (language0, language1).
- Sets session values (seqno1, seqno2, seqno3).
- Assigns a unique context (Secretno=1089678).
- Prepares configuration values (e.g., Driver).
Program 2 (sessiontracks.web)
- Retrieves forwarded data (language0).
- Accesses session values (seqno1).
- Reads the shared context (Secretno).
- Fetches configuration parameters (Driver).
- Uses TRY, CATCH, and Finally blocks for error handling.

🔹 1. Overview

The Session Context Flow in Dotweb5.0 defines how data travels between web programs using secure session objects, context references, and configuration parameters. It ensures that stateful information (like user data, configuration, and temporary lists) is preserved and shared across multiple web modules — similar to Java’s servlet session handling, but with enhanced security and modularity.

🧩 2. Core Components

Java7Session

Manages session‑specific data such as temporary variables, counters, or user details.
Example: seqno1 = 2000 values, No of employees = 1000

Java7Context

Stores secure configuration or secret parameters shared across modules.
Example: Secretno = 1089678

Forward Reference

Transfers structured data between programs or pages for modular execution.
Example: Forward("language0", la)

Java7Config

Retrieves system‑level configuration like drivers or environment settings.
Example: Java7Config.getParameter("Driver")

🔹 3. Flow Between Programs

Program 1: sessiontracking.web

Initializes session and context data.
Creates structured lists (language0, language1) using LArray and J7ArrayList.
Forwards these lists using the forward object.
Acts as the data producer.

Program 2: sessiontracks.web

Retrieves forwarded data using getForwardValue("language0").
Converts and formats the data for display.
Accesses session and context values (seqno1, Secretno, Driver).
Acts as the data consumer.

🔹 4. Execution Flow Summary

Program 1 (sessiontracking.web)

↓

[Forward Data + Session + Context + Config]

↓

Program 2 (sessiontracks.web)

↓

[Retrieve + Convert + Display]

↓

HTML Output (Browser View)

Forward Data → Transmits structured lists.
Session Data → Maintains runtime variables.
Context Data → Shares secure configuration.
Config Parameter → Provides system driver or environment info.

🔹 5. Advanced Concept Highlights

Secure Session Isolation
Each session object is sandboxed — preventing unauthorized access between users or modules.
Context Synchronization
The Java7Context ensures consistent configuration across distributed web components.
Forward Chaining
Enables modular program design — one web file can forward data to another seamlessly.
AutoBox Conversion
Converts string data into structured arrays automatically for easy iteration and display.
HTML Integration
The J7HTML.displayhtml() method binds backend session data to front‑end templates.

🔹 6. Real‑World Analogy

Think of Program 1 as a data warehouse that prepares and secures information,
and Program 2 as a report generator that fetches, formats, and displays it dynamically in the browser.

🔹 7. Developer Insight

This flow demonstrates Dotweb5.0’s hybrid design philosophy — blending Java‑like syntax with web‑specific constructs (<WEB>, <USE>, <PACK>, <CLASS>).
It’s ideal for secure enterprise web applications, where data continuity and modularity are critical.

🎯 Key Takeaways

Forward → Moves lists or values between pages.
Java7Session → Tracks session data with key–value pairs.
Java7Context → Acts as shared memory across servlets.
Java7Config → Retrieves configuration parameters from files.

The Diagram for Dotweb5.0 WorkFlow is given below.....

🌐 OUTPUT : Forward Data, Session Data, ContextValue, Config parameter are printed.

=============================================================================================================

🌐 Dotweb5.0 Advanced Concepts Type 7 - School Class Management

🏫 Using Stack, J7HashMap, and ArrayList Collections

==================================================================================================

📌 Question

A school has Class A, Class B, and Class C.

Students in Class A are shifted to Class B.
Students in Class B are shifted to Class C.
Students in Class C exit the school.
New students join Class A.

We use Stack and J7HashMap collections with key–value pairs to manage this.

Initial students: Alice, Bob, Charlie.

First Shift: Class A → Class B, Class B → Class C.
Add new students: David, Eva to Class A.
Second Shift: Class B → Class C, Class A → Class B, Class A becomes empty.
Finally, display Class A, B, and C data in a Pie Chart to represent percentages.

💻 Program 1 — Dotweb5.0 Implementation (CollegeMGT.web)

<WEB>

<USE> format;

<PACK> studmgt {

<CLASS> School {

OJ7Lib.J7HashMap classes = new OJ7Lib.J7HashMap();

public School() {

classes.put("ClassA", new OJ7Lib.<VList><STACK>(10));

classes.put("ClassB", new OJ7Lib.<VList><STACK>(10));

classes.put("ClassC", new OJ7Lib.<VList><STACK>(10));

}

// Add new students to Class A

OJ7Lib.<VList><STACK> classA1 = new OJ7Lib.<VList><STACK>(10);

OJ7Lib.<VList><STACK> classB1 = new OJ7Lib.<VList><STACK>(10);

OJ7Lib.<VList><STACK> classC1 = new OJ7Lib.<VList><STACK>(10);

public void addNewStudents(OJ7Lib.J7ArrayList newStudents) {

classA1.<PUSH>(newStudents);

}

// Shift students: A -> B, B -> C, C -> Outside

public void shiftClasses() {

OJ7Lib.<VList><STACK> classA = classA1;

OJ7Lib.<VList><STACK> classB = classB1;

OJ7Lib.<VList><STACK> classC = classC1;

<PRINTLN>("Students leaving school: " + classC1);

classC.clear();

while (!classB.isEmpty()) {

classC.<PUSH>(classB.<POP>);

}

while (!classA.isEmpty()) {

classB.<PUSH>(classA.<POP>);

}

classA1 = classA;

classB1 = classB;

classC1 = classC;

}

// Display current state

public void displayClasses() {

J7HTML.displayhtml("organizationchart.html");

String classa = "ClassA = " + classA1.ToString().Replace("["," ").Replace("]"," ").Replace(",","");

String classb = "ClassB = " + classB1.ToString().Replace("["," ").Replace("]"," ").Replace(",","");

String classc = "ClassC = " + classC1.ToString().Replace("["," ").Replace("]"," ").Replace(",","");

// In class A , Class A teacher is waiting for the student to join that's why 1 is added to Class A.

<PRINTLN>("['"+classa+"'"+","+1+"],");

<PRINTLN>("['"+classb+"'"+","+3+"],");

<PRINTLN>("['"+classc+"'"+","+3+"]");

J7HTML.displayhtml("organizationchart1.html");

}

public void main() {

School school = new School();

// Initial students in Class A

OJ7Lib.J7ArrayList initialStudents = new OJ7Lib.J7ArrayList();

initialStudents.add("Alice");

initialStudents.add("Bob");

initialStudents.add("Charlie");

school.addNewStudents(initialStudents);

school.displayClasses();

// First shift

school.shiftClasses();

school.displayClasses();

// Add new students

OJ7Lib.J7ArrayList newStudents = new OJ7Lib.J7ArrayList();

newStudents.add("David");

newStudents.add("Eva");

school.addNewStudents(newStudents);

school.displayClasses();

// Second shift

school.shiftClasses();

school.displayClasses();

}

📝 Explanation of Comments given above for Dotweb5.0 Program

Add new students to Class A → Push new student list into Class A stack.
Shift students: A → B, B → C, C → Outside → Clear Class C, move Class B to Class C, move Class A to Class B.
Display current state → Print Class A, B, and C values, format them, and show in a Pie Chart.
Initial students → Alice, Bob, Charlie added to Class A.
First shift → Class A → B, Class B → C.
Add new students → David and Eva added to Class A.
Second shift → Class B → C, Class A → B, Class A becomes empty.
In class A : Class A teacher is waiting for the student to join that's why 1 is added to Class A.

💻 Program 2 — Core Java Implementation

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Stack;

class School {

private HashMap<String, Stack<String>> classes;

public School() {

classes = new HashMap<String, Stack<String>>();

classes.put("ClassA", new Stack<String>());

classes.put("ClassB", new Stack<String>());

classes.put("ClassC", new Stack<String>());

}

// Add new students to Class A

public void addNewStudents(List<String> newStudents) {

Stack<String> classA = classes.get("ClassA");

for (String student : newStudents) {

classA.push(student);

}

// Shift students: A -> B, B -> C, C -> Outside

public void shiftClasses() {

Stack<String> classA = classes.get("ClassA");

Stack<String> classB = classes.get("ClassB");

Stack<String> classC = classes.get("ClassC");

System.out.println("Students leaving school: " + classC);

classC.clear();

while (!classB.isEmpty()) {

classC.push(classB.pop());

}

while (!classA.isEmpty()) {

classB.push(classA.pop());

}

// Display current state

public void displayClasses() {

System.out.println("Class A: " + classes.get("ClassA"));

System.out.println("Class B: " + classes.get("ClassB"));

System.out.println("Class C: " + classes.get("ClassC"));

}

public class SchoolDemo {

public static void main(String[] args) {

School school = new School();

// Initial students in Class A

List<String> initialStudents = new ArrayList<String>();

initialStudents.add("Alice");

initialStudents.add("Bob");

initialStudents.add("Charlie");

school.addNewStudents(initialStudents);

System.out.println("Initial state:");

school.displayClasses();

// First shift

school.shiftClasses();

System.out.println("\nAfter first shifting:");

school.displayClasses();

// Add new students

List<String> newStudents = new ArrayList<String>();

newStudents.add("David");

newStudents.add("Eva");

school.addNewStudents(newStudents);

System.out.println("\nAfter adding new students:");

school.displayClasses();

// Second shift

school.shiftClasses();

System.out.println("\nAfter second shifting:");

school.displayClasses();

}

🎨 Program 3 — HTML UI (Pie Chart Visualization)

organizationchart.html

<html>

<head>

google.charts.load("current", {packages:["corechart"]});

google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var data = google.visualization.arrayToDataTable([

['ABCSCHOOLSECTION', 'StudentList'],

organizationchart1.html

]);

var options = {

title: 'ABC School',

is3D: true,

};

var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));

chart.draw(data, options);

}

</script>

</head>

<body>

</body>

</html>

🎯 Comparison — Dotweb5.0 vs Core Java

Concepts are identical → Both use Stacks, HashMaps, and ArrayLists.
Syntax differs → Dotweb5.0 uses <WEB>, <PACK>, <CLASS>, <PRINTLN>, and OakJava7 libraries. Java uses standard class, System.out.println, and java.util collections.
Integration → Dotweb5.0 integrates directly with HTML output (J7HTML.displayhtml) for visualization, while Java requires separate HTML files.
Family Relationship → Dotweb5

🌐 OUTPUT : use soweb Theme, pie chart for class A, class B, class C

========================================================================================================

🌐 Dotweb5.0 Advanced Concepts :Type-8 — Secure Login System

🔑 Attractive Login Page with Modal Box, Data Listing, and Logout

==============================================================================================

📌 Program 1 — Dotweb5.0 Servlet (Scrollservelogin.web)

<WEB>

<PACK> ScrollServer {

<CLASS> Programs {

public void main() {

<TRY> {

// Display the login page

HTML.displayhtml("j7UserLogin.html");

}

<CATCH> (Exception e) {

<PRINTLN>("Error.... " + e);

}

<Finally> {

<PRINTLN>("The Finally block is executed...");

}

📝 Explanation

Purpose: This servlet loads the login page (j7UserLogin.html).
Error Handling: Uses <TRY>, <CATCH>, and <Finally> blocks to ensure stability.
Design: Acts as the entry point for the user login system.

📌 Program 2 — HTML Login Page (j7UserLogin.html)

<head>

<title>User Login</title>

</head>

<h2>Enter your Details</h2>

<p><label> Password: <input type="password" name="password" size="15" /></label></p>

</div>

</div>

</form>

// Close modal when clicking outside

var modal = document.getElementById('id01');

window.onclick = function(event) {

if (event.target == modal) {

modal.style.display = "none";

}

</script>

</body>

</html>

📝 Explanation

Modal Box Theme: Attractive login form styled with modelbox1.WS.
Background: Random image with golden theme for elegance.
Form Fields: Username and password inputs.
Actions: Submit sends data to OakJ7Process.web5; reset clears inputs.
Footer: Copyright notice.
JavaScript: Closes modal when clicking outside.

📌 Program 3 — OakJava7 Backend (OakJ7Process.java7)

<JAVA>

<USE> <OJ7UTIL>;

<USE> fx;

<PACK> Program5 {

<CLASS> Prog {

static int count = 0;

public void main() {

String params ="uname,password,NOT";

<PRINTLN>("<!DOCTYPE html>");

HTML.displayhtml("style.html");

<PRINTLN>("<BODY bgcolor=gold>");

<PRINTLN>("<form>");

<PRINTLN>("<P align=right> User Logout click me <a href=http://localhost:9000/ScrollServerLogin.web5> LOGOUT </a>");

OJ7Lib.J7ArrayList armg= Dotweb5.Lib.AddDotWebJ7Request("OakJ7Processoj7.dsn" ,Dotweb5.Lib.AddArrayListData(params),2,1 );

string r = armg.get(0).ToString();

string pwd = armg.get(1).ToString();

String uname = FileSequentialAccess.Read("users3.txt");

String password = FileSequentialAccess.Read("password.txt");

int t6 = 0;

if ((r == "admin") && (pwd.Trim() == password.Trim())) {

if (count == 0) {

FileSequentialAccess.Write("users3.txt", r);

FileSequentialAccess.Write("password.txt", pwd);

}

t6 = 1; count++;

} else {

t6 = 0;

}

if (t6 == 1) {

<PRINTLN>("<P align=left> USER : " + uname + "</p><br>");

} else {

<PRINTLN>("Invalid username");

FileSequentialAccess.Write("users3.txt", " ");

}

<PRINTLN>("</form>");

<PRINTLN>("</html>");

}

📝 Explanation

Purpose: Validates login credentials.
Data Handling: Reads username and password from files (users3.txt, password.txt).
Validation: Checks if input matches stored credentials.
Session Control: Writes user data to file on first login.
Logout: Provides logout link at top‑right corner.
Error Handling: Displays “Invalid username” if credentials fail.

🎯 Summary

Program 1 (Servlet): Loads the login page.
Program 2 (HTML): Attractive modal box login form with username and password fields.
Program 3 (Backend): Validates credentials, manages session, and provides logout.

🌐 OUTPUT : ModelBox green Button,Login page, Second page with LogOut

===============================================================================================================

Dotweb5.0 Advanced Concepts - Type -9 : Advanced DotWeb5.0 Cookie

==============================================================================================================

🍪 Understanding Cookies

A cookie is a small piece of data that a web server sends to a user’s browser. The browser stores this data and sends it back to the server with subsequent requests. Cookies are primarily used to remember user information, maintain sessions, and personalize web experiences.

📖 Definition of a Cookie

A cookie is essentially a text file containing data such as a user ID, session token, or preferences. This file is stored in the browser and helps the server recognize returning users.

⚙️ Cookie Operations in Dotweb5.0

1. CreateCookie

Cookies can be created using the CreateCookie command.

Syntax:

CreateCookie = {sessionId=1gh7889999, localhost, /, 3600}!

This creates a cookie with a session ID and a specified lifespan.

2. UpdateCookie

Cookies can be updated using the UpdateCookie command.

Syntax:

UpdateCookie = {sessionId=100000567Lpgq}!

This updates the existing cookie with a new session ID.

3. DeleteCookie

Cookies can be deleted using the DeleteCookie command.

Syntax:

DeleteCookie = {username=jackee}!

This removes the cookie associated with the given username.

📝 Example Workflow

CreateCookie = {username=wilmixjemin, localhost, /, 3600}!

=> Creates a cookie with username = wilmixjemin

UpdateCookie = {username=jackee}!

=> Updates the username to jackee

DeleteCookie = {username=jackee}!

=> Deletes the cookie with username = jackee

🔒 Note on Dotweb5.0 Advanced Cookies

The Dotweb5.0 cookie system is more advanced than cookie implementations in other programming languages. For security and intellectual property reasons, only 50% of the details are shared here. The full advanced cookie concept will be available in Dotweb5.0 Enterprise Edition.

================================================================================================================

🌐 Dotweb5.0 Advanced Concepts — Type-10 : Business Ledger Transactions

================================================================================================================

🏦 Ram’s Financial Journey with OakJava7 Collections

📌 Problem Statement

Ram begins his financial journey with a large deposit and several business transactions. The sequence is as follows:

Initial Deposit: Ram deposits ₹1 crore into his account at ABC Bank (A/C IC6789).
Household Purchases: He spends ₹3 lakhs on household items.
Wood & Paint Purchases: He spends ₹50,000 on wood and paint.
New Investment: After one week, Ram invests ₹30 lakhs to start a new company.
Company Foundation: He spends ₹20 lakhs on the company’s foundation.
Loss: After one year, the company incurs a loss of ₹10 lakhs.
Partnership: Ram and his best friend decide to start a combined business.

🛠️ Technical Requirements

Use OakJava7 ArrayList packages to store transaction data.
Use Bag collection instead of J7HashMap for managing grouped values.
Display the transactions in a tabular format with Zebra Stripes design (alternating row colors for readability).

📝 Explanation

ArrayList: Stores each transaction sequentially.
Bag Collection: Groups transactions by type (e.g., deposits, purchases, investments).
Zebra Stripes: Alternating row colors in the table improve readability and give a professional look.
Ledger Flow: Each transaction updates the running balance, showing Ram’s financial journey clearly.

🎯 Summary

This scenario demonstrates how OakJava7 collections can be used to manage business transactions in a structured way. By using ArrayList and Bag collections, we can store and group data efficiently. The Zebra Stripes table design ensures that the ledger is visually appealing and easy to interpret.

💻 Program — studmgt.J7Ledger

<WEB>

<PACK> studmgt {

<CLASS> J7Ledger {

Bag ledger = new Bag();

OJ7Lib.J7ArrayList additems = new OJ7Lib.J7ArrayList();

OJ7Lib.J7ArrayList dates = new OJ7Lib.J7ArrayList();

public J7Ledger() {

// put Transaction Labels and Amount at Bag datastructures , Bag DataStructures contains key and value pairs, it can be used for Tree format,

// we can add items to the Bag using PUT statement

ledger.PUT("Day 1: Deposit at ABC Bank (A/C IC6789)", 10000000.0); // 1 Crore

ledger.PUT("Day 2: Household Purchases", -300000.0); // 3 Lakhs spent

ledger.PUT("Day 3: Wood & Paint Purchases", -50000.0); // 50,000 spent

ledger.PUT("Week 1: Investment in New Company", -3000000.0); // 30 Lakhs invested

ledger.PUT("Week 1: Company Foundation Expenses", -2000000.0); // 20 Lakhs spent

ledger.PUT("Year 1: Company Loss", -1000000.0); // 10 Lakhs loss

ledger.PUT("Year 1: Joint Business with Friend", 0.0); // Placeholder

// Add to the OakJava7 arrayList additems using add statement

additems.add("Day 1: Deposit at ABC Bank (A/C IC6789)"); // 1 Crore

additems.add("Day 2: Household Purchases"); // 3 Lakhs spent

additems.add("Day 3: Wood & Paint Purchases"); // 50,000 spent

additems.add("Week 1: Investment in New Company"); // 30 Lakhs invested

additems.add("Week 1: Company Foundation Expenses"); // 20 Lakhs spent

additems.add("Year 1: Company Loss"); // 10 Lakhs loss

additems.add("Year 1: Joint Business with Friend"); // Placeholder

// Add dates separately

dates.add("12-02-2007");

dates.add("12-02-2008");

dates.add("12-02-2007");

dates.add("12-02-2009");

dates.add("12-02-2010");

dates.add("12-02-2011");

dates.add("12-02-2012");

dates.add("12-02-2018");

dates.add("12-02-2025");

}

// Display current state

public void displayFormatA() {

// Display ledger in tabular format

<PRINTLN>("<BR>");<PRINTLN>("<BR>");

<PRINTLN>("<HR><B>Ram's Business Ledger Statement<B> <HR>");

<PRINTLN>("<BR>");<PRINTLN>("<BR>");<PRINTLN>("<BR>");

// Add Zebra types table Design

HTML.displayhtml("zebra.html");

// Add Ledger headers

<PRINTLN>("<tr>");

<PRINTLN>("<th>"); <PRINTLN>("Date/Stage"); <PRINTLN>("</th>");

<PRINTLN>("<th>"); <PRINTLN>("Transcation"); <PRINTLN>("</th>");

<PRINTLN>("<th>"); <PRINTLN>("Amount (Rs.)"); <PRINTLN>("</th>");

<PRINTLN>("<th>"); <PRINTLN>("Running Balance (Rs.)"); <PRINTLN>("</th>");

<PRINTLN>("</tr>");

}

public void displayFormatB() {

double runningBalance = 0.0;

double amount = 0.0;

for(int i=0;i<additems.size();i++) {

// pass the value of arraylist additems , this will return Transcations labels as Key

// use Ledger to get the value using Transaction label keys

// remove [ or ] from the list additems

var amtstr = ledger.get(additems.get(i).ToString().Replace("[","").Replace("]",""));

amount = Convert.ToDouble(amtstr.ToString().Replace("[","").Replace("]",""));

// combine all the amount and add it to runningBalance

runningBalance += amount;

<PRINTLN>("<TR>");

<PRINTLN>("<TD>");

// get dates from arraylist dates

<PRINTLN>(dates.get(i));

<PRINTLN>("</TD>");

<PRINTLN>("<TD>");

// Add Transaction labels as Key

<PRINTLN>(additems.get(i).ToString().Replace("[","").Replace("]",""));

<PRINTLN>("</TD>");

<PRINTLN>("<TD>");

// Add amount to the table

<PRINTLN>(amount);

<PRINTLN>("</TD>");

<PRINTLN>("<TD>");

// Add runningBalance to the table

<PRINTLN>(runningBalance);

<PRINTLN>("</TD>");

<PRINTLN>("</tr>");

}

<PRINTLN>("<tr>");

<PRINTLN>("<td>");

<PRINTLN>("<B>Final Balance</B>");

<PRINTLN>("</td>");

<PRINTLN>("<TD>"); <PRINTLN>(" "); <PRINTLN>("</TD>");

<PRINTLN>("<TD>");

// Add TotalBalance to table

<PRINTLN>(runningBalance);

<PRINTLN>("</TD>");

<PRINTLN>("</tr>");

<PRINTLN>("</Table>");

// Close ZEBRA design for the Table

HTML.displayhtml("zebra1.html");

}

public void main() {

J7Ledger ledger = new J7Ledger();

// Add table Headers and Zebra type design

ledger.displayFormatA();

// Add all the required data and close the zebra type design

ledger.displayFormatB();