Tag Archives: ওয়েব

অ্যাপ এমএল স্থাপত্য (AppML Architecture)

Huge Sell on Popular Electronics

নাজমুল ইসলাম

আধুনিক ওয়েব স্থাপত্য

AppML সমসাময়িক কৌশল এবং আধুনিক ওয়েব ডেভেলপমেন্ট এর ধারনাকে একত্রিত করে।

AppML গতি, সরলতা, এবং কম খরচে উপর নজর দেয়:

  • সেবামূলক MVC আর্কিটেকচার
  • অত্যন্ত কম ব্যান্ডউইথ খরচ
  • ক্লাউড কম্পিউটিং জন্য অনুকূল
  • উপস্থাপনা বা প্রেজেন্টেশন থেকে কন্টেন্টসময়হ সম্পূর্ণ আলাদা করা
  • ইন্টেলিজেন্ট ঘোষণামূলক প্রোগ্রামিং
  • দ্রুত এবং তৎপর ওয়েব ডেভেলপমেন্ট
  • উচ্চ আকার পরিবর্তনযোগ্য এবং পরীক্ষাসক্ষম
  • কনফিগারেশন এবং পুনরায় কনফিগার করা সহজ
  • ব্যবহারকারীর অ্যাকাউন্ট এবং কর্মের জন্য নিপুণ সহায়তা

 

MVC আর্কিটেকচার

AppML এ MVC আর্কিটেকচার ব্যবহার

MVC বলতে বোঝায় মডেল, ভিউ, কন্ট্রোলার

  • মডেল আপনার অ্যাপ্লিকেশন সম্পর্কে বর্ণনা দেয়
  • ভিউ আপনার ডাটা প্রদশন করে
  • কন্ট্রোলার আপনার অ্যাপ্লিকেশনকে নিয়ন্ত্রণ করে

 

উইকিপিডিয়া: মডেল, ভিউ, কন্ট্রোলার

মডেল - কেবল JSON

মডেল অ্যাপ্লিকেশনকে বর্ণনা করে

মডেল বিভিন্ন হার্ডওয়্যার এবং সফটওয়্যার প্ল্যাটফর্ম এ পুনরায় ব্যবহার করা যায় (সার্ভার, পিসি, আইফোন, ট্যাবলেট, ইত্যাদি)

মডেল উপস্থাপনা বা ইউজার ইন্টারফেস (UI) এর সাথে সংশ্লিষ্ট নয়।

মডেল JSON এর মধ্যে লিখিত হয়:

Model


{
 "rowsperpage" : 10,
 "database" : {
     "connection" : "localmysql",
     "sql" : "SELECT CustomerName, City, Country FROM Customers",
     "orderby" : "CustomerName"
 },
 "filteritems" : [
     {"item" : "CustomerName", "label" : "Customer"},
     {"item" : "City"},
     {"item" : "Country"}
 ],
 "sortitems" : [
     {"item" : "CustomerName", "label" : "Customer"},
     {"item" : "City"},
     {"item" : "Country"}
 ]
 }

 

ভিউ - কেবল এইচটিএমএল

ভিউ হচ্ছে ডাটা (এবং ইনপুট) দেখানোর জন্য  ইউজার ইন্টারফেস (UI)

ভিউ  HTML এবং CSS এ লেখা হয়:

এইচটিএমএল ভিউ


<!DOCTYPE html>
 <html lang="en-US">
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 <script src="http://www.w3schools.com/appml/2.0.3/appml.js"></script>
 <body>
 
 <div class="container" appml-data="local?model=model_customers">
 <h1>Customers</h1>
 <div appml-include-html="inc_listcommands.htm"></div>
 <div appml-include-html="inc_filter.htm"></div>
 
 <table class="table table-striped table-bordered">
 <tr>
   <th>Customer</th>
   <th>City</th>
   <th>Country</th>
 </tr>
 <tr appml-repeat="records">
   <td>{{CustomerName}}</td>
   <td>{{City}}    </td>
   <td>{{Country}} </td>
 </tr>
 </table>
 </div>
 
 </body>
 </html>

 

 

নিয়ামক (কন্ট্রোলার) - ক্লায়েন্ট এবং / অথবা সার্ভার স্ক্রিপ্ট

