History

leestott eaff2e5814 🌐 Update translations via Co-op Translator		2 weeks ago
..
solution	🌐 Update translations via Co-op Translator	3 weeks ago
README.md	🌐 Update translations via Co-op Translator	2 weeks ago
assignment.md	🌐 Update translations via Co-op Translator	3 weeks ago
notebook.ipynb	🌐 Update translations via Co-op Translator	3 weeks ago

README.md

Unescape Escape

کھانے کی سفارش کرنے والی ویب ایپ بنائیں

اس سبق میں، آپ ایک درجہ بندی ماڈل بنائیں گے، جو آپ نے پچھلے اسباق میں سیکھے گئے تکنیکوں کا استعمال کرتے ہوئے اور اس سیریز میں استعمال ہونے والے مزیدار کھانوں کے ڈیٹا سیٹ کے ساتھ ہوگا۔ اس کے علاوہ، آپ ایک چھوٹی ویب ایپ بنائیں گے جو محفوظ کردہ ماڈل کو استعمال کرے گی، Onnx کے ویب رن ٹائم کا فائدہ اٹھاتے ہوئے۔

مشین لرننگ کے سب سے مفید عملی استعمال میں سے ایک سفارش کرنے والے نظام بنانا ہے، اور آپ آج اس سمت میں پہلا قدم اٹھا سکتے ہیں!

🎥 اوپر دی گئی تصویر پر کلک کریں ویڈیو کے لیے: جین لوپر درجہ بند کھانوں کے ڈیٹا کا استعمال کرتے ہوئے ایک ویب ایپ بناتی ہیں

سبق سے پہلے کا کوئز

اس سبق میں آپ سیکھیں گے:

ماڈل کیسے بنائیں اور اسے Onnx ماڈل کے طور پر محفوظ کریں
Netron کا استعمال کرکے ماڈل کا معائنہ کیسے کریں
اپنے ماڈل کو ویب ایپ میں انفرنس کے لیے کیسے استعمال کریں

اپنا ماڈل بنائیں

مشین لرننگ کے عملی نظام بنانا ان ٹیکنالوجیز کو آپ کے کاروباری نظاموں کے لیے فائدہ مند بنانے کا ایک اہم حصہ ہے۔ آپ اپنے ویب ایپلیکیشنز میں ماڈلز استعمال کر سکتے ہیں (اور اگر ضرورت ہو تو انہیں آف لائن سیاق و سباق میں بھی استعمال کر سکتے ہیں) Onnx کا استعمال کرتے ہوئے۔

ایک پچھلے سبق میں، آپ نے UFO مشاہدات کے بارے میں ایک ریگریشن ماڈل بنایا، اسے "پکل" کیا، اور اسے Flask ایپ میں استعمال کیا۔ اگرچہ یہ فن تعمیر جاننا بہت مفید ہے، یہ ایک مکمل اسٹیک Python ایپ ہے، اور آپ کی ضروریات میں JavaScript ایپلیکیشن کا استعمال شامل ہو سکتا ہے۔

اس سبق میں، آپ انفرنس کے لیے ایک بنیادی JavaScript پر مبنی نظام بنا سکتے ہیں۔ لیکن پہلے، آپ کو ایک ماڈل تربیت دینا ہوگا اور اسے Onnx کے ساتھ استعمال کے لیے تبدیل کرنا ہوگا۔

مشق - درجہ بندی ماڈل کی تربیت کریں

سب سے پہلے، صاف شدہ کھانوں کے ڈیٹا سیٹ کا استعمال کرتے ہوئے ایک درجہ بندی ماڈل تربیت کریں۔

مفید لائبریریاں درآمد کریں:
```
!pip install skl2onnx
import pandas as pd 
```
آپ کو 'skl2onnx' کی ضرورت ہوگی تاکہ اپنے Scikit-learn ماڈل کو Onnx فارمیٹ میں تبدیل کر سکیں۔
پھر، اپنے ڈیٹا کے ساتھ اسی طرح کام کریں جیسے آپ نے پچھلے اسباق میں کیا تھا، read_csv() کا استعمال کرتے ہوئے ایک CSV فائل پڑھیں:
```
data = pd.read_csv('../data/cleaned_cuisines.csv')
data.head()
```
پہلے دو غیر ضروری کالم ہٹا دیں اور باقی ڈیٹا کو 'X' کے طور پر محفوظ کریں:
```
X = data.iloc[:,2:]
X.head()
```
لیبلز کو 'y' کے طور پر محفوظ کریں:
```
y = data[['cuisine']]
y.head()
```

