Szakdolgozat. Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben

Miskolci Egyetem Gépészmérnöki és Informatikai Kar Elektrotechnikai-Elektronikai Intézeti Tanszék

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben

Szakdolgozat

Készítette: Név: Mohácsi Máté Neptunkód: M0MF35 Szak: Mérnök Informatikus Bsc Korszerű WEB technológiák szakirány


Tartalomjegyzék 1. BEVEZETÉS.............................................................................................. 1 2. HASZNÁLT TECHNOLÓGIÁK ............................................................... 3 2.1.

PSPICE ............................................................................................................................................ 3

2.2.

PHP ................................................................................................................................................ 3

2.3.

SVG ................................................................................................................................................ 4

3. SCHEMATICS ALKATRÉSZ KÖNYVTÁRAK ....................................... 5 3.1.

SLB könyvtárak ............................................................................................................................... 7

3.2.

PLB könyvtárak............................................................................................................................... 7

4. ALKATRÉSZ KÖNYVTÁRAK FELDOLGOZÁSA ................................. 8 4.1.

Attribútumok feldolgozása ........................................................................................................... 10

4.2.

Grafikák (Elektronikai rajzjelek) feldolgozása ............................................................................... 12

4.3.

Lábak feldolgozása ....................................................................................................................... 17

4.4.

Referencia elemek........................................................................................................................ 21

5. TOKOZÁS FELDOLGOZÁSA ............................................................... 23 6. SCHEMATICS FÁJLOK FELTÖLTÉSE .............................................. 27 6.1.

Kliensről történő feltöltés ............................................................................................................ 27

6.2.

Szerverről történő feltöltés .......................................................................................................... 28

7. FELTÖLTÖTT FÁJL FELDOLGOZÁSA ............................................. 29 8. FÁJL ALKATRÉSZEINEK KIRAJZOLÁSA ........................................ 32 9. DINAMIKUS TARTALOM FELDOLGOZÁSA .................................... 38 10.

WEBES FELÜLET .............................................................................. 40 I


11.

IRODALOMJEGYZÉK ........................................................................ 42

12.

ÖSSZEGZÉS ......................................................................................... 43

13.

SUMMARY ........................................................................................... 44

14.

MELLÉKLET ....................................................................................... 45

14.1.

1.Melléklet ................................................................................................................................... 45

14.2.

2. Melléklet .................................................................................................................................. 46

14.3.

CD melléklet ................................................................................................................................. 48

II


1. Bevezetés A téma ötlete egy kapcsolási rajzot kirajzoló webes felület elkészítése. Oktatási segédlet, mely az előadáson, illetve gyakorlaton elvégzett feladat megtekintésére vagy kinyomtatására alkalmas megjelenítést biztosít. Kapcsolási rajz weben keresztüli kirajzolására a lehetséges opciók az alábbiak: 

Kapcsolási rajzot kirajzoló program, weben keresztüli elérése



Egy program által fájlba mentett kapcsolási rajz feldolgozása és kirajzolása.

Az alkatrészek kirajzolása mellett lehetőséget kell nyújtania a programnak azok tulajdonságainak beállítására és kívánság szerinti megjelenítésére. Lényeges tulajdonságok közé tartozik például egy ellenállás alkatrésznek az elektromos ellenállás értéke vagy egy kondenzátor kapacitása. A legtöbb program ezek mellett az áramkör szimulációját is biztosítja, amire nekünk nincs szükségünk, így célszerűbb a fájlba mentett rajz feldolgozás és megjelenítése. Ebben az esetben a feldolgozás megértése egy Black-Box tesztelésre hasonlít majd, melyben a forráskód nem ismert csak az adott bemenetre várt kimenet. A fájlban szereplő adatokat át kell konvertálni webes megjelenítésre alkalmas kódra, úgy hogy a rajzban szereplő elemek megőrizzék eredeti formájukat. Olyan nyelvet kell választanunk, amit a lehető legtöbb böngésző támogat. A rajzot úgy kell megjeleníteni, hogy egyszerű legyen átlátni és a szükséges adatok jól láthatóak legyenek. Fontos hogy felhasználó barát legyen, és könnyen vissza lehessen állítani eredeti pozíciójába. Feldolgozásnál figyelembe lehet venni, hogy minden olyan sor, amely megjelenítés szempontjából lényegtelen, ne kerüljön feldolgozásra, mert feleslegesen lassítaná azt. Olyan nyelvet szükséges választani a feldolgozásra, amely szerveroldali és csak a végeredményt adja vissza, elrejtve a felhasználó elől a feldolgozás folyamatát. A további funkciók, mint méretezés és pozícionálás megoldható kliens oldalon is.

1

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben Egyszerű és felhasználó barát megjelenítés kell, melyben lenyíló menüpontokban találhatóak a rajz transzformációi, feltöltése szerver illetve kliens oldalról és nyomtatása. A szerver és kliens oldalról történő feltöltések feldolgozása ugyanazon kód alapján történjen. Az fájlban szereplő kapcsolási rajz elemek megjelenése ne térjen el a programban szereplő rajztól. Ezalatt értendő az alkatrészek lábához húzott vezetékek, illetve a csomópontok elágazában lévő kirajzolódása. Az alakzatok pontos megjelenése szintén követelmény, hiszen a tokban szereplő alkatrészek nem eshetnek a tok rajzán kívűl és a hozzá tartozó lábak, illetve attribútumok sem.

2


2. Használt technológiák 2.1.

PSPICE

Kapcsolási rajz elkészítésére rendelkezésre álló OrCAD PSPICE 9.1 verzió számú program, amely ingyenesen elérhető. A PSPICE-ban kapcsolási rajz készítésére és szimulációjára a Schematics alkalmas. OrCAD PSpice egy szimulációs program, amely modellezi a viselkedését egy analóg és digitális eszközöket tartalmazó áramkörnek. Alap és Haladó szintű elemzéseket is képes végrehajtani: Egyenáramú, Váltakozó áramú és tranziens elemzések, amelyekkel meg lehet vizsgálni egy áramkör viselkedését különböző bemenetekre. [1] A modell könyvtárak szinte korlátlanul bővíthetőek, ezáltal újabb elemek tölthetőek le a felhasználó kívánsága szerint. A könyvtárakban szereplő alkatrészekből szinte bármilyen kapcsolási rajz elkészíthető. Minden alkatrész tulajdonsága a könyvtárakban szerepel ASCII kódban megírva, így egyszerű olvasni és feldolgozni. Működés alapvető lépése a Schematics könyvtárak és a feltöltött sch kiterjesztésű fájlok feldolgozása egy választott programnyelv által, és fájl feltöltése esetén a benne szereplő elemek kirajzolása.

2.2.

PHP

A PHP-t Rasmus Lerdorf agyalta ki valamikor 1994 őszén. Az első kiadatlan verziókat a saját honlapján használta, hogy figyelemmel kísérje, kik látogatják az oldalait. Az első mások által is használt változat 1995 elején látott napvilágot és "Personal Home Page Tools" néven volt ismert. A feldolgozó program újraírása után 1995 közepén a "PHP/FI 2. verzió" nevet kapta. Ötvözte a "Personal Home Page Tools" programját a "Form Interpreter"-el és mSQL támogatást adott hozzá. Így született a PHP/FI. A program bámulatos ütemben fejlődött, és az emberek elkezdték kódokkal segíteni a fejlesztést. [2] A feltöltött fájlok feldolgozására dinamikus weblap létrehozása szükséges, a PHP ráadásul szerveroldali szkriptnyelv, melynek köszönhetően nem kerül elküldésre a teljes feldolgozás. A kliens csupán a végeredményt kapja meg, így rejtve marad a feldolgozás.

3


2.3.

SVG

Az SVG (Scalable Vector Graphics) magyar fordítása "méretezhető vektorgrafika". Ezt a leírónyelvet a World Wide Web Consortium (W3C) egyik munkacsoportja 1998-ban kezdte el kidolgozni. A cél egy olyan szabvány kifejlesztése volt, mely XML-t alkalmazva képes az ábrák leírására. Egy SVG dokumentum geometrikus alakzatokból álló ábrát, képet tartalmaz szöveges formában. Ezek a grafikák később megjeleníthetőek egy weboldalon vagy egy erre alkalmas program segítségével. A grafikában szereplő elemek általában görbék, síkidomok vagy szöveges objektumok, azonban meghagyták a lehetőséget arra is, hogy nem vektoros képet építsünk be a rajzba. Mivel szövegesen van leírva a kép tartalma, a keresőprogramok könnyebben tudnak információhoz jutni az ábrával kapcsolatban, mintha hagyományos, raszteres ábrázolást használnánk. A vektorgrafika másik nagy előnye a szabad átméretezhetőség a minőség romlása nélkül. Az SVG erre is rugalmas lehetőséget biztosít a felhasználó számára. [3] Számunkra jelentős SVG előnyök: 

SVG

képek

létrehozhatóak

és

szerkeszthetőek

bármelyik

szövegszerkesztővel 

XML formátumban definiálja a megjelenítést



Az SVG megjelenítés nem veszít a minőségéből még nagyítás vagy méretezés esetén sem.



Minden elem és minden attribútum az SVG fájlokban animálható [4]

4