একটি ক্লায়েন্ট স্ক্রিপ্ট হচ্ছে একটি ওয়েভ পেজ যা অ্যাপ্লিকেশনকে নিয়ন্ত্রণ করতে পারে।

  • অ্যাপ এমএল মেথড এ সঙ্গায়িত ডাটা প্রদর্শন করতে পারে
  • অ্যাপ এমএল এইচটিএমএল অ্যাট্রিবিউট এ সঙ্গায়িত ডাটা প্রদর্শন করতে পারে
  • অ্যাপ এমএল অ্যাপ্লিকেশন এইচটিএমএল এ কারো সহায়তা ছাড়াই চালু হতে পারে (লুকানো ভাবে)
  •  (ঐচ্ছিক) অ্যাপ এমএল ওয়েব সার্ভার থেকে মডেল ডাটার জন্য অনুরোধ করতে পারে (এসকিউএল সার্ভার)।
  • (ঐচ্ছিক) অ্যাপ এমএল ব্যবহারকারীরা ডাটা সম্পাদনা বা পরিবর্তন করতে পারে।
  • (ঐচ্ছিক) অ্যাপ এমএল ওয়েব সার্ভারে ডাটা প্রদান করতে পারে।

 

সার্ভার স্ক্রিপ্ট অ্যাপ্লিকেশনকে নিন্মক্তভাবে নিয়ন্ত্রণ করতে পারে :

  • গ্রাহকের (ব্রাউজার) কাছ থেকে অনুরোধ গ্রহণ করে
  • গ্রাহককে ডাটা ফেরত দিয়ে
  • গ্রাহকের কাছ থেকে ডাটা গ্রহণ করে
  • সার্ভার এর ডাটা আপডেট করে
  • অনুমোদন ও নিরাপত্তা তদারকী করে

 

প্রোগ্রামিং এর শিল্প

আবেদন আকার এবং কম জটিলতা রাখা, সকল প্রোগ্রামিং এর প্রধান সমস্যা।

কম্পিউটার অ্যাপ্লিকেশন এর জটিলতা নিয়ন্ত্রণ, প্রোগ্রামিং এর সঠিক কৌশল।

ঘোষণামূলক প্রোগ্রামিং

সফটওয়্যার উন্নয়ন প্রায়শই সময়সীমা এবং বাজেটের জন্য ক্ষতিগ্রস্থ হয়। সম্পন্ন সফটওয়্যার এ প্রায়ই প্রচুর কোডিং সমস্যা থাকে। এর কারণ হচ্ছে কোড উন্নয়ন, পরীক্ষা করা এবং পরিচালনা করা কঠিন।

কোডিং এর ক্ষেত্রে আপনাকে কিভাবে করতে হবে থেকে কি করতে হবে তা বর্ণনা করার উপর বেশি গুরুত্ব দিতে হবে।

অ্যাপ এমএল এ মডেল এবং ভিউ এ আপনার অ্যাপ্লিকেশন ঘোষণা করতে হবে।

অ্যাপ এমএল এ খুব কমই (অনেক সময় কিছুই নয়) কোডিং করতে হয়।

 

উইকিপিডিয়া: ঘোষণামূলক প্রোগ্রামিং

 

দ্রুত এবং তৎপর এপ্লিকেশন উন্নয়ন (ডেভেলপমেন্ট)

কম্পিউটার অ্যাপ্লিকেশন এর জটিলতা নিয়ন্ত্রণ, প্রোগ্রামিং এর সঠিক কৌশল।

আবেদন আকার এবং কম জটিলতা রাখা, সকল প্রোগ্রামিং এর প্রধান সমস্যা।

RAD হচ্ছে একটি সফটওয়্যার ডেভেলপমেন্ট মেথড যা দ্রুত প্রোটোটাইপিং এর উদ্দেশ্যে নুন্যতম পরিকল্পনা ব্যবহার করে।

অ্যাপ এমএল অতিদ্রুত প্রোটোটাইপিং সরবরাহ করে, ঐতিহ্যগত উন্নয়ন পদ্ধতির তুলনায় ১০০ গুণ দ্রুত।

অ্যাপ্লিকেশন প্রোটোটাইপ অ্যাপ্লিকেশন মডেল থেকে কোন কোডিং ছাড়াই সরাসরি চালু হতে পারে।

উইকিপিডিয়া: দ্রুত এপ্লিকেশন ডেভেলপমেন্ট