تربیتی عمل شروع کریں

ہم 'SVC' لائبریری استعمال کریں گے جس کی درستگی اچھی ہے۔

Scikit-learn سے مناسب لائبریریاں درآمد کریں:

from sklearn.model_selection import train_test_split
from sklearn.svm import SVC
from sklearn.model_selection import cross_val_score
from sklearn.metrics import accuracy_score,precision_score,confusion_matrix,classification_report

تربیتی اور ٹیسٹ سیٹ الگ کریں:

X_train, X_test, y_train, y_test = train_test_split(X,y,test_size=0.3)

پچھلے سبق کی طرح ایک SVC درجہ بندی ماڈل بنائیں:

model = SVC(kernel='linear', C=10, probability=True,random_state=0)
model.fit(X_train,y_train.values.ravel())

اب، اپنے ماڈل کو ٹیسٹ کریں، predict() کو کال کریں:
```
y_pred = model.predict(X_test)
```

ماڈل کے معیار کو چیک کرنے کے لیے ایک درجہ بندی رپورٹ پرنٹ کریں:

print(classification_report(y_test,y_pred))

جیسا کہ ہم نے پہلے دیکھا، درستگی اچھی ہے:

                precision    recall  f1-score   support

     chinese       0.72      0.69      0.70       257
      indian       0.91      0.87      0.89       243
    japanese       0.79      0.77      0.78       239
      korean       0.83      0.79      0.81       236
        thai       0.72      0.84      0.78       224

    accuracy                           0.79      1199
   macro avg       0.79      0.79      0.79      1199
weighted avg       0.79      0.79      0.79      1199

اپنے ماڈل کو Onnx میں تبدیل کریں

یقینی بنائیں کہ تبدیلی مناسب Tensor نمبر کے ساتھ کریں۔ اس ڈیٹا سیٹ میں 380 اجزاء درج ہیں، لہذا آپ کو FloatTensorType میں اس نمبر کو نوٹ کرنا ہوگا:

380 کے Tensor نمبر کا استعمال کرتے ہوئے تبدیل کریں۔

from skl2onnx import convert_sklearn
from skl2onnx.common.data_types import FloatTensorType

initial_type = [('float_input', FloatTensorType([None, 380]))]
options = {id(model): {'nocl': True, 'zipmap': False}}

onx بنائیں اور اسے model.onnx کے طور پر فائل میں محفوظ کریں:
```
onx = convert_sklearn(model, initial_types=initial_type, options=options)
with open("./model.onnx", "wb") as f:
    f.write(onx.SerializeToString())
```
نوٹ کریں، آپ اپنے تبدیلی اسکرپٹ میں اختیارات پاس کر سکتے ہیں۔ اس معاملے میں، ہم نے 'nocl' کو True اور 'zipmap' کو False پاس کیا۔ چونکہ یہ ایک درجہ بندی ماڈل ہے، آپ کے پاس ZipMap کو ہٹانے کا اختیار ہے جو لغات کی فہرست تیار کرتا ہے (ضروری نہیں)۔ nocl ماڈل میں کلاس معلومات شامل ہونے کا حوالہ دیتا ہے۔ اپنے ماڈل کا سائز کم کرنے کے لیے nocl کو 'True' پر سیٹ کریں۔

پورا نوٹ بک چلانے سے اب ایک Onnx ماڈل بنے گا اور اسے اس فولڈر میں محفوظ کیا جائے گا۔

اپنے ماڈل کو دیکھیں

Onnx ماڈلز Visual Studio کوڈ میں زیادہ نظر نہیں آتے، لیکن ایک بہت اچھا مفت سافٹ ویئر ہے جسے بہت سے محققین ماڈل کو دیکھنے کے لیے استعمال کرتے ہیں تاکہ یہ یقینی بنایا جا سکے کہ یہ صحیح طریقے سے بنایا گیا ہے۔ Netron ڈاؤن لوڈ کریں اور اپنی model.onnx فائل کھولیں۔ آپ اپنے سادہ ماڈل کو دیکھ سکتے ہیں، اس کے 380 ان پٹس اور درجہ بندی کنندہ کے ساتھ:

Netron آپ کے ماڈلز کو دیکھنے کے لیے ایک مددگار ٹول ہے۔

اب آپ اس زبردست ماڈل کو ایک ویب ایپ میں استعمال کرنے کے لیے تیار ہیں۔ آئیے ایک ایپ بنائیں جو اس وقت کام آئے گی جب آپ اپنے ریفریجریٹر میں دیکھیں گے اور یہ معلوم کرنے کی کوشش کریں گے کہ آپ کے بچے ہوئے اجزاء کے کس امتزاج کو استعمال کرکے آپ کا ماڈل کس کھانے کو پکانے کی تجویز دیتا ہے۔