3. Schematics Alkatrész Könyvtárak A Schematics minden könyvtárában különböző szerepű elemek tárolása valósul meg. A könyvtárak szöveges fájlok és mindegyikük ugyanazon szabvány alapján van megírva. Ezt a szabványt használva a programban saját könyvtárakat is létre lehet hozni. A gyárilag megadott könyvtárak slb és plb, amíg a saját könyvtárak olb kiterjesztésűek. Az slb kiterjesztésű könyvtárak tartalmazzák az elemek attribútumait, kirajzoláshoz szükséges grafikákat és a lábakat, a plb könyvtárak pedig a lábak számozását. A könyvtár fejlécében „@index” kulcsszó után egy „tartalomjegyzék” következik, melynek minden sora a „symloc” kulcsszót követően három lényeges információt hordoz. Az alkatrész neve, hozzá tartozó törzsben szereplő definíció kezdetének eltolása és a definíció hossza található, mely minden könyvtárban megegyezik. symloc C 0 618

A példa alapján, C (Capacitor) az elem neve, magyarul Kondenzátor, 0 a törzs kezdetétől számított eltolás és 618 karakter (byte) a hozzá tartozó tulajdonságok hossza. Előfordul, hogy ugyanazt az alkatrészt több gyártó eltérő neveken forgalmazza, ilyenkor nincs szükség az alkatrész definíciójának megismétlésére, elegendő a neveket egymástól kettősponttal elválasztva felsorolni, és az utolsóként megadott név alatt szerepel az alkatrész teljes definíciója. Például: symloc GND_ANALOG:AGND 4703 52 symloc 7400:00 22563 141

5

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben Ezek alapján minden könyvtár feldolgozható ugyanazon kóddal. A mellékletben (1. melléklet) található példa a könyvtárak szerkezetére. A különböző szerepű alapkönyvtárak a következőek: 

Analog: Analóg elemek, mint ellenállás, kondenzátor.



Eval: félvezetők, digitális eszközök, kapcsolók



Abm: speciális funkciók, mint a négyzetgyök, szorozók és függvények



Port: földelések, magas/alacsony digitális portok



Source: magában foglalja az áramforrásokat, mint az Egyenáramú (DC) forrás Vdc, Váltakozó áramú (AC) forrás Vac, Sin hullámú feszültség VSIN



Breakout: Tokok, MOS tranzisztorok, bipoláris tranzisztorok.



Special: Ampermérők, nézőpontok.



Analog_p: Hasonló az analog könyvtárhoz annyi különbséggel hogy az elemek végén 1-es és 2-es számjegyek a +, - jelek helyett a polaritás jelzésére. [5]

6


3.1.

SLB könyvtárak

A törzsben szerepelő tulajdonságok három részre oszlanak: attribútumok, lábak, grafikák. A tulajdonságok kezdete a „*symbol” kulcsszóval, az elem nevével, leírásával és következő sorban típusának betűjelével található a könyvtárban. A tulajdonságaik @attributes, @pins, @graphics kulcsszavakkal kezdődnek.

3.2.

PLB könyvtárak

Léteznek olyan funkciójú elemek, amelyekből többet szokás egy tokban elhelyezni, főleg a digitális kapu áramkörök. Ebben az esetben minden alkatrész lába különböző számot kap, melyet az 5.1. ábra szemléltet. A package library, röviden plb, azaz tokozás könyvtár az slb-ben található valamennyi tokban szereplő elem lábainak sorszámát tartalmazza. A törzsben szereplő tulajdonságok a „*package” kulcsszóval és az elem nevével kezdődnek, majd következő sorokban a kapuk darabszámát és neveit a @types kulcsszó alatt, továbbá a kapuk lábszámát a különböző be/ki menetek esetén a @pinout után.

7


4. Alkatrész Könyvtárak feldolgozása Minden könyvtár feldolgozásra kerül egy cikluson belül, amely futási feltétele a tömb mérete, ahol a könyvtárak elérése található. Az fgets metódus segítségével történik a sorok beolvasása, amely addig olvassa be a karaktereket, amíg a sor végére nem ér. do{ $location=ftell($currentlib); $buff=fgets($currentlib,4000); $symlocarray=explode(" ",$buff); if($symlocarray[0]=="symloc") { $partarray[]=$symlocarray; } }while(strpos("symloc",$symlocarray[0])=="symloc");