এজাইল সফটওয়্যার উন্নয়ন (Agile software development) হচ্ছে একটি ধাপে ধাপে উন্নয়নের একটি পদ্ধতি, যেখানে ব্যবহারকারী এবং ডেভেলপারদের প্রত্যেক্ষ সহযোগিতায় সমাধান তৈরি করা হয়।

অ্যাপ এমএল দিয়ে অ্যাপ্লিকেশন ধাপে ধাপে  অল্প বৃদ্ধি করে, প্রোটোটাইপ থেকে সম্পন্ন অ্যাপ্লিকেশন লেখা যেতে পারে।

উইকিপিডিয়া: তৎপর সফটওয়্যার ডেভেলপমেন্ট

 

চলবে (To be continue)

 

অ্যাপ এম এল ক্লায়েন্ট (The AppML Client)

Huge Sell on Popular Electronics

রিদওয়ান বিন শামীম

 

পরবর্তী অধ্যায়গুলোতে আমরা ওয়েব ব্রাউজারে ওয়েব এপ্লিকেশন তৈরি করব।

 

অ্যাপ এম এল ক্লায়েন্ট

অ্যাপ এম এল ক্লায়েন্ট হল একধরনের জাভাস্ক্রিপ্ট যা যেকোনো ওয়েব ব্রাউজারে চলতে পারে।

এটি এক লাইনের কোডের মাধ্যমেই যেকোনো এইচটিএমএল পেজে যোগ করা যায়,


<scriptsrc="http://www.w3schools.com/appml/2.0.3/appml.js"></script>


 

অ্যাপ এম এল ক্লায়েন্ট এইচটিএমএল এট্রিবিউট ব্যবহার করে যেকোনো এইচটিএমএল উপাদানে এক্সটারনাল ডাটা যোগ করার সুবিধা দেয়।


<tableappml-data="customers.js">


 

 

এটির বিল্ট ইন একটি সুবিধা হল, এটি এইচটিএমএলের যেকোনো জায়গায় ডাটা প্রদর্শন করতে পারে।


<td>{{CustomerName}}</td>


 

 

{{ ... }} হল অ্যাপ এম এল ডাটার সংস্থাপন চিহ্ন।

 

এটির বিল্ট ইন আর একটি সুবিধা হল ডাটার ভেতর থাকা কোনও অ্যারি ব্যবহার করে এইচটিএমএলের উপাদানকে পুনরাবৃত্তি করা যায় ।


 <tr appml-repeat="records">
 ..
 .
 </tr>

 

 

অ্যাপ এম এল ক্লায়েন্ট সিএসএস বা এইচটিএমএলের সাথে কোনও সমস্যা করে না, এটি সিএসএসের সাথে ভাল সমন্বয় করতে পারে, আমরা উদাহরণে বুটস্ট্রেপ ব্যবহার করেছি।

 

অ্যাপ এম এল ওয়েব এপ্লিকেশন

অ্যাপ এম এল ওয়েব এপ্লিকেশন বানানোর জন্য খুবই উপযোগী, এর সবচেয়ে বড় গুন হল ব্রাউজারে ডাটাবেস সিআরইউডি এপ্লিকেশনসহ প্রোটোটাইপ বানানোর ক্ষমতা, এবং কোনও ওয়েব সার্ভারেরও দরকার হয় না।


সিআরইউডি বা CRUD: Create, Read, Update, Delete.


 

 

অ্যাপ এম এল সার্ভার

অ্যাপ এম এল দুটি সার্ভার টাইপ ব্যবহার করে, পিএইচপি ও ডটনেট।

অ্যাপ এম এল সার্ভার স্ক্রিপ্ট ব্যবহার করে এসকিউএল ডাটাবেসে যেমন মাইএসকিউএল ও এসকিউএল ডাটাবেসে প্রবেশ করা যায়। এই সার্ভার স্ক্রিপ্ট অত্যন্ত শক্তিশালী, যেকোনো পিএইচপি ও ডটনেট সার্ভারে ইন্সটল করা যায়।

 

অ্যাপ এম এল ওয়েব এসকিউএল