سفارش کرنے والی ویب ایپلیکیشن بنائیں

آپ اپنے ماڈل کو براہ راست ایک ویب ایپ میں استعمال کر سکتے ہیں۔ یہ فن تعمیر آپ کو اسے مقامی طور پر اور یہاں تک کہ آف لائن بھی چلانے کی اجازت دیتا ہے اگر ضرورت ہو۔ اس فولڈر میں جہاں آپ نے اپنی model.onnx فائل محفوظ کی ہے، ایک index.html فائل بنائیں۔

اس فائل index.html میں، درج ذیل مارک اپ شامل کریں:

<!DOCTYPE html>
<html>
    <header>
        <title>Cuisine Matcher</title>
    </header>
    <body>
        ...
    </body>
</html>

اب، body ٹیگز کے اندر کام کرتے ہوئے، کچھ اجزاء کو ظاہر کرنے کے لیے چیک باکسز کی ایک فہرست شامل کریں:

<h1>Check your refrigerator. What can you create?</h1>
        <div id="wrapper">
            <div class="boxCont">
                <input type="checkbox" value="4" class="checkbox">
                <label>apple</label>
            </div>

            <div class="boxCont">
                <input type="checkbox" value="247" class="checkbox">
                <label>pear</label>
            </div>

            <div class="boxCont">
                <input type="checkbox" value="77" class="checkbox">
                <label>cherry</label>
            </div>

            <div class="boxCont">
                <input type="checkbox" value="126" class="checkbox">
                <label>fenugreek</label>
            </div>

            <div class="boxCont">
                <input type="checkbox" value="302" class="checkbox">
                <label>sake</label>
            </div>

            <div class="boxCont">
                <input type="checkbox" value="327" class="checkbox">
                <label>soy sauce</label>
            </div>

            <div class="boxCont">
                <input type="checkbox" value="112" class="checkbox">
                <label>cumin</label>
            </div>
        </div>
        <div style="padding-top:10px">
            <button onClick="startInference()">What kind of cuisine can you make?</button>
        </div>

نوٹ کریں کہ ہر چیک باکس کو ایک ویلیو دی گئی ہے۔ یہ اس انڈیکس کی عکاسی کرتا ہے جہاں جزو ڈیٹا سیٹ کے مطابق پایا جاتا ہے۔ مثال کے طور پر، ایپل اس حروف تہجی کی فہرست میں پانچویں کالم پر قابض ہے، لہذا اس کی ویلیو '4' ہے کیونکہ ہم 0 سے گنتی شروع کرتے ہیں۔ آپ اجزاء اسپریڈشیٹ سے مشورہ کر سکتے ہیں تاکہ کسی دیے گئے جزو کے انڈیکس کو دریافت کریں۔

اپنے index.html فائل میں کام جاری رکھتے ہوئے، ایک اسکرپٹ بلاک شامل کریں جہاں ماڈل کو آخری بند </div> کے بعد بلایا جائے۔

سب سے پہلے، Onnx Runtime درآمد کریں:
```
<script src="https://cdn.jsdelivr.net/npm/onnxruntime-web@1.9.0/dist/ort.min.js"></script> 
```
Onnx Runtime آپ کے Onnx ماڈلز کو وسیع ہارڈویئر پلیٹ فارمز پر چلانے کے قابل بنانے کے لیے استعمال کیا جاتا ہے، بشمول اصلاحات اور استعمال کے لیے ایک API۔

ایک بار جب Runtime جگہ پر ہو، آپ اسے کال کر سکتے ہیں:

<script>
    const ingredients = Array(380).fill(0);

    const checks = [...document.querySelectorAll('.checkbox')];

    checks.forEach(check => {
        check.addEventListener('change', function() {
            // toggle the state of the ingredient
            // based on the checkbox's value (1 or 0)
            ingredients[check.value] = check.checked ? 1 : 0;
        });
    });

    function testCheckboxes() {
        // validate if at least one checkbox is checked
        return checks.some(check => check.checked);
    }

    async function startInference() {

        let atLeastOneChecked = testCheckboxes()

        if (!atLeastOneChecked) {
            alert('Please select at least one ingredient.');
            return;
        }
        try {
            // create a new session and load the model.

            const session = await ort.InferenceSession.create('./model.onnx');

            const input = new ort.Tensor(new Float32Array(ingredients), [1, 380]);
            const feeds = { float_input: input };

            // feed inputs and run
            const results = await session.run(feeds);

            // read from results
            alert('You can enjoy ' + results.label.data[0] + ' cuisine today!')

        } catch (e) {
            console.log(`failed to inference ONNX model`);
            console.error(e);
        }
    }