Egy hátultesztelős ciklus segítségével beolvassuk soronként a jelenlegi könyvtár fejlécét, majd az explode függvénnyel felbontjuk tömbre szóközönként, így megkapva a sorban lévő szavakat sorszámozva. Ha a tömb első string-je „symloc” amely jelen esetben a symbol location, azaz szimbólum helye (működése alapján pointer), akkor eltároljuk egy két dimenziós tömbben, mely soronként az elemeket, oszloponként a hozzá tartozó tulajdonságokat tárolja. Az ftell metódus segítségével elmentjük a jelenlegi pozíciót ahol járunk a könyvtárban egy változóba és felülírjuk minden ciklusban. A ciklus végeztével megkapjuk a törzs kezdetét, ahonnan kiszámítható a definícióban szereplő eltolás. $name=htmlspecialchars(strtoupper($partarray[$j][1])); if(array_search($name,$namecheck)==FALSE) { $start=$location+(int)$partarray[$j][2]; $length=(int)$partarray[$j][3];

Újabb ciklust indítunk, amely a könyvtár törzsét, azaz az előzőekben feldolgozott fejlécben szereplő alkatrészek definíciót dolgozza fel egyenként. Ezen ciklus futási feltétele a korábban elmentett szimbólum helyek tömbjének a mérete. A tömb minden sorának második elemét (alkatrész neve) a speciális HTML karakterek átalakításával elmentjük egy változóba. Az duplikáció elkerülése céljából feltétel vizsgálást indítunk, melyben megkeressük az előző sorban elmentett változó értékét egy ellenőrző tömbben az 8

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben array_search metódus segítségével. Ha hamis értéket ad, akkor az elem még nem került feldolgozásra. A jelenlegi pozícióhoz hozzá adjuk az elem kezdőértékének eltolását, amely a második elem a tömbben, majd változóban tároljuk. Szintén változóban tároljuk a hosszát, azaz a tömb harmadik elemét. Elágazás alapján külön feldolgozásra kerülnek a plb kiterjesztésű fájlok. array_push($namecheck,$name); if(strstr($name,":")==FALSE) { $parts[$name]=stream_get_contents($currentlib,$length,$start); } else { $refparts[$name]=stream_get_contents($currentlib,$length,$start); }

Az duplikáció ellenőrzés céljából hozzáadjuk a tömbhöz a jelenlegi elem nevét. Az elem nevei után álló kettőspont azt jelenti, hogy a kettőspont után álló elem egy referencia elem, melyet külön változóba mentünk. A stream_get_contents paraméterlistájába átadjuk a jelenlegi könyvtárat, a jelenlegi elem tulajdonságainak hosszát és a kezdetét. Eltároljuk egy asszociatív tömbben, mely indexei az elemek nevei lesznek. Foreach ciklusban kulcsérték pár alapján feldolgozzuk az előbb elmentett tömböt.

$attlines=explode("\n",substr($value,strpos($value,"@attributes"),strpos($value,"@pins")-strpos($value,"@attributes"))); $pinlines=explode("\n",substr($value,strpos($value,"@pins"),strpos($value,"@graphics")-strpos($value,'@pins'))); $graphstr=substr($value,strpos($value,"@graphics"));

Mindhárom sorban egymásba ágyazott metódusok által kapjuk meg tulajdonságokat tömbökre bontva sorok alapján. Az strpos az első string paraméterből a második paraméter első előfordulásának pozícióját a szövegből. A substr függvény által megkapjuk a paraméterben megadott karakterlánc egy részletét. Jelen esetben az strpos-al megadjuk az attribútumok kezdetét és végét jelző annotációk pozícióját. Második paraméter a kezdete, a harmadik paraméter pedig a pozíció különbsége, mely a hosszt fogja megadni.

9


4.1.

Attribútumok feldolgozása

Az attribútum sorok az elemek tulajdonságainak nevét és értékét tartalmazza. Legtöbb attribútum minden elemnél változó, kivétel az elem megnevezése. Az attribútum értéke vagy állandó, vagy a felhasználó által megadható. A sor első karaktere mindig „a” és szóköz után mindig 0 áll, ezek jelölik az attribútum sorokat. A sor további értékeinek jelentését a 4.1.1. ábra szemlélteti. Az attribútum értékének és nevének kiírására szolgáló számok egyben az attribútum típusát jelölik. Minden szám bitenként különböző tulajdonságot jelöl, melyekből az utolsó jelöli számunkra, hogy szükséges-e a kiírása: 3 (0011), 9 (1001), 11 (1011), 13 (1101). a 1 s 3 0 0 0 hcn 100 LABEL=+5v a 0 sp 9 0 0 0 hln 100 REFDES=U? a 0 s 11 0 10 34 hln 100 PART=HPOLY a 0 u 13 0 16 38 hlb 100 TOLERANCE=



3 Label: címke.



9 Refdes (reference designator): darabjegyzék megnevezése.



11 Part: a jelenlegi elem neve.



13 Value, Tolerance, egyéb: minden elemnél különböző kirajzolásra kerülő attribútum, melyek értékei a felhasználó által változtathatóak.

4.1.1. ábra

10

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben for($k=0;$k<sizeof($attlines);$k++) { $attline=explode(" ",$attlines[$k]); if($attline[0]=="a" && isset($attline[3])) { if(in_array($attline[3],array("3","9","11","13"))) { $attribs[$key][]=$attlines[$k]; } } }

For ciklus futása alatt minden sorban felbontjuk az attribútumokat szóközönként. Az if feltételében az in_array visszatérési értéke igaz lesz, ha a tömb negyedik eleme 3,9,11,13. Ha a feltétel teljesül a sort két dimenziós asszociatív tömbbe írjuk.

11


4.2.

Grafikák (Elektronikai rajzjelek) feldolgozása

A grafikák rész lényegében a kirajzolandó alakzatokat tartalmazzák. Ezek az alakzatok lehetnek kör, téglalap, vonal, görbe és Kezdő sora a @graphics kulcsszó és az alakzathoz tartozó szélesség, magasság, x és y tengelyen való eltolását tartalmazzák. Majd a további sorokban az alakzatokhoz tartozó paraméterek szerepelnek. $graphhead=substr($graphstr,0,strpos($graphstr,"\n")); $graphheader=explode(" ",$graphhead);

Mielőtt a grafikus részét is felbontanánk az attribútumokhoz hasonlóan, substr metódussal levágjuk az első sort. Külön dolgozzuk fel, hiszen ez minden további sorra érvényes lesz. @graphics 230 60 0 0

Az első szám az elem szélessége, a második a magassága. A negyedik az x koordinátája, az ötödik az y koordinátája. if($graphheader[0]=="@graphics") { $partghead[$key]["width"]=(int)$graphheader[1]; $partghead[$key]["height"]=(int)$graphheader[2]; $partghead[$key]["x"]=-(int)$graphheader[3]; $partghead[$key]["y"]=-(int)$graphheader[4]; }

A forráskód alapján asszociatív tömbökbe írjuk az előbb említett sorokat. Az x és y koordináták negatív értékét írjuk a változóba, hiszen az SVG más módon rajzolja ki a képet, mint a Schematics. Következő sorokban feldolgozzuk a grafikai rész további sorait. Egy switch case feltétel vizsgálat segítségével elágazást hozunk létre a sor első karakterétől függően. Switch case használatát csupán a program áttekinthetősége miatt választottunk, hiszen ugyan így meg lehetne oldani else, illetve elseif feltétel vizsgálattal is.

12

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben case "z": { $draw[$key].=''; $draw[$key].='
font-family= "Verdana"

font-size="6pt"

font-

style="normal" font-weight="100" stroke="blue" stroke-width="0.1" opacity="0.9" >' .$graph[$m+7]; $draw[$key].=''; break; }

Első elágazásban „z” karakter esetén a sor egy karakterlánc tulajdonságait tartalmazza. Egy asszociatív tömbhöz hozzáfűzzük a szöveg SVG kódját. A és kódok között egy csoport szerepel, melyre a g után megadott tulajdonságok lesznek érvényesek. Jelen esetben egy konkrét transzformációt alkalmazunk, amely az első sorban elmentett x és y koordinátával történő eltolás. Következő sorban a sorban lévő x és y értéke a sor harmadik és negyedik eleme, amely a szöveg x és y koordinátája. A stoke érték a betűk színét jelöli, stoke-width a vastagságát és az opacity az átlátszóságot 1 és 0 érték között, melynél 0 teljesen átlátszó. A tag-ek között elhelyezzük a hetedik tömbelemet, amely a kiírandó string. case "r": { $rectw=$graph[$m+2]+$graph[$m+4]; $recth=$graph[$m+3]+$graph[$m+5]; $graph[$m+4]=$graph[$m+4]-10; $draw[$key].=''; $draw[$key].='
x="'.$graph[$m+2].'"

y="'.$graph[$m+3].'"

width="'.$graph[$m+4].'"

height="'.$graph[$m+5].'"

stroke="black" stroke-width="0.3" fill="none" >'; $draw[$key].=''; break;

Ha a feltétel „r” karakter esetén teljesül akkor az alakzat rectangle, vagyis téglalap. A könyvtárakban megadott paraméterek egyszerű feldolgozásnál nem a várt eredményt adják vissza. Ezért az első sorokban a hibák kiküszöbölésére elmentjük a koordinátáit hogy az oldalak széléhez lehessen igazítani a lábakat. A hozzá tartozó width és height tulajdonságok a szélességét és a magasságát jelölik.

13

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben case "c": { $draw[$key].=''; $draw[$key].=''; $draw[$key].=' class="partdraw />'; break; }

Schematic forrásfájlban a „c” a kör jele, míg az SVG-ben a circle kulcsszóval rajzolhatunk kört és az x és y paraméter helyett most cx és cy paramétert kell megadni, amelyek a kör középpontjának koordinátáit jelentik. Szintén elengedhetetlen megadnunk a kör sugarát, melyet az „r” paraméterrel tudjuk megadni. A fill paramétert mindenképp none értéket kell adnunk az összes alakzatnál, hiszen ez az alakzat kitöltését jelenti, és ha más értékre állítjuk a benne található alakzatokat elfedi. case "v": { $draw[$key].=''; $offset=2; $draw[$key].='<path d="M'.$graph[$m+2].' '.$graph[$m+3];

A leggyakrabban előforduló alakzat a „v” karakterrel jelölt vonal, illetve törött vonal. SVG-ben törött vonalat a path kulcsszóval rajzolhatunk, melyben az M (move to) paranccsal ugorhatunk az utána szereplő két koordinátával megadott pontba. while($graph[$m+$offset]!=";") { $draw[$key].=' L '.$graph[$m+$offset].' '.$graph[$m+$offset+1]; $offset=$offset+2; } $draw[$key].='" stroke="black" stroke-width="0.3" fill="none"/>';

Az előző törött vonal kirajzolása while ciklussal. Minden törött vonalat, illetve vonalat rajzoltató utasítás végén pontosvessző szerepel a könyvtárakban. Erre alapozva állítjuk be a ciklus futási feltételét. Az path-ban „L” (line to) parancs segítségével rajzolhatunk vonalat jelenlegi pozíciónkból a megadott pontba. Egészen addig fut a ciklus, amíg ki nem rajzoltunk minden vonalat, amely az elemhez tartozik.

14

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben $draw[$key].=' <path d="M '.$p1x.' '.$p1y.' Q '.$p2x.','.$p2y.' '.$p3x.','.$p3y.'" stroke="black" stroke-width="0.3" fill="none"/>'."\n"; break; }

Utolsó alakzat, amelyet tartalmaznak a könyvtárak a görbe, melyet az „a” (arc) betű szimbolizál. A Schematics-ban minden görbét három ponttal adunk meg. Az Schematics-ban ezen a három ponton keresztül rajzolódik ki a görbe 4.2.1 ábrán szemléltetve. A weblapon ez a sugár kiszámolása után az SVG-ben megadott elliptikus görbe kirajzolásának segítségével történik, melynek szintaktikája „a rx ry x-axis-rotation large-arc-flag sweep-flag x y”.

4.2.1. ábra A sugár meghatározása az alábbi matematikai képlet használatával lehetséges. 𝑟=

𝑎𝑏𝑐 𝑎 + 𝑏 + 𝑐 𝑏 + 𝑐 − 𝑎 𝑐 + 𝑎 − 𝑏 (𝑎 + 𝑏 − 𝑐)

Ez a képlet a háromszög köré rajzolható kört adja meg. Mivel három pont adott, így ki kell számolnunk A, B és C oldalakat. Következő képlet segítségével számolja ki a program. 𝑑=

𝑥2 − 𝑥1

2

+ (𝑦2 − 𝑦1 )2

$a=sqrt(pow($p2x-$p3x,2)+pow($p2y-$p3y,2)); $b=sqrt(pow($p1x-$p3x,2)+pow($p1y-$p3y,2)); $c=sqrt(pow($p2x-$p1x,2)+pow($p2y-$p1y,2)); $r=$a*$b*$c/sqrt(($a+$b+$c)*($b+$c-$a)*($a+$c-$b)*($a+$b-$c)); $draw[$key].='<path d="M '.$p1x.' '.$p1y.' A '.$r.','.$r.' 0 0,0 '.$p3x.','.$p3y.'" stroke="black" stroke-width="0.3" fill="none"/>';

15

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben Az alábbi kóddal rajzolható ki a görbe. Az első négy sor az oldalak és a sugár kiszámítása a fenti képletek alapján. Utolsó két sorban a görbe kirajzolása SVG-vel és egy változóban való eltárolása. Az elliptikus görbe egy egyedi path parancs, esetünkben ellipszis helyett egy kör részletére volt szükségünk, ezért az rx és ry sugarak megegyeznek. A következő paraméterekkel adható meg sorrendben: 

(x1, y1) a jelenlegi „út” relatív koordinátáit jelölik, melyeket az előző parancs koordinátáiból kap meg.



rx és ry a görbe sugarai (más néven a nagytengely és a kistengely).



φ a jelenlegi koordináta rendszer x tengelye és az ellipszis x tengelye által bezárt szög.



fA a nagy görbe jelzőbit, az érték 0, ha a görbe kisebb vagy egyenlő, mint 180° alatt látszó szakasza lett kiválasztva, vagy 1, ha a görbe nagyobb, mint 180° alatt látszó szakasza lett kiválasztva.



fS az ív jelzőbit, az értéke 0, ha a vonal a kisebb szög külsején ível keresztül, az értéke 1, ha a vonal a nagyobb szög külsején ível keresztül.



(x2, y2) az abszolút koordinátái a görbe végpontjainak. [6]

4.2.4. ábra fA és fS

16


4.3.

Lábak feldolgozása

A @pins kulcsszó után találhatóak a lábak kirajzolásához szükséges információk és a hozzájuk tartozó attribútumok. A „p” karakterrel kezdődő sorok a lábakat jelölik, az „a” karakterrel kezdődőek pedig lábakhoz tartozó attribútumokat, melyek a megjelenítés szempontjából feleslegesek. A lábak feldolgozása kezdetben hasonló, mint az attribútumok és a grafikák feldolgozása. Soronként felbontjuk tömbökre a több karakterből álló jelölések okán. for($n=1;$n<sizeof($pinlines);$n++){ $pins[$n]=explode(' ',$pinlines[$n]); if($pins[$n][0]=='p' || $pins[$n][0]=='a'){ if(!($pins[$n][6]=="GND" || $pins[$n][6]=="PWR")) { $pinx=$pins[$n][8]; $piny=$pins[$n][9];

Egy ciklussal soronként felbontjuk tömbre a jelenlegi elemhez tartozó részt, majd elmentjük egy tömb változóban a jelenlegi sor számát megadva indexként, így létrehozva egy két dimenziós tömböt. Egy feltételvizsgálatban megnézi, hogy a tömbünk első eleme a „p” vagy „a” karakter, amely a lábat és a hozzá tartozó attribútumot jelöli. Mivel a GND és PWR nevű lábakat nem jelölik áttekinthetőség céljából a kapcsolási rajzokon, ezért az ilyen nevű lábakat nem dolgozzuk fel. A tömb 8. és 9. elemét elmentjük külön változóba, mivel ezek a lábakhoz tartozó x és y koordináták. if(!(($pins[$n][7]=='z')||($pins[$n][0]=='a'))){

A nyolcadik tömbelemben szereplő „z” karakter olyan lábat jelöl, mely információ megjelenítésére elhelyezett elemhez tartozik és megjelenítés céljából nincs értelme feldolgozni. A lábak attribútum sorait szintén nem kívánjuk feldolgozni.

17

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben switch ($pins[$n][10]){ case "h":$normalpin='h10'; $bubblepin='h5 a2.5,2.5 1,1 10 0.1';$circlepin='h10 m0 2.5 l2.5 -2.5 l-2.5 -2.5'; $tanchor="right"; break;

A tömb tízedik eleme a láb irányát mutatja. A forrásban 3 féle „N” „B” és „C” lábtípus van és mindegyik elforgatható 90°, 180° és 270°-al, mely lehetőségeket a 4.3.1. ábra szemlélteti. Minden irányba minden lábtípus külön SVG paraméterét beírjuk változóba és a következő switch minden case-ében kiválasztjuk a megfelelőt. Majd a szöveg jobbra, balra vagy középre igazítását elmentjük egy változóba, hogy később az SVG kódban ezt adjuk meg a kívánt paraméter értékének.

4.3.1. ábra $pins[$n][2]=$pins[$n][2]-10; if(isset($rectw)) { $pinx=$rectw; }

A téglalapok eltolt oldalaihoz most hozzá igazítjuk a lábakat, melyeket csak a négyszögek jobb szélére és az aljára szükséges elvégeznünk.

18

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben $pintext=$pins[$n][6]; if($pintext[0]=="\\") { $pintext=substr($pintext,1,strlen($pintext)-2); $decor='text-decoration = "overline"'; } else { $decor='';

A tömb 6. eleme a lábak neve melyet változóban tárolunk. Feltételvizsgálatban megnézi a karakter első elemét és ha „\” karakter akkor azt jelenti, hogy negált láb, amit neve felé húzott vonallal jelölünk. A Schematics a negált láb neve előtt és után lévő „\” jelekkel jelöli (pl. \Z\). Ez a jelölés SVG-ben text decoration paraméterben az overline kulcsszóval adható meg. A substr metódussal levágjuk a string első és utolsó karakterét ezzel eltávolítva a „\” jeleket. A feltételvizsgálat minden más esetben üresen hagyja a dekorációhoz rendelt változót. if($pins[$n][1]=="2") { $px[$n]=$partghead[$key]["x"]+$pins[$n][2]; $py[$n]=$partghead[$key]["y"]+$pins[$n][3]; $pscale=$pins[$n][5]/100; $pindraw.=''.$pintext.'’;

Csak azokat a lábakat kívánjuk kirajzolni, amely második tömbeleme „2”, mert általában ezek a lábak szerepelnek a kapcsolási rajzokon, ettől eltérő számmal jelölt lábak a kirajzolás szempontjából lényegtelenek (pl. 16=GND). Az elem eltolását hozzáadja a láb elemen belüli eltolásához így megkapva azt a koordinátát ahova a lábat kell kirajzolni.

19


Egy string változóhoz hozzáfűz minden kirajzolni kívánt SVG szöveget, majd ezt a string-et később eltárolja egy asszociatív tömbben, melynek indexe az elem neve. Ezáltal az elem nevével lehetséges hivatkozni az elem lábainak kirajzolásához. Paraméterben megadjuk az előbb beállított koordinátát eltolásnak, és a dekorációt, ezek mellett vörös színű kitöltés a könnyebb megkülönböztetés céljából. Új paraméterként text-anchor kerül elő, amely a szöveget az változóból megkapott pozícióba igazítja.

case "n": $pindraw.='<path transform="translate('.$partghead[$key]["x"].', '.$partghead[$key]["y"].')" d="M '.$pinx.' '.$piny.' '.$normalpin.'" stroke="blue" stroke-width="0.3" fill="none" />'; break; case "b": $pindraw.='<path transform="translate('.$partghead[$key]["x"].', '.$partghead[$key]["y"].')" d="M '.$pinx.' '.$piny.' '.$bubblepin.'" stroke="blue" stroke-width="0.3" fill="none" />'; break; case "c": $pindraw.='<path transform="translate('.$partghead[$key]["x"].', '.$partghead[$key]["y"].')" d="M '.$pinx.' '.$piny.' '.$circlepin.'" stroke="blue" stroke-width="0.3" fill="none" />'; break;

A 4.3.1. ábrán szemléltetett lábtípusok kirajzolásra kerülnek elágazás teljesülése alapján.

20


4.4.

Referencia elemek

A referencia elemek szerepe Schematics-ban az elemek hivatkozása egy megegyező szimbólumú elemre. Az ilyen hivatkozás a könyvtárakban „Elem neve: Hivatkozott elem” szintaktikával van megoldva. foreach($refparts as $key=>$value) { $partref=substr($key,strpos($key,":")+1); $currentpart=substr($key,0,strpos($key,":"));

A referencia változóknak létrehozott tömbön végigmegy egy ciklussal kulcs-érték alapján. Majd következő két sorban külön választjuk az elem nevét és a hivatkozott elem nevét. Az strpos metódussal megállapítva kettőspontig tartó részt leválasztása substr-el adja az elem nevét, kettőspont után a hivatkozott elem nevét. if(isset($attribs[$partref])) { $attribs[$currentpart]=$attribs[$partref]; }

Referencia elem indexű attribútum tömb létezése esetén a jelenlegi elem attribútumai helyére beírjuk a hivatkozott elem attribútumait. else { if(!isset($refflag[$key]) || $refflag[$key]!=true) { array_push($refparts,$key); $refflag[$key]=true; }}

21

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben Hamis feltétel teljesülésénél az elemet hozzáadjuk a referencia tömbhöz array_push metódussal. Az array_push alkalmazásával a tömb végére kerül az elem, amely azért szükséges, mert a hivatkozott elem később szerepel a könyvtárban, mint a hivatkozó. Ezáltal az összes elem feldolgozása után újra megpróbáljuk a feldolgozást. Végtelen ciklus elkerülésére jelzőbitet hozunk létre minden későbbi feldolgozásra szánt elemhez, így csak akkor írjuk a tömb végére az elem nevét, ha a jelzőbit nem létezik vagy nem „igaz” értéket ad. Bármelyik feltétel nem teljesülése esetén az elemet már megpróbáltuk feldolgozni másodszorra is. Elfogadható lehetőség lenne jelzőbit helyett inkrementálni egy változót és adott számnál abbahagyni az elem feldolgozását, de a Schematicsban nincs többszörös hivatkozás (pl. 1:2 és 2:3), ezért elég egy jelzőbit.

22


5. Tokozás feldolgozása Elektronikai áramkörök megépítésénél számít a tokokban lévő kapuk lábainak számozása. Erre a problémára a Schematics megoldása a tokozás könyvtár, melyben beállíthatjuk egy kapunak a lábszámozását. Az 5.1. ábrán szemléltetve a lábak számozásának oka.

5.1. ábra 7402 NOR kapuk lábszámozása A tokozás könyvtárban 5.1. ábrán szereplő NOR kapu lábak A, B, C és D kapukra vannak felbontva. *package 7402 @types 4 g 1 A,B,C,D

Minden kapuhoz hozzárendelve A, B bemenet és Y kimenet. Az A kapuban a két bemenet 2 és 3, amíg a kimenet 1. @pinout t DIP14 g1 p A 2,5,8,11 p B 3,6,9,12 p Y 1,4,10,13A

23

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben foreach($packages as $key=>$value) { $typelines=explode("\n",substr($value,strpos($value,"@types"),strpos($value,"@pinout")-strpos($value,'@types'))); $pinoutlines=explode("\n",substr($value,strpos($value,"@pinout")));

Kulcs-érték pár alapján végigmegyünk az asszociatív tömbön, amiben eltároltuk az elemekhez tartozó adatokat. Két részre bontjuk, az egyik a típusok sorai, másik a lábszámok sorai lesznek. for($q=0;$q<sizeof($typelines);$q++) { if(strstr($typelines[$q],"@types")) { $typehead=explode(" ",$typelines[$q]); $tnum=(int)$typehead[1];

Ciklussal minden sorban megvizsgáljuk, hogy szerepel-e „@types” kulcsszó, ha teljesül a feltétel, akkor felbontjuk a sort szóközönként tömbre és elmentjük az másodikat egy változóba. Ez a szám jelzi a kapuk számosságát. if(isset($typelines[$q][0]) && $tnum!=1) { if($typelines[$q][0]=="g") { $typegroups=explode(" ",$typelines[$q]); $group=explode(",",$typegroups[2]); }

Feltételvizsgálatban üres sorokat és 1 kapuval rendelkező elemeket kizárva „g” karakterrel kezdődőeket felbontva szóközönként tömbökre majd a 3. tömbelemet felbontjuk vesszőnként tömbre. Így az alábbi sorból g 1 A,B,C,D megkapjuk a kapuk neveit tömbbe írva.

24

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben for($r=0;$r<sizeof($pinoutlines);$r++) { if(isset($pinoutlines[$r][0]) && $tnum!=1) { if($pinoutlines[$r][0]=="p") { $pinogroups=explode(" ",$pinoutlines[$r]); $pgroup[]=explode(",",$pinogroups[2]); array_push($pinname,$pinogroups[1]);

A lábak számozását tartalmazó sorokat is feldolgozzuk, az üres és egy kaput tartalmazó sorokon kívül mindet. A „p” karakterrel kezdődő sorokat felbontjuk szóköz és vessző alapján. Ezekből több sor is lehet, pontosan annyi ahány lába van az elemnek. Ezért minden sort külön sorba írunk a tömbbe, így létrehozva egy kétdimenziós tömböt. A lábak nevét jelzi a tömb első eleme, későbbi feldolgozáshoz elengedhetetlen, ezért egy tömbben tároljuk. for($s=0;$s<$tnum;$s++) { $packkvp[$key][$s][0]=$group[$s]; for($v=0;$v<sizeof($pgroup);$v++) { $packkvp[$key][0][$v+1]=$pinname[$v]; $packkvp[$key][$s][$v+1]=$pgroup[$v][$s];

Ciklust indítunk melynek futási feltétele a kapuk száma. Minden kapunevet elmentünk sorrendben, egy asszociatív tömb első oszlopába, melynek indexe az elem neve. Újabb ciklust indítunk, ami addig fut, amíg a lábak számát tartalmazó tömb sorait fel nem dolgoztuk. Az első sort feltöltjük a lábak neveivel. Ezeket a sorokat hozzáadjuk természetesen a könyvtárban lévő sor és oszlop felcserélésével az előző asszociatív tömbhöz, a második oszloptól kezdődően, így létrehozva elemenként egy kétdimenziós mátrixot, melyet az 5.2. táblázat szemléltet.

25


A

B

Y

A

2

3

1

B

5

6

4

C

8

9

10

D

11

12

13

5.2. táblázat

26


6. Schematics fájlok feltöltése A Schematics fájlok feltöltésére két lehetőség adott a weblapon. Az első lehetőség a kliens gépről való feltöltés, melynek segítségével a felhasználók a saját elkészített fájljaikat tudják feltölteni és megtekinteni. A másik lehetőség a szerver egy mappájában tárolt fájlok feltöltése, tehát a hallgatók megtekinthetik, illetve kinyomtathatják a tanár által elkészített órai feladatokat.

6.1.

Kliensről történő feltöltés

Az alábbi kód kliens gépről való feltöltést szolgálja. A form elemének aktiválása esetén az action paraméterben megadott $_SERVER['PHP_SELF']; parancs lefutása a weblap újratöltését eredményezi. Az input accept paraméterében adható meg hogy milyen fájlokat fogadjon el, amely jelen esetben sch kiterjesztésű, így csak a Schematics fájljait lehet feltölteni. Fájl kiválasztása után meghívódik a paraméter nélküli submit függvény, amely az adatok elküldését eredményezi.

27


6.2.

Szerverről történő feltöltés

<select type="file" name="file" id="file" onchange="this.form.submit();">

Szervergépről való fájlok eléréséhez egy select használatával legördülő listát hozunk létre. A mappa elemeinek beolvasásához PHP használata szükséges. if ($handle = opendir("SCH/")) { while (false !== ($entry = readdir($handle))) { if(strstr($entry,".sch")) { echo ""; }} closedir($handle);

Feltételvizsgálatban megnyitjuk a feltölteni kívánt fájlokat tartalmazó mappa elérését az opendir metódussal, ha létezik a könyvtár igaz értéket ad vissza. Egy while ciklus futási feltételében kiolvassuk a readdir függvénnyel az előző változóba mentett mappa helyét, melynek eredménye a mappa fájljainak elemenkénti visszaadása. Csak azokat a fájlokat akarjuk elérhetővé tenni amelyek. sch kiterjesztésűek, így egy if-ben megvizsgáljuk, hogy a jelenlegi string tartalmaz-e „ .sch” karaktereket. Teljesülés esetén kiíratjuk új lista elemként, legvégül bezárjuk a mappát.

28


7. Feltöltött fájl feldolgozása Az sch kiterjesztéső fájlok szerkezete a könyvtárak törzséhez hasonlóan több részre bomlanak, ezek a részek a következőek: @libraries, @analysis, @targets, @attributes, @translators, @setup, @index, @status, @ports, @parts, @conn, @junction, @attributes, @graphics. A @ports előtt szereplő részeket nem dolgozzuk fel, mert ezek a szimulációhoz szükséges adatok, kivéve az @index a lapok számát jelzi, viszont tanulói verzióban (mi esetünkben) csupán 1 oldalas lehet. A @ports a föld elemeket és a @parts az alkatrészeket, amelyeket ugyanúgy dolgozunk fel egy függvény segítségével. A @conn az összeköttetési táblát és a @junction a csomópontokat jelöli. Az elemek dinamikus attribútumát az @attributes és az dinamikus alakzatokat a @graphics rész tartalmazza. A mellékletben (2. melléklet) található példa a fájlok szerkezetére. if(isset($_POST["file"]) || isset($_FILES["file"])) {

A könyvtárak feldolgozása után feltételvizsgálat indul, hogy a POST metódus által feltöltött file-ok tárolására alkalmas tömb, vagy az input-al feltöltött fájlokat tartalmazó mappa létezik-e. Ezeket a „szuperglobális” változók használatával valósíthatjuk meg melyek a PHP-ba beépített változók és bárhonnan elérhetőek. if(isset($_POST["file"])) { $uploaded=$_POST["file"]; $source=fopen("SCH/".$uploaded,"r"); } else { $uploaded=$_FILES["file"]["tmp_name"]; $source=fopen($uploaded,"r");

Újabb if függvényben megvizsgáljuk, hogy POST metódussal történt-e a feltöltés, majd teljesülés után megnyitjuk olvasásra a szerver mappájából a kiválasztott fájlt. Ellenkező esetben input-al történt a feltöltés és a _POST mappa üres. Ebben az esetben a PHP a _FILES „szuperglobális”-ban tárolja ideiglenesen a feltöltött fájlt.

29

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben while(strpos($sbuff,"ports")==FALSE) { $sbuff=fgets($source,4000); }

Minden sort feldolgoz az eddig alkalmazott módszerrel egészen addig, amíg el nem jut olyan sorhoz, melyben szerepel a „ports” szó. Az előtte álló sorok így beolvasásra kerülnek, viszont nem lesznek további vizsgálatnak kitéve, mivel a weblap számára felesleges információt tartalmaznak. A ports az egyik lapról másikra while(strpos($sbuff,"parts")==FALSE) { $sbuff=fgets($source,4000); if(strpos($sbuff,"parts")==FALSE)

Előltesztelős ciklust indítunk melynek leállási feltétele a jelenlegi sorban található-e „parts” kulcsszó, amely az elemeket adatainak kezdetét jelöli a könyvtárban. A cikluson belül beolvassuk a következő sort, és ha nem található benne „parts” kulcsszó tovább haladunk a feldolgozásban. if(strpos($sbuff,"port")==0) { $portarray=explode(" ",$sbuff);

Feltételvizsgálatban megnézi, hogy a „port” string pozíciója 0, tehát az első szó a sorban. Teljesülés esetén felbontjuk a sort tömbre. do{ $portpoint=ftell($source); $sbuff = fgets($source, 4000); $templine=explode(" ",$sbuff); if($templine[0]=="a") { $attribute[]=$sbuff; } }while($templine[0]=='a');

30

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben Hátultesztelős ciklust indítunk és eltároljuk a jelenlegi pozíciót benne, majd beolvassuk a következő sort. Felbontjuk tömbre a jelenlegi sort szóközönként. A portokhoz tartozó attribútum sorokat szeretnénk feldolgozni, ezért feltétel vizsgálatban megnézzük hogy az első tömbelem „a”. Létrehozunk egy új sort az attribútumokat tároló tömbben és beleírjuk a jelenlegi egész sort. Amennyi attribútum sor van addig ismétlődnek ezek a parancsok. fseek($source,$portpoint); partdraw($portarray[1],$portarray[2],$portarray[3],$portarray[4],$portarray[5],$attribute);

Visszaállítjuk az utolsó attribútum előtti pozíciót, mivel újabb elemet vagy leállási feltételt olvastunk be utoljára. Meghívunk egy függvényt, amit később tárgyalunk részletesen. Ez a függvény az elemek kirajzolására szolgál és aktuális paraméterei sorrendben a következőek: 

Elemhez tartozó azonosító szám (ID)



Elem neve



X koordinátája



Y koordinátája



Iránya



Hozzá tartozó attribútumok egy tömbben

while(strpos($sbuff,"conn")==FALSE) { $sbuff=fgets($source,4000); if(strstr($sbuff,"@parts")) { $sbuff=fgets($source,4000);

Az alkatrész lista az összeköttetési tábláig tart, egészen addig dolgozzuk fel, amíg el nem jut a conn stringet tartalmazó sorig. Feltétel vizsgálatban a „@parts” kulcsszót keressük a sorokban, mely az alkatrész lista kezdetét fogja jelölni. Teljesülés esetén újabb sort olvasunk be. A portok feldolgozásánál használt módszerrel feldolgozzuk az elemekhez tartozó attribútum sorokat. Szintén hátultesztelős ciklus alkalmazásával, mert nem lehet tudni, hogy milyen sor fog következni.

31


8. Fájl alkatrészeinek kirajzolása Az elemek kirajzolására egy függvény lett létrehozva, amely lényegében a könyvtárakból feldolgozott elemekből választja ki a szükségeset és adja hozzá egy tömbhöz, melynek elemeit később kirajzolja. global $parts, $refparts, $pindrawing, $attribs, $partghead, $fsvg, $draw, $packkvp, $pinsx, $pinsy;

A függvény elengedhetetlen része az eddig feldolgozott elemek változói hatáskörének bővítése, tehát „global”-ként való deklarációja, hiszen ezekre a változókra történő hivatkozás a metóduson kívüli változókra lesz érvényes. $partname=strtoupper($partname); if(!isset($partname) || $partname=="") { return;

Az alkatrész neveket átalakítjuk nagybetűsre az egységesítés céljából. Üres elemnév vagy nem létező változó esetén a függvény visszatérési érték nélkül áll le. foreach($refparts as $key=>$value) { if(strstr($key,$partname)) { $refname=substr($key,strpos($key,":")+1);

Referencia elemek neve a tokozás könyvtárakban a hivatkozó elem neve alapján lettek elmentve ellenben a többi könyvtár elemei a hivatkozott elemek nevével lettek eltárolva. A referencia elemeket tároló tömbön végighaladva megvizsgáljuk, hogy a kulcs tartalmazza-e az elem nevét. Találat esetén változóba írjuk a hivatkozott elem nevét. if(!isset($refname)) { $refname=$partname;

Amennyiben nem található ez a változó, tehát nem hivatkozott elemet dolgozunk fel, a jelenlegi elem nevét elmentjük az előbb létrehozott változóba.

32

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben $psvg='';

Létrehozunk egy ideiglenes változót, amelybe a kirajzolásra szánt SVG sorokat tároljuk majd. Később ehhez a változóhoz fűzzük hozzá a további SVG sorokat, ezzel létrehozva egy string-et, amely kiírása esetén kirajzolódik a kívánt elem. Első lépésként létrehozunk egy group () elemet, amelyen történő változások érvényesek lesznek az összes gyerek elemére. A függvény formális paraméterlistájában megadott x és y koordináta az elem egészére vonatkozik, így ezt az eltolást a group paraméterében adjuk meg. if(isset($attr) && isset($attribs[$partname])) { if(is_array($attr) && is_array($attribs[$partname])) { $attr=array_merge($attr,$attribs[$partname]); } }

Elágazást hoz létre, melyben a formális paraméterben kapott változót, amely az attribútumok tárolására lett létrehozva és a könyvtárban lévő attribútumokat magába foglaló asszociatív tömböt a jelenlegi elem nevével hivatkozva létezése esetén újabb feltétel vizsgálatot indít. Tömb típusú változóknál az array_merge metódussal egymásba „olvasztja” a két tömböt, ezzel hozzáadva egyik tömb elemeit a másikhoz.

else { if(isset($attr)) {}elseif(isset($attribs[$partname])) { $attr=$attribs[$partname]; }else { $attr=array(); }}

33

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben Feltétel nem teljesülésének három oka lehetséges: 

könyvtárban szereplő attribútumok nem léteznek



feldolgozott fájlban szereplő attribútumok nem léteznek



egyik sem létezik

Első esetben üres a törzs, hiszen a változóban már szerepelnek az attribútumok. Második esetben a könyvtárban lévő attribútumokat elmentjük a változóba. Harmadik esetben létrehozunk egy üres változót a hibajelentések elkerülésére. for($o=0;$o<sizeof($attr);$o++) { $att=explode(" ",$attr[$o]);

Ciklussal feldolgozzuk az attribútum sorokat, amelyeket elmentettünk a tömbbe. Ismét felbontva szóközönként a több karakterű tulajdonságok eléréséhez. $x=$att[5]; $y=$att[6]; $attrname=$att[9];

Kirajzolás szempontjából fontos attribútumok az 5. és 6. , mint x és y koordináta, 9. pedig az attribútum neve. switch ($orient[0]){ case "h": $angle=0; $pangle=0; $flip=1; break;

A formális paraméterből megkapott elem irányának 8 változata lehetséges. Ezek feldolgozását egy switch elágazásban állítjuk be. A lábszámok visszaforgatásához szükséges szögek értékeit szintén elmentjük egy külön változóba.

34

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben Schematics elemek orientációi: 

h (horizontal): vízszintes, ez az alapvető, ezért default ágban is ezt állítjuk be. Ilyenkor a 0°-al forgatjuk el.



v (vertical): függőleges, az elemet -90°-al forgatjuk.



u: az elemet 180°-al forgatjuk.



d: az elemet 90°-al forgatjuk.



Előzőek nagybetűs változatai, amelyek tükörképet szimbolizálnak, azaz x tengely mentén tükrözve.

if(strpos($attrname,"=")!==FALSE) { $nvp=explode("=",$attrname); if(($nvp[0]=="REFDES" || $nvp[0]=="LABEL")&& $nvp[1]!="") { $text=$nvp[1][0].''.substr($nvp[1],1,strlen($nvp[1])).''; } else{ $text=$nvp[1];}

Az attribútumok neve után általában egy értéket tartalmaz ekvivalencia jel után. Egyenlőség jelet keres az attribútum névben, ha teljesül felbontja a jel előtti és utáni részre, azaz név-érték párra. REFDES és LABEL string bármelyikét tartalmazó első tömbelem és nem üres második tömbelem esetén ki kell íratni szövegként. Változóba elmentjük az első karaktert és hozzáfűzve a további karaktereket alsó indexként tspan-el y koordináta eltolását 2 pixellel. Egyéb esetben szimplán elmentjük a változóba a tömbelem tartalmát. GATE kulcsszó esetén az elemek lábszámozásának kapuja található értékként jelölve. if($packkvp[$partname][$t][0]==$nvpc) {

Megkeressük a tokozás könyvtárból feldolgozott kapunevek közül melyik egyezik meg a GATE értékével.

35

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben $pix=$pinx+$partghead[$key]["x"]; $piy=$piny+$partghead[$key]["y"]; $piname=addslashes($pins[$n][6]); $piname=str_replace("\\\\","\\",$piname); $pinsx[$key][]=$piname.":".$pix; $pinsy[$key][]=$piname.":".$piy;

A lábak feldolgozásának végén elmentettük lábakat asszociatív tömbbe „láb neve: eltolás” formában. Előtte a nevekhez hozzáadjuk a „\” karaktereket az addslashes metódussal. Mivel a „\” egy escape karakter, ezért hogy látható legyen, előtte még egynek szerepelnie kell. Ezáltal „\\” jön létre az addslashes hatására és mind a két karakter elé escape karakter kell a feldolgozáshoz. Így a str_replace-ben megadott „\\\\” és „\\” paramétereket valójában „\\” és „\” értékként dolgozza fel. $pinxs=explode(':',$pinsx[$refname][$w]); if($pinxs[0]==$packkvp[$partname][0][$u]) { $pinys=explode(':',$pinsy[$refname][$w]); break; }

Ciklus futási feltétele a lábak tömbjének mérete. Felbontja „:” alapján névre és koordinátára. Ha egyezik a keresett név a tokozásban feldolgozott láb nevével, akkor felbontja a másik koordináta név-érték párját is és leállítja a ciklust. $ppsvg.=''.$packkvp[$partname][$t][$u].'';

Végül az elem kiírásához szükséges SVG parancs hozzáfűzése változóhoz. Egy group-ba írjuk az lábszámokhoz tartozó eltolást, hogy vissza tudjuk őket eredeti orientációjukba forgatni. Scale parancsban megadva a tükrözés értékével, amely -1 esetén x tengely mentén visszatükrözi. Rotate első paramétere az elforgatás szöge, amellyel visszaforgatjuk.

36

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben if($att[3]=="13" || $att[3]=="9" || $att[3]=="1" || $att[3]=="11" || $att[3]=="3") {

Feltétel vizsgálatban a kirajzolandó attribútumok számát ellenőrizzük, majd kiírjuk a nevüket. Switch elágazásban az orientáció alapján beállítjuk az attribútum nevének eltolását, szintén a 8 lehetséges érték alapján. if(ord($text[0])==92){ $deco="text-decoration='overline'";

A szöveg átalakítása ASCII kódra ord metódussal történik, majd a kapott értéket összehasonlítjuk a „\” ASCII számával, ami a 92. Feltétel teljesülésekor változóba történő SVG kód parancsának elmentése, amely vonalat húz az elem neve felett. Ezt követően a szöveg kiírás kódjának változóba mentése az eltolás és a dekoráció megadásával. $psvg.= ''; $psvg.='

x="'.$partghead[$partname]["x"].'"

y="'.$partghead[$partname]["y"].'"

width="'.$partghead[$partname]["width"].'" height="'.$partghead[$partname]["height"].'" stroke="black" stroke-width="0.3" fill="red" opacity="0" id="'.$partname.'" onmouseover=ShowTooltip(evt) onmouseout=HideTooltip(evt) />';

Csoport tag-ben megadjuk a tükrözést és forgatást. Az elem köré kirajzolunk egy téglalapot, amely az eltolás, szélesség és magasság paraméterei megkapják az elem könyvtárból feldolgozott értékeit. Ez téglalapot teljesen átlátszó és vörös színű, id-nak megkapja az elem nevét. Az egér ráhúzásával láthatóvá válik és meghívódik egy javascript függvényt, amely láthatóvá teszi a bal alsó sarkokban a négyzet id tartalmát, ami az elem nevét tartalmazza. $psvg.=$ppsvg; $psvg.=$draw[$partname]; $psvg.=""; $fsvg[]=$psvg;

Az utolsó sorokban a lábszámok és az elem kirajzolásának kódját hozzáfűzzük a változó tartalmához, lezárva a group tag-eket és hozzáadva az összes elem kirajzolására szánt tömb új sorába.

37


9.

Dinamikus tartalom feldolgozása

A függvényből visszatérve még a fájl további tartalmát is ki kell rajzolni, amik már nem könyvtárban szereplő alakzatok. while(strpos($sbuff,"junction")==FALSE) { $sbuff=fgets($source,4000); $wire=explode(" ",$sbuff); if($sbuff[0]=="s") { $fsvg[]='<path d="M'.$wire[1].' '.$wire[2].' L'.$wire[3].' '.$wire[4].'" stroke="green" stroke-width="0.3" fill="red" visibility="visible" />';

A vezetékek feldolgozása a fájlban tárolt @wire kulcsszóval kezdődik és a @junction-ig tart. Soronként beolvasva felbontjuk szóközönként, a második és harmadik tömbelem, az x és y koordinátái a vonal elejének, a harmadik és negyedik tömbelem pedig a vonal végének a koordinátái. while(!feof($source)) { $sbuff=fgets($source,4000);

A feldolgozás utolsó lépése a fájlban tárolt grafikák, amelyek lehetnek nyilak, körök, szövegdobozok és egyéb könyvtáraktól független alakzatok. Ciklust indítunk, ami a fájl végéig fut, melyet a feof (end of file) metódussal ellenőrizhetünk. A könyvtár alakzataihoz hasonló a feldolgozás, egyetlen kivétellel, amely a nyíl. case "v": { if(strstr($sbuff,"d_info”)) { $dinfo=substr($sbuff,strpos($sbuff,"d_info")); $dinfo=str_replace("d_info:","",$dinfo); $dinfo=explode(",",$dinfo);

38

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben Vonalat jelölő kezdőbetű esetén megvizsgáljuk, hogy található-e „d_info” karaktereket tartalmazó string. Feltétel teljesülése esetén kiemeljük a sorból a d_info után következő részt és felbontjuk vesszőnként. Ezek tartalmazzák a nyíl tulajdonságait. A számunkra fontos tulajdonság „/” jelekkel van szétválasztva, ezért ezek szerint is felbontjuk ismét. A tömb 4. sorának első eleme adja meg a nyíl irányát. Értékei a következőek lehetnek: 

1: A vonal kezdőpontján van a nyílvég.



2: A vonal végpontján van a nyílvég.



3: A vonal mindkét végén van nyílvég.



4: Egyiken sincs nyílvég.

<defs> <marker id="mArrowend" markerWidth="13" markerHeight="13" refx="2" refy="6" orient="auto"> <path d="M2,2 L2,11 L10,6 L2,2" style="fill: #000000;" /> <marker id="mArrowstart" markerWidth="13" markerHeight="13" refx="2" refy="6" orient="auto"> <path d="M2,6 L10,11 L10,2 L2,6" style="fill: #000000;" />

A nyílvégek kirajzolására SVG definícióban megadható úgynevezett „marker”, amely legnagyobb előnye az automatikus orientáció. Két pontból matematikai számításokkal megkapható nyílvég megjelenítése helyett ez egyszerűbb módszer a kirajzolásra.

Az összes elem kirajzolása egy for ciklussal történik, amely kiírja az SVG kódokat tartalmazó tömb minden elemét.

39


10.

Webes felület

8.1. ábra

A 8.1. ábrán látható a honlap megjelenítése. Négy egérhúzásra lenyíló menüpont található. Nyomtatás, skálázás, pozícionálás és fájl feltöltés. A skálázás és pozícionálás gombok javascript metódusok meghívásával állítják be a rajz paramétereit. Ezek alapértéke visszaállítható a hozzájuk tartozó Reset gombbal. Az elemek körül megjelenő vörös téglalap is css és javascript eredménye ezzel párhuzamosan kiíródó elem neve csupán javascript.

40


8.2. ábra

A honlap rajzának nyomtatási képét jeleníti meg az 8.2. ábra. Az oldal nyomtatáskor csak a kirajzolt képet foglalja magába. A menü eltűntetését és a háttér átszínezését css segítségével valósítottam meg. A nyomtatásban kihasználjuk a SVG előnyét melyben a nagyítás hatására is ugyan olyan minőségű képet ad vissza.

41


11. [1] [2] [3] [4] [5]

Irodalomjegyzék

http://physicsweb.phy.uic.edu/482/PSPICE.pdf http://www.kando-kkt.sulinet.hu/mirror/phphu/intro-history.html http://svg.elte.hu/ http://www.w3schools.com/svg/default.asp http://www.seas.upenn.edu/~jan/spice/PSpicePrimer.pdf

[6] www.w3.org/TR/SVG/paths.html

"Linkek utoljara ellenőrizve: 2015.május.4"

42


12.

Összegzés

Az elektronikus áramkörök rajzolására és szimulációjára több program is létezik. Az egyik legelterjedtebb a PSPICE, amelyet azt oktatásban is széles körűen alkalmaznak. A megoldott feladatban a PSPICE-ban összeállított kapcsolási rajzot jelenítettük meg webes felületen, feldolgozva a könytáraiban szereplő alkatrészek definícióit. A könyvtárak és a feltöltött fájlok feldolgozását PHP segítségével oldottuk meg. A könyvtáraknak két típusa van. Az egyik típus az alkatrészek attribútumait, lábait és grafikáit tartalmazza. A lábakat és grafikákat egyszerű alakzatokból jeleníti meg a PSPICE.Az alkatrész definíciókat feldolgozzuk, majd átkonvertáljuk SVG kódra, és a feltöltött fájlban tartalmazott elemeket kirajzoljuk webes felületen. Fájlok feltöltésére két lehetőséget valósítottunk meg, egyik a kliens gépről történő feltöltés, másik a szerver mappában tárolt sch kiterjesztésű fájlok helyének beolvasása PHP-val, majd azok kiírása lista elemekként, amelyekből kiválasztható az általunk megjeleníteni kívánt kapcsolási rajz. A fájlban tárolt alkatrészeket, összeköttetési táblát, csomópontokat és dinamikus alakzatokat szintén fel kellett dolgoznunk. Ezek feldolgozása a kezdetüket jelölő kulcsszavak alapján történt, mellyel meghatározható kezdetük és a következő rész alapján a végük. A honlapra feltöltött kapcsolási rajz transzformációját javascript segítségével oldottuk meg. Ezek a transzformációk a rajz pozícionálását és méretezését foglalják magukba. Továbbá a nyomtatási kép is csak a kapcsolási rajzot tartalmazza, a honlap többi eleme nem jelenik meg, amely css-el lett megvalósítva. A jövőbeni fejlesztési lehetőség egyike kapcsolási rajz elkészítése a honlapon. A könyvtári elemek beolvasása után egyszerű bővíteni a kiválasztott elem elhelyezésével. Lehetőség van áramköri szimuláció megírására, ahogy az a Schematics-ban is funkcionál. A gyorsabb feldolgozás érdekében az elemek feldolgozásának cache-elése szintén beállítható php-ban, bár a mai szerver kapacitásokhoz mérten így is elfogadható a feldolgozási idő.

43


13.

Summary

There are different programs for drawing and simulating electronic circuits. The most common is the PSPICE, which is widely used in the education. In the completed task, the electric parts were drawn on the website, processed the element definitions from the libraries. The libraries and the uploaded files were processed by PHP. There are two types of libraries. One of these types contains the parts’ attributes, pins and graphics. In PSPICE the pins and graphics are combined from simple shapes. These electric symbol definitions processed, then converted to SVG code, and the uploaded file elements drawn in the website. To upload files there are two opportunities are provided by us, one is the upload from client, the other is the sch files location read by PHP from the server directory, and written out by HTML select elements, so the file to be processed can be chosen from a list. The parts contained in the files, wiring table, nodes and dynamic shapes also had to be processed. These process based on keywords, as the schematic file is divided into sections separated by annotations, such as ”@parts, @conn”. One of the future development opportunities is drawing the schematic online. It's easy to expand with the location of the selected item after the reading of the library's elements. It is possible to write circuit simulation as it functions in the Schematics as well. For faster processing, the caching of processing of elements can also be set in PHP, although considering today's server capacity we can achieve reasonable speed without caching as well.

44


14. 14.1.

Melléklet

1.Melléklet

*version 8.0 545515308

v 0 10 15

@index

15 10

symloc AGND 0 252

;

symloc EGND 252 250

*symbol EGND

symloc +5V 502 228

d earth ground

symloc -5V 730 228

@type g

symloc BUBBLE 958 228

@attributes

symloc GLOBAL 1186 243

a 1 s 0 0 10 28 hcn 100 LABEL=0

symloc OFFPAGE 1429 217

@pins

symloc IF_IN 1646 586

p 0 15 7 hcn 100 EGND n 10 0 d

symloc IF_OUT 2232 593

a 0 u 0 0 0 -10 hln 100 pin=1

symloc INTERFACE 2825 489

a 1 u 0 0 0 0 hcn 100 erc=x

symloc HI 3314 439

@graphics 20 20 10 0 10

symloc LO 3753 439

v 0 5 10

symloc NoConnect 4192 235

15 10

symloc X 4427 276

;

symloc GND_ANALOG:AGND 4703 52

v 0 7 12

symloc GND_EARTH:EGND 4755 50

13 12

symloc copyright 4805 568

;

*symbol AGND

v 0 9 14

d analog ground

11 14

@type g

;

@attributes

*symbol +5V

a 1 s 3 0 14 20 hln 100 LABEL=0

d Connection bubble

@pins

@type g

p 0 15 7 hln 100 AGND n 10 0 d

@attributes

a 0 u 0 0 0 -10 hln 100 pin=1

a 1 s 3 0 0 0 hcn 100 LABEL=+5v

a 1 u 0 0 0 0 hln 100 ERC=x

@pins

@graphics 20 20 10 0 10

p 0 10 20 hln 100 1 n 10 20 v

v 0 5 10

a 0 u 0 0 0 -10 hln 100 pin=1

15 10

a 0 u 0 0 0 -10 hln 100 ERC=x

;

@graphics 20 20 10 20 10

v 0 5 10

c 0 10 10 0

10 15

c 0 10 7 3

;

45


14.2.

2. Melléklet

*version 9.1 253763115 u 57 R? 4 L? 3 V? 2 C? 3 @libraries @analysis .AC 1 3 0 +0 12 +1 1 +2 10000000 .DC 0 0 0 0 1 1 + 0 0 V1 +040 + 0 5 10 +062 .TRAN 0 1 0 0 +0 1ms +1 10ms +2 2ms .STEP 0 1 1 .TEMP 0 20,30 @targets @attributes @translators a 0 u 13 0 0 0 hln 100 PCBOARDS=PCB a 0 u 13 0 0 0 hln 100 PSPICE=PSPICE a 0 u 13 0 0 0 hln 100 XILINX=XILINX @setup unconnectedPins 0 connectViaLabel 0 connectViaLocalLabels 0 NoStim4ExtIFPortsWarnings 1 AutoGenStim4ExtIFPorts 1 @index pageloc 1 0 3200 @status n 0 111:02:31:16:32:40;1301581960 e s 2833 111:02:31:16:32:43;1301581963 e c 115:04:05:21:36:45;1430854605 *page 1 0 970 720 iA @ports port 5 GND_ANALOG 60 145 h @parts part 2 r 115 60 h a 0 sp 0 0 0 10 hlb 100 PART=r a 0 s 0:13 0 0 0 hln 100 PKGTYPE=RC05 a 0 s 0:13 0 0 0 hln 100 GATE= a 0 a 0:13 0 0 0 hln 100 PKGREF=R1 a 0 ap 9 0 15 0 hln 100 REFDES=R1 a 0 u 13 0 15 25 hln 100 VALUE=1k part 35 r 225 60 h a 0 sp 0 0 0 10 hlb 100 PART=r a 0 s 0:13 0 0 0 hln 100 PKGTYPE=RC05 a 0 s 0:13 0 0 0 hln 100 GATE=

a 0 a 0:13 0 0 0 hln 100 PKGREF=R3 a 0 ap 9 0 15 0 hln 100 REFDES=R3 a 0 u 13 0 15 25 hln 100 VALUE=200 part 47 L 300 70 d a 0 sp 0 0 0 10 hlb 100 PART=L a 0 s 0:13 0 0 0 hln 100 PKGTYPE=L2012C a 0 s 0:13 0 0 0 hln 100 GATE= a 0 a 0:13 0 0 0 hln 100 PKGREF=L2 a 0 ap 9 0 11 0 hln 100 REFDES=L2 a 0 u 13 0 39 3 hln 100 VALUE=0.1H part 36 c 275 85 d a 0 sp 0 0 0 10 hlb 100 PART=c a 0 s 0:13 0 0 0 hln 100 PKGTYPE=CK05 a 0 s 0:13 0 0 0 hln 100 GATE= a 0 a 0:13 0 0 0 hln 100 PKGREF=C2 a 0 ap 9 0 -1 24 hln 100 REFDES=C2 a 0 u 13 0 29 29 hln 100 VALUE=100n part 28 c 210 85 d a 0 sp 0 0 0 10 hlb 100 PART=c a 0 s 0:13 0 0 0 hln 100 PKGTYPE=CK05 a 0 s 0:13 0 0 0 hln 100 GATE= a 0 a 0:13 0 0 0 hln 100 PKGREF=C1 a 0 ap 9 0 5 24 hln 100 REFDES=C1 a 0 u 13 0 27 23 hln 100 VALUE=10n part 21 r 165 75 d a 0 sp 0 0 0 10 hlb 100 PART=r a 0 s 0:13 0 0 0 hln 100 PKGTYPE=RC05 a 0 s 0:13 0 0 0 hln 100 GATE= a 0 a 0:13 0 0 0 hln 100 PKGREF=R2 a 0 u 13 0 33 25 hln 100 VALUE=1k a 0 ap 9 0 17 26 hln 100 REFDES=R2 part 4 VAC 60 75 h a 0 sp 0 0 0 50 hln 100 PART=VAC a 0 a 0:13 0 0 0 hln 100 PKGREF=V1 a 0 u 13 0 -9 33 hcn 100 ACMAG=7V a 1 ap 9 0 -8 18 hcn 100 REFDES=V1 a 0 u 13 13 -4 6 hcn 100 ACPHASE=0 part 1 titleblk 970 720 h a 1 s 13 0 350 10 hcn 100 PAGESIZE=A a 1 s 13 0 180 60 hcn 100 PAGETITLE= a 1 s 13 0 340 95 hrn 100 PAGECOUNT=1 a 1 s 13 0 300 95 hrn 100 PAGENO=1 @conn w7 a 0 up 0:33 0 0 0 hln 100 V= s 60 75 60 60 6 s 60 60 115 60 8 a 0 up 33 0 87 59 hct 100 V= w 11 a 0 up 0:33 0 0 0 hln 100 V= s 155 60 165 60 10 a 0 up 33 0 182 59 hct 100 V= s 165 60 210 60 24 s 165 75 165 60 22 s 210 85 210 60 29 s 210 60 225 60 45

46

Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben w 38 a 0 up 0:33 0 0 0 hln 100 V= s 265 60 275 60 37 s 275 60 275 85 39 a 0 up 33 0 277 72 hlt 100 V= s 275 60 300 60 48 s 300 60 300 70 50 w 53 a 0 up 0:33 0 0 0 hln 100 V= s 300 130 300 140 52 s 275 115 275 140 41 s 60 115 60 140 14 s 60 140 60 145 20 s 210 140 165 140 18 a 0 up 33 0 135 139 hct 100 V= s 165 140 60 140 27 a 0 up 33 0 112 139 hct 100 V= s 165 115 165 140 25 s 210 115 210 140 31 s 275 140 210 140 43 s 300 140 275 140 54 @junction j 115 60 +p21 +w7 j 155 60 +p22 + w 11 j 60 140 + w 53 + w 53 j 165 75 + p 21 1 + w 11 j 165 60 + w 11 + w 11 j 165 140 + w 53 + w 53 j 210 85 + p 28 1 + w 11 j 265 60 + p 35 2 + w 38 j 275 85 + p 36 1

+ w 38 j 210 140 + w 53 + w 53 j 225 60 + p 35 1 + w 11 j 210 60 + w 11 + w 11 j 275 60 + w 38 + w 38 j 300 70 + p 47 1 + w 38 j 300 130 + p 47 2 + w 53 j 275 115 + p 36 2 + w 53 j 60 145 +s5 + w 53 j 165 115 + p 21 2 + w 53 j 210 115 + p 28 2 + w 53 j 275 140 + w 53 + w 53 j 60 75 +p4+ +w7 j 60 115 +p4+ w 53 @attributes a 0 s 0:13 0 0 0 hln 100 PAGETITLE= a 0 s 0:13 0 0 0 hln 100 PAGENO=1 a 0 s 0:13 0 0 0 hln 100 PAGESIZE=A a 0 s 0:13 0 0 0 hln 100 PAGECOUNT=1 @graphics r 56 r 0 320 165 345 180

47


14.3.

CD melléklet

1. Dolgozat 1.1. Szakdolgozat_Máté_Mohácsi.docx 1.2. Szakdolgozat_Máté_Mohácsi.pdf 1.3. Kiírás_Máté_Mohácsi.pdf 1.4. Summary_Máté_Mohácsi.docx 1.5. Summary_Máté_Mohácsi.pdf 2. Eredetiség 2.1. Nyilatkozat.pdf 3. Forráskód 3.1. SchematicstoSVG.php 4. Schematics könyvtárak 4.1. eval.plb 4.2. analog.plb 4.3. port.slb 4.4. analog_p.slb 4.5. analog.slb 4.6. source.slb 4.7. eval.slb 4.8. special.slb 4.9. sourcstm.slb 4.10. marker.slb 4.11. breakout.slb 4.12. abm.slb

48

Szakdolgozat. Elektronikai áramkör szimulátor schematics forrásfájlt vektoros webes (SVG) kódra konvertáló oktatási segédprogram kifejlesztése PHP-ben

Recommend Documents