দ্রুত ওয়েব এপ্লিকেশন ডেভলাপমেন্ট ও প্রোটোটাইপিঙের জন্য অ্যাপ এম এল ওয়েব এসকিউএল ব্যবহার করে ব্রাউজারে ওয়েব সার্ভারকে নকল করতে পারে। ওয়েব এসকিউএল হল একধরণের ওয়েবপেজ এপিআই যা এসকিউএল ব্যবহার করে ব্রাউজারে ডাটা সংরক্ষণের কাজ করে। এই এপিআই গুগল ক্রোম, অপেরা, সাফারি ও এনড্রয়েড ব্রাউজারে সমর্থিত। শুধু ব্রাউজারে নিচের স্ক্রিপ্ট সংযোজন করতে হবে,


<scriptsrc="http://www.w3schools.com/appml/2.0.3/appml_sql.js"></script>


 

 

ওয়েব সেবা

Huge Sell on Popular Electronics

ওয়েব সেবা:
ওয়েব সেবা একটি সংযোগ প্রযুক্তি । এটি পরিষেবা ভিত্তিক আর্কিটেকচারের মধ্যে একসঙ্গে সেবা সংযুক্ত হওয়ার একটি উপায় । ওয়েব পরিষেবাগুলির প্রাথমিক উপাদান:

(ক) ভাণ্ডার
(খ) মেসেজিং
(গ) সেবা

অবশ্যই, ওয়েব সেবা আরো আছে. নীচে তালিকাবদ্ধ নিবন্ধ একটি ওভারভিউ প্রদান.

**ওয়েব সেবা সংজ্ঞা
- সার্ভিস ওরিয়েন্টেড আর্কিটেকচার (SOA) সংজ্ঞা
- ব্যাখ্যা ওয়েব সেবা
- এপ্লিকেশন প্রোগ্রাম ইন্টারফেস (API গুলি)
- ওয়েব সেবা বিশেষ উল্লেখ
- মডেল ও Metmodels
- বিজনেস প্রসেস মডেলিং ভাষা (BPML)
- বিজনেস প্রসেস মডেলিং স্বরলিপি (BPMN)
- প্রচলিত ওয়্যারহাউস Metamodel (CWM)
- মডেল চালিত স্থাপত্য (MDA)
- ওয়েব সেবা কম্পোনেন্ট মডেল (WSCM)
- ওয়েব সেবা রিসোর্স ফ্রেমওয়ার্ক (WSRF)

** ভাণ্ডার
- ডিরেক্টরি সেবা মার্কআপ ল্যাঙ্গুয়েজ (DSML)
- ebXML রেজিস্ট্রি
- ইউনিভার্সাল বর্ণনা, আবিষ্কার, এবং ইন্টিগ্রেশন (UDDI)

** মেসেজিং
- মেসেজিং সামগ্রী
- মেসেজিং বিশেষ উল্লেখ
- লেনদেন বিশেষ উল্লেখ

**সেবা
- ওয়েব সেবা বর্ণনা ভাষা (WSDL)
- ওয়েব সেবা পলিসি ফ্রেমওয়ার্ক (WS-নীতি)
- ওয়েব সেবা ডায়নামিক আবিষ্কার (WS-আবিষ্কার)
- ওয়েব সেবা মেটাডেটা এক্সচেঞ্জ (WS-MetaDataExchange)
- ওয়েব সেবা এন্ডপয়েন্ট ভাষা (WSEL)

** নিরাপত্তা ও অনুমোদন
-প্রসার্য এক্সেস কন্ট্রোল মার্কআপ ল্যাঙ্গুয়েজ (XACML)
- এক্সটেনসিবল রাইটস মার্কআপ ল্যাঙ্গুয়েজ (XrML)
-নিরাপত্তা কথন মার্কআপ ল্যাঙ্গুয়েজ (SAML)
-সার্ভিস Provisioning মার্কআপ ল্যাঙ্গুয়েজ (SPML)
-ওয়েব সেবা সিকিউরিটি (WSS)
-এক্সএমএল প্রচলিত বায়োমেট্রিক ফরমেট (XCBF)
-এক্সএমএল বিশেষ বিশেষ ম্যানেজমেন্ট স্পেসিফিকেসন (XKMS)

**Federated নেটওয়ার্ক আইডেন্টিটি

-পরিচয়পত্র ফেডারেশন ফ্রেমওয়ার্ক (আইডি-FF)
-পরিচয়পত্র সার্ভিস ইন্টারফেস বিশেষ উল্লেখ (আইডি-sis)
-পরিচয়পত্র ওয়েব সার্ভিসেস ফ্রেমওয়ার্ক (আইডি-WSF)