</script>

اس کوڈ میں، کئی چیزیں ہو رہی ہیں:

آپ نے 380 ممکنہ ویلیوز (1 یا 0) کی ایک صف بنائی ہے جو انفرنس کے لیے ماڈل کو بھیجی جائے گی، اس پر منحصر ہے کہ آیا کوئی جزو چیک باکس چیک کیا گیا ہے۔
آپ نے چیک باکسز کی ایک صف بنائی اور ایک طریقہ جس سے یہ معلوم کیا جا سکے کہ آیا وہ init فنکشن میں چیک کیے گئے تھے جو ایپلیکیشن شروع ہونے پر بلایا جاتا ہے۔ جب کوئی چیک باکس چیک کیا جاتا ہے، تو ingredients صف کو منتخب کردہ جزو کی عکاسی کرنے کے لیے تبدیل کیا جاتا ہے۔
آپ نے ایک testCheckboxes فنکشن بنایا جو چیک کرتا ہے کہ آیا کوئی چیک باکس چیک کیا گیا تھا۔
آپ startInference فنکشن استعمال کرتے ہیں جب بٹن دبایا جاتا ہے اور، اگر کوئی چیک باکس چیک کیا جاتا ہے، تو آپ انفرنس شروع کرتے ہیں۔
انفرنس روٹین میں شامل ہیں:
1. ماڈل کا غیر متزامن لوڈ سیٹ اپ کرنا
2. ماڈل کو بھیجنے کے لیے ایک Tensor ڈھانچہ بنانا
3. 'feeds' بنانا جو float_input ان پٹ کی عکاسی کرتا ہے جو آپ نے اپنے ماڈل کو تربیت دیتے وقت بنایا تھا (آپ Netron کا استعمال کرکے اس نام کی تصدیق کر سکتے ہیں)
4. ان 'feeds' کو ماڈل میں بھیجنا اور جواب کا انتظار کرنا

اپنی ایپلیکیشن کا ٹیسٹ کریں

Visual Studio Code میں اس فولڈر میں ایک ٹرمینل سیشن کھولیں جہاں آپ کی index.html فائل موجود ہے۔ یقینی بنائیں کہ آپ نے http-server کو عالمی طور پر انسٹال کیا ہے، اور پرامپٹ پر http-server ٹائپ کریں۔ ایک localhost کھلنا چاہیے اور آپ اپنی ویب ایپ دیکھ سکتے ہیں۔ مختلف اجزاء کی بنیاد پر کون سا کھانا تجویز کیا جاتا ہے چیک کریں:

مبارک ہو، آپ نے چند فیلڈز کے ساتھ ایک 'سفارش' ویب ایپ بنائی ہے۔ اس نظام کو بنانے میں کچھ وقت لگائیں!

🚀چیلنج

آپ کی ویب ایپ بہت کم سے کم ہے، لہذا ingredient_indexes ڈیٹا سے اجزاء اور ان کے انڈیکس کا استعمال کرتے ہوئے اسے مزید بنائیں۔ کون سے ذائقے کے امتزاج ایک دیے گئے قومی کھانے کو بنانے کے لیے کام کرتے ہیں؟

سبق کے بعد کا کوئز

جائزہ اور خود مطالعہ

جبکہ اس سبق نے کھانے کے اجزاء کے لیے سفارش کرنے والے نظام بنانے کی افادیت کو صرف چھوا، مشین لرننگ ایپلیکیشنز کے اس علاقے میں مثالوں کی بہتات ہے۔ مزید پڑھیں کہ یہ نظام کیسے بنائے جاتے ہیں:

اسائنمنٹ

ایک نیا سفارش کنندہ بنائیں

ڈسکلیمر:
یہ دستاویز AI ترجمہ سروس Co-op Translator کا استعمال کرتے ہوئے ترجمہ کی گئی ہے۔ ہم درستگی کے لیے کوشش کرتے ہیں، لیکن براہ کرم آگاہ رہیں کہ خودکار ترجمے میں غلطیاں یا غیر درستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی اصل زبان میں مستند ذریعہ سمجھا جانا چاہیے۔ اہم معلومات کے لیے، پیشہ ور انسانی ترجمہ کی سفارش کی جاتی ہے۔ ہم اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے ذمہ دار نہیں ہیں۔

README.md Unescape Escape