**ইউজার ইন্টারফেস
-ইউজার ইন্টারফেস মার্কআপ ল্যাঙ্গুয়েজ (UIML)
-ওয়েব সেবা অভিজ্ঞতা ভাষা (WSXL)
-ইন্টারেক্টিভ অ্যাপ্লিকেশন দ্বারা জন্য ওয়েব সার্ভিসেস (WSIA)
-রিমোট Portlets জন্য ওয়েব সার্ভিসেস (WSRP)
-ওয়েব সেবা ইউজার ইন্টারফেস (WSUI)

**কর্মপ্রবাহ
-ব্যবসা সেন্ট্রিক পদ্ধতি (BCM)
-বিজনেস প্রসেস এক্সেকিউশন ভাষা (BPEL)
-বিজনেস প্রসেস অনুসন্ধান ভাষা (BPQL)
-বিজনেস প্রসেস স্পেসিফিকেসন স্কিমা (BPSS)
-প্রচলিত সতর্ক প্রোটোকল (ক্যাপ)
-ব্যবসায় লেনদেন প্রোটোকল (BTP)
-সম্পৃক্ততা প্রোটোকল প্রোফাইল / এগ্রিমেন্ট (CPP / এ)
-বিষয়বস্তু পরিষদ ব্যবস্থাসমূহ (CAM)
-RosettaNet বাস্তবায়ন ফ্রেমওয়ার্ক (RNIF)
-সাথি ইন্টারফেস প্রক্রিয়া (হত্যা করা)
-ওয়েব সেবা ফ্লো ভাষা (WSFL)
-WF-এক্সএমএল
-WS নৃত্যপরিকল্পনা বর্ণনা ভাষা (CDL)
-XLANG

**অ্যাপ্লিকেশন সার্ভারের
- J2EE
-dot নেট

**অবজেক্ট প্রোগ্রামিং ভাষাসমূহ
-সি + +
-সি #
-জাভা

এর আগে সার্ভিস ওরিয়েন্টেড আর্কিটেকচার বিশেষ উল্লেখ
-DCOM
-CORBA
-অবজেক্ট অনুরোধ Broker (ORB)
-ঈশ্বর ইন্টারফেস সংজ্ঞা ভাষা (IDL)

**বিভিন্ন সংস্থা
-Consortia
-ক্রস শিল্প Consortia
-শিল্প Consortia
**ব্যক্তিগত অবদান প্রতিষ্ঠান
-একাডেমিয়া Sinica কম্পিউটিং সেন্টার (ASCC)
-BEA (ওরাকল দ্বারা অর্জিত)
-রসায়ন শিল্প তথ্য বিনিময় (CIDX)
-হিউলেট প্যাকার্ড
-আইবিএম
-MathWeb.org
-মাইক্রোসফট
-নাসা
-NetSuite
-OpenMath সোসাইটি
-OpenWDDX.org
-থাই ওপেন সোর্স সফটওয়্যার সেন্টার
-WSUI ওয়ার্কিং গ্রুপ
-www.xml-cml.org

**স্ট্যান্ডার্ড প্রতিষ্ঠান
-স্বীকৃত স্ট্যান্ডার্ড কমিটি (উচ্চক্রমে) X12
-ECMA
-স্বাস্থ্য শ্রেনী সাত (HL7)
-তথ্য প্রযুক্তি স্ট্যান্ডার্ড জন্য আন্তর্জাতিক কমিটি (INCITS)
-আন্তর্জাতিক ইমেজিং ইন্ডাস্ট্রি অ্যাসোসিয়েশন (I3A)
-বাণিজ্য সুবিধা ও বৈদ্যুতিন ব্যবসা জন্য জাতিসংঘের সেন্টার (জাতিসংঘের /CEFACT)
- সার্ভিস ওরিয়েন্টেড আর্কিটেকচার (SOA) শাসন

ওয়েব ডেভেলপমেন্ট – ১০০ : ওয়েব ডিজাইন পরিচিতি (Introduction to Web Design)

Huge Sell on Popular Electronics

পাঁচ মিনিটেই একটি ওয়েব সাইট তৈরি করুন :

 

একটি সম্পূর্ণ ওয়েবসাইট তৈরি করুন:

 

CSS ব্যবহার করে ওয়েবসাইট এর বিষয়বস্তু উপস্থাপন

ইন্টারনেট কিভাবে কাজ করে? কিভাবে ওয়েবসাইট হোস্ট করা হয